எப்படி HTML இல் ஒரு அட்டவணை செய்ய: ஒரு விரிவான விளக்கம்

அட்டவணை - மிக முக்கியமான ஒன்று, ஆனால் இணைய பக்கங்களில் கண்டிப்பாக அளிக்கப்படவேண்டிய அதே நேரத்தில் சிக்கலான கூறுகள். அவர்களின் உதவியுடன் அது ஒரு மாறாக சுருக்கமாகவும் வடிவில் ஒரு முக்கியமான மற்றும் பயனுள்ள தகவல்களை விண்ணப்பிக்க வசதியாக உள்ளது. நிச்சயமாக, மிகவும் ஆசிரியர்கள் டெம்ப்ளேட்டுகளிலும், பல்வேறு இயந்திரங்கள் வேலை, தானாகவே ஒரு அட்டவணை உங்கள் வலைத்தளம் அல்லது தனி வெளியீடு, ஆனால் என்ன வலை வடிவமைப்பு வள என்றால் தன் பக்கங்களில் கீறல் உருவாக்கப்படுகின்றன செருக? எப்படி ஒரு செய்ய: பின்னர் புதிய மாஸ்டர் ஒரு பிரச்சனை பெறலாம் HTML இல் அட்டவணை. இது எப்படி விரைவாகக் காண சரியாக உருப்படியை உருவாக்கலாம்.

ஆசிரியர் தேர்வு

முதலில், ஒரு அட்டவணை உருவாக்க தொடங்கி, நீங்கள் வேலை செய்யும் பத்திரிகை ஆசிரியருக்கு வரையறுக்க வேண்டும். நிச்சயமாக, எளிதான வழி நீங்கள் ஒரு அடிப்படை தளத்தில் குறியீடு உருவாக்க அத்திட்டத்தில் தேர்வு. ஆனால் அது இந்த நோக்கத்திற்காக நல்ல பழைய எதாவது பயன்படுத்த சிறந்தது.

நீங்கள் உங்கள் வாழ்க்கையில் சிக்கலாக்கும் ஏன், ஏனெனில் நீங்கள் சரியான ஆசிரியர் அனைத்தையும் செய்தால், அதன் விளைவு உடனடியாக காணலாம், கூட கேட்கலாம், மற்றும் கூட பயன்படுத்த திட்டம் கேட்கும்.

ஆமாம், அது நீங்கள் மட்டும் முற்றிலும் அதன் உருவாக்கம் கொள்கை ஆய்வு செய்ய முடியாது, ஆனால் அடிப்படை குறியீடு உள்ள இக்கட்டான எழுத்துப்பிழைகள் மற்றும் பிழைகளை தவிர்க்க உண்மை, ஆனால் புதிதாக ஒரு அட்டவணை உருவாக்க. சில நேரங்களில் அது கர்சர் கீழே நகர்த்தப்பட்டது என்று, மேலும் தவறுதலாக குறியீடு எழுதும் செயலில் கண்டுபிடிக்க கடினமாக உள்ளது இது பற்றிப் படரும் தற்செயலாக நடக்கிறது. நோட்டுப்புத்தகத்தில் ஒரு அட்டவணை உருவாக்குதல், குறியீட்டின் நகல் மற்றும் நீங்கள் சரியான இடத்தில் ஒட்டலாம்.

அட்டவணையை உருவாக்கி அல்கோரிதம்

தொடங்க, HTML இல் ஒரு அட்டவணை செய்ய எப்படி ஒரு குறுகிய வழிமுறை செய்ய. இந்த நீங்கள் ஒவ்வொரு அடியிலும் வரிசைமுறை புரிந்து கொள்வது உள்ளது. பின்னர் பொருட்களை ஒவ்வொரு எப்படி செய்ய சரியாக ஆய்வு செய்யும்.

ன் ஆயத்த நடவடிக்கைகளை ஆரம்பிக்கலாம்.

1. காகித அட்டவணை படத்தை திட்ட வரைக.

2. வரிசைகள் மற்றும் செல்களின் எண்ணிக்கை எண்ணிக்கை. வேறுபட்ட கடந்தகால எண்ணிக்கை என்றால் - ஒவ்வொரு ryadochka தனித்தனியாக நினைக்கிறேன்.

3. நிரை-தலைப்பு செல்களில் எண் (எடுத்துக்காட்டாக, «№» செல், "பெயர்" மற்றும் t. டி) தீர்மானிக்கவும்.

நிறம், உயரம் மற்றும் அகலம், உரை சீரமைப்பு - - 4. அட்டவணை முக்கிய காரணிகள் எழுதி சுருக்கமாக, எல்லாம் நீங்கள் பொருத்தம் தெரிகிறது என்று.

பின்னர் அட்டவணை உருவாக நேரடியாக சென்று:

1. குறிச்சொற்களை செருகு.

