HTML ஐ மீது பாடம். கலங்களை ஒன்றிணைக்கிறது

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

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

தியரி அறிமுகம்

கோல்ஸ்பன் மற்றும் ரோஸ்பேன்: HTML இல், செல்கள் தொழிற்சங்க இரண்டு பண்புகளை மூலம் ஏற்படுகிறது. அவர்கள் TD டேக் பொதுவாக குறிப்பிடப்படுகின்றன.

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

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

HTML ஐ-அட்டவணை: செங்குத்தாக மற்றும் கிடைமட்டமாக கலங்களை ஒன்றிணைக்க

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

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

கீழே வரி நீங்கள் அதை எவ்வளவு இடம் எடுக்கும் செல் கூறிக்கொண்டிருக்க மாட்டார்கள். இயல்புநிலை மதிப்பு 1.

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

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

• ரோ - வரிசையில்.
• கோல் - நிரலை / நிரலை.
• Span - சங்கம்.

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

செங்குத்தாக மற்றும் கிடைமட்டமாக: HTML இல், செல்கள் தொழிற்சங்க இரண்டு திசைகளில் செய்ய முடியும். இதை செய்ய, நாம் இருவரும் பண்பு குறிப்பிடவும்.

மேலே உள்ள படம் என்பதே வெறும் மற்றும் சங்கம் செய்ய முடியும் என்று கூறினார்: வரிசைகள், பத்திகள், அல்லது வரிசைகள் மற்றும் பத்திகள் இருவரும்.

எச்டிஎம்எல்: கலங்களை ஒன்றிணைக்க. உதாரணங்கள்

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

நீங்கள் செல் மையத்தில் மூன்று இணைக்க முடியும். முதல் வழக்கில் கோல்ஸ்பன் பண்பு செல் №1 குறிப்பிடுகிறது. இங்கே, முதல் மாறாமல் இருக்கும், மற்றும் இரண்டாவது கோல்ஸ்பன் சேர்க்கப்படும், மூன்று சமமாக.

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

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

ஒரு தளம் கட்டமைப்பை அட்டவணை

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

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

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

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

முடிவுக்கு

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

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