2. நீங்கள் வேண்டும் என்று அளவு அடிப்படையில் வரிகளை டேகுகளைச் செருகவும்.

3. வரிசைகள் மேலும் தாளில் பதிவு செய்துள்ளனர் என்று அளவு அடிப்படையில், செல்கள் (சாதாரண மற்றும் பெரிய எழுத்தில்) குறியிடப்பட்டவர்கள் நுழைக்க.

4. முழு அட்டவணை அளவுருக்கள் அமைக்கவும்.

5. நீங்கள் தனிப்பட்ட அணுக்களின் அளவீடுகளை அமைக்க வேண்டும் என்றால்.

6. எங்கள் செல் உரை நிரப்பவும்.

ஒரு அட்டவணை உருவாக்க

எனவே, நீங்கள் இப்போது, ஆசிரியர் தேர்வு இன் HTML ஒரு அட்டவணை எப்படி உருவாக்க பார்போம். அட்டவணை அனுமதிக்கிறது அந்த குறியுடன் (<அட்டவணை>) எங்கள் கட்டப்பட்டது அதன் டேக் தொடங்குகிறது மற்றும் முடிவடைகிறது, அதாவது, பக்க விதிமுறையானது ஜோடியாக நுழைக்கப்படுகிறது.

செருகுகிறது குறிச்சொற்களை அட்டவணை, வரிசைகள் மற்றும் செல்கள் உருவாக்க தொடர.

இப்போது, நாம் இந்த தனிமங்களும் கூட ஜோடியாக என்பதை கவனத்தில். டேக் ஒரு சரம் வரையறுக்கிறது, மற்றும் - செல்கள்.

மேல்-செல்கள் உபயோகத்தில் இருந்து வரும் வேண்டும் ஜோடியாக கூறுகள் <வது>.

ஏற்கனவே குறிப்பிட்டபடி, முதல் படி, ஒரு கோடு போடுவது உள்ளது பின்னர் அவர்கள் செல் பதிவு செய்ய வேண்டும். குழப்பம் தவிர்க்கும் பொருட்டு, இது ஒரு வரி அல்லது இரண்டு ஒவ்வொரு தொகுதி இடையே எந்த திணிப்பு செய்ய, அல்லது வேறு "தாவல்" விசை பயன்படுத்தி ஒரு புதிய தொகுதி உறுப்புகள் எழுதி அறிவுறுத்தப்படுகிறது.

எப்படி அது போலிருக்கக்கூடும்? இந்த மாதிரி ஏதாவது:

• <அட்டவணை>;
• ;
• <ந> ப / ப № ;
• <ந> பெயர் ;
• ;
• ;
• 1 ;
• இவனோவின் ;
• ;
• .

நீங்கள் பார்க்க முடியும் என, எதுவும் அதை பற்றி சிக்கலானது. முக்கிய விஷயம் - வரிசைகள் மற்றும் செல்களின் எண்ணிக்கை தொலையும் இல்லை. இல்லையெனில், அட்டவணை பெயர்ந்து உள்ளது.

நாம் இப்போது நாங்கள் மேட்ரிக்ஸிற்கும் அதன் வரிசைகள் மற்றும் செல்களை அளவுருக்கள் செல்ல முடியும், HTML அட்டவணையை உருவாக்க அகற்றப்படும்போது.

அட்டவணை விருப்பங்கள்

உள்ள சீரமைப்பு: குறியீடு எழுதப்படும் பொழுது, அது பின்வரும் புள்ளிகள் கவனம் செலுத்த வேண்டிய அவசியம் உள்ளது , HTML, நிறம் அட்டவணை எல்லைகள், பின்னணி, உரை, மற்றும் பல.

அளவுருக்கள் அட்டவணை டேக் <அட்டவணை> குறிக்கப்பட்டிருக்கும். இந்த பின்வருமாறு:

1. பார்டர் - எல்லை அகலம். ஒரு முழு வரையறுத்த. இயல்பாக, எந்த அட்டவணைக் கரைகள் காணாமல் போயின.

2. borderColor - எல்லை நிறம். அது பதினாறிலக்க வண்ண (# 00008B), மற்றும் angliykom மீது அவரது பெயரை (DarkBlue) போன்ற கொடுக்கப்படலாம். இயல்பாக, அது எப்போதும் சாம்பல் ஆகும்.

3. bgcolor - பின்னணி நிறம். குறியீடு அல்லது பெயர் குறிப்பிடுவதை.

4. சீரமை - அட்டவணை உரை align. இயல்புநிலை - இடது. இந்த அளவுரு பின்வரும் விருப்பங்கள் உள்ளன:

• இடது - வலது மடக்கு;
• இடது -obtekanie வலது;
• சென்டர் - எந்த ஓட்டத்துடன் மத்தியில் வெளியீடு அட்டவணை.

5. அகலம் மற்றும் உயரம் - அகலம் மற்றும் அட்டவணை உயரம். இது பிக்சல்கள் அல்லது ஒரு சதவீதம் (உலாவி சாளரத்தை அளவு தொடர்புடைய) போன்ற இருக்கலாம்.

ஒரு குறிப்பிட்ட காட்டி பரிந்துரைக்கும்போது, நீங்கள் வடிவமைப்பு குறிப்பிட்ட கவனம் செலுத்த வேண்டும். மேற்கோள் ஒரு தீர்மானிக்கப்பட்ட மதிப்பைக் குறிக்கிறது பின்னர் அடையாளம் "சமம்" என்று, செல்ல அளவுரு குறிப்பிடாமல் பிறகு.

உரை நிறம் பொறுத்தவரை, பின்னர் HTML வடிவத்தில் வெற்று உரையாக அதே வழியில் அதை செய்ய.

அட்டவணையின் உதாரணம்:

• <டேபிளின் கரை = "2" borderColor = "# 00008B" = ப்க்கோலோர் "# ffffff" align = "சென்டர்" அகலம் = "800" உயரம் = "800">;
• ;
• <ந> ப / ப № ;
• <ந> பெயர் ;
• ;
• ;
• 1 ;
• இவனோவின் ;
• ;
• .

அளவுருக்கள் வரிசைகள்

எனவே நாம் ஏற்கனவே HTML இல் ஒரு அட்டவணை செய்ய மற்றும் அதன் முக்கிய காரணிகள் எழுதி எப்படி வெளியே வந்தார். ஆனால் நாம் ஒரு சரம் ஒதுக்க என்ன தேவை என்றால்? அவரது மேஜை முக்கிய அமைப்பாக பாருங்கள்?

வரி அளவுருக்கள் தரவு அட்டவணை அதே வழியில் டேக் எழுதப்படுகின்றன. வரிசையாக பின்வரும் மாறிகள் வரையறுக்கலாம்:

1. முன்பே நீங்கள் அறியப்படுகிறது எல்லை, borderColor மற்றும் bgcolor.

2. சீரமை - லைன் உரை align. அது இடது, மையம் மற்றும் வலது அமைக்க முடியும்.

3. valign - டேக் செங்குத்தாக உரை ஒழுங்கமைக்கும். இது பின்வரும் மதிப்புகள் எடுக்கும்:

• மேல் - உரை மேல் எல்லை சீரமைக்கப்பட்ட;
• நடுத்தர - மத்தியில்;
• கீழே - கீழே விளிம்பில்.

எடுத்துக்காட்டு வரி இளக்கம்:

• ;
• <ந> ப / ப № ;
• <ந> பெயர் ;
• .

அளவுருக்கள் செல்கள்

தனிப்பட்ட அணுக்களின் காரணிகள், சாதாரண மற்றும் மூலதன இருவரும் - கடந்த விஷயம் நீங்கள் HTML இல் ஒரு அட்டவணை செய்ய எப்படி தெரிந்து கொள்ள விரும்புபவர்களுக்கு இது கவனம் செலுத்த வேண்டும். உண்மையில், எல்லாம் ஒரு அட்டவணை அல்லது வரிசையின் அதே வழியில் செய்யப்படுகிறது. மட்டுமே இரண்டு முக்கிய பகுதிகள் சேர்க்கப்பட்டது:

1. கோல்ஸ்பன் - இந்த அளவுரு செல் நீடிக்கலாம் கட்டுரைகளை எண்ணிக்கையைக் குறிக்கிறது.

2. rowspan - ஏற்கனவே இந்த செல் ஆக்கிரமிக்கப்பட்டுள்ளது வரிசைகள் குறிக்கிறது.

வடிவமைப்பு மருந்து வரி இருந்த அதிகாரங்களில் எந்த மாற்றமும் இருப்பதால், அது மாதிரி குறியீடு வழிவகுக்காது.

கண்டுபிடிப்புகள்

அது முதல் பார்வையில் போல் போல ஒரு அட்டவணையாக கடினம் அல்ல கொள்ளுங்கள். விடாமுயற்சி மற்றும் கவனத்தை - அதன் குறியீடு எழுதும் போது முக்கிய விஷயம்.

HTML இல் ஒரு அட்டவணை எப்படி செருக பொறுத்தவரை, அதன் குறியீட்டு எண்ணை நகல் மற்றும் இதில் உங்கள் கருத்து, வைக்கப்பட வேண்டும் உங்கள் பக்கம் இடத்தில், ஒட்டவும் போதுமானது.

சோதனை பயப்பட வேண்டாம், விரைவில் நீங்கள் செய்தபின் அட்டவணைகள் உருவாக்கும் நுட்பம் மாஸ்டர். நல்ல அதிர்ஷ்டம்!