புதிதாக வெப்மாஸ்டர்கள் நிறைய சிக்கல்களை சமாளிக்க வேண்டும். இன்று உங்கள் சொந்த தளங்களை உருவாக்குவதற்கான வார்ப்புருவை நீங்கள் பயன்படுத்தலாம், ஆனால் சிக்கல் அவர்களுக்கு எப்போதும் தேவையான பண்புகள் இல்லை, பின்னர் நீங்கள் புதிதாக ஒரு வலைத்தள வடிவமைப்பை உருவாக்க வேண்டும் அல்லது ஏற்கனவே இருக்கும் குறியீட்டுக்கு மாற்றங்கள் செய்ய வேண்டும். HTML குறியீட்டின் அறிவு மற்றும் பக்கத்தின் பின்புலமும் வண்ணமும் எவ்வாறு அமைக்கப்பட வேண்டும் என்பதை பற்றிய அறிவும், ஒரு படம் அல்லது வீடியோவை செருகவும், HTML இல் ஒரு அட்டவணையை உருவாக்க வேண்டும்.
மேஜையில் தொடங்குங்கள்
ஒரு HTML பக்கத்தின் அமைப்பில் மிகவும் சிக்கலான விஷயங்களில் ஒன்று அட்டவணைகள். மேலும் சிக்கலானது குறிச்சொற்களின் சிக்கலான தன்மையில் இல்லை, ஆனால் நினைவில் கொள்வது கடினம் அல்ல, ஆனால் குறியீட்டை எழுதும் போது, நீங்கள் எளிதில் தவறுகள் செய்யலாம் - ஒரு கூடுதல் வரி அல்லது செல் எழுத மறக்காதீர்கள், நீங்கள் விரும்பும் இடத்திலிருந்து வலதுபுறம் எழுதவும், பிற சிறிய விஷயங்களை எழுதவும் . மற்றும் மேஜர் பெரிய, ஒரு தவறு செய்ய அதிக வாய்ப்பு.
ஆகையால், HTML இல் ஒரு அட்டவணையை உருவாக்கத் தொடங்கும் போது, நீங்கள் முடிந்த அளவுக்கு கவனம் செலுத்த வேண்டும், கவனத்தை திசை திருப்பக்கூடாது என்று பரிந்துரைக்கிறோம்.
முதலில், நீங்கள் ஒரு தாள் காகிதத்தில் ஒரு எதிர்கால அட்டவணையை வரைய வேண்டும், நீங்கள் எந்த கலத்தில் இருக்க வேண்டும் என்பதை குறிக்கும், மேலும் உங்களை இந்த உறுப்பு அல்லது அடிப்படை உறுப்புகளை குறிப்பிடவும்.
அடுத்து, அட்டவணையில் உள்ள வரிசைகளின் எண்ணிக்கை மற்றும் ஒவ்வொரு வரிசையில் உள்ள கலங்களின் எண்ணிக்கை. அட்டவணையில் உள்ள படங்கள், பின்னணி வண்ணம், எல்லைகள், உரை போன்றவற்றைப் போன்றவற்றை கவனிக்க பரிந்துரைக்கிறோம். அதற்குப் பிறகு நீங்கள் பதிவுசெய்யப்பட்ட தகவலைப் பயன்படுத்தி ஒரு HTML அட்டவணை உருவாக்கத் தொடங்கலாம்.
ஆசிரியர்
எனவே, நீங்கள் ஒரு அட்டவணை அமைப்பை உருவாக்கியிருக்கிறீர்கள். இப்போது நீங்கள் அதை உருவாக்க சரியான ஆசிரியர் தேர்ந்தெடுக்க வேண்டும். நீங்கள் சிறப்பு தள வடிவமைப்பாளர்களைத் தேர்ந்தெடுத்து ஒரு மேஜை உருவாக்கலாம். இந்த மென்பொருளைப் பயன்படுத்தி, ஒரு அட்டவணை உருவாக்கி, வேர்ட் ஆவணத்தில் விட மிகவும் கடினமானதல்ல. பிரண்ட்பேஜ் போன்ற ஒரு திட்டத்தை நீங்கள் தேர்ந்தெடுக்கலாம். நிரல் மிகவும் பழையதாக இருந்தாலும், அதன் உதவியுடன் நீங்கள் நல்ல தளங்களை உருவாக்க முடியும், அதோடு, அதில் ஒன்றுக்கு மேற்பட்ட பயிற்சிகளை நீங்கள் காணலாம்.
நீங்கள் சிறப்பு குறியீட்டைப் பயன்படுத்தி HTML இல் ஒரு அட்டவணையை உருவாக்க விரும்பினால், இந்த நோக்கத்திற்காக வழக்கமான நோட்பேடை அல்லது வழக்கமான Word ஆவணத்தை நீங்கள் பயன்படுத்தலாம். இருப்பினும், இங்கு நீங்கள் கடுமையாக உழைக்க வேண்டும், ஏனென்றால் நீண்ட காலத்திற்கு நீங்கள் குறியீடு எழுத வேண்டும்.
தளத்தில் இயந்திரம் தன்னை கட்டமைக்கப்பட்ட ஆசிரியர் பயன்படுத்த முடியும். எனவே, பல என்ஜின்களில் ஒரு இடுகையை உருவாக்கும்போது, அட்டவணைகள் உட்பட பல்வேறு கூறுகளை சேர்க்க முடியும். ஆசிரியரின் அடிப்படை திறன்களை நீங்கள் திருப்திப்படுத்தாவிட்டாலும், குறியீட்டில் மாற்றங்களைச் செய்வதன் மூலம் அதை புதிதாக எழுதும் விட எளிதாக இருக்கும்.
குறிச்சொற்களை
நீங்கள் எந்த அட்டவணையைப் பயன்படுத்துகிறீர்களோ, நீங்கள் html அட்டவணையில் உருவாக்கத் தொடங்குவதற்கு முன், முக்கிய குறிச்சொற்களை நீங்கள் நினைவில் கொள்ள வேண்டும். அவற்றில் மூன்று உள்ளன -
,
மற்றும்
. அனைத்து குறிச்சொற்களை இணைக்கப்பட்டுள்ளது என்பதை நினைவில் கொள்க. முதல் டேக் மொத்தமாக அட்டவணையை குறிக்கிறது, இரண்டாவது சரம் குறிப்பிடுகிறது, மூன்றாவது சரத்தின் உள்ளகத்தை குறிப்பிடுகிறது.
குறிச்சொற்களை ஒவ்வொரு பற்றி ஒரு பிட் மேலும். அட்டவணை எப்போதும்
டேக் மூலம் தொடங்குகிறது உடன் முடிவடைகிறது. எந்த உலாவிற்கும், இது அட்டவணையின் முன்னால் இருப்பதற்கு ஒரு சின்னமாக இருக்கிறது. மேலும் வரிகளை திறக்க
மற்றும் குறிச்சொல்லை முடிவுக்கு கொண்டுவர வேண்டும். ஒவ்வொரு வரியிலும்,
மற்றும் குறிச்சொற்களைப் பயன்படுத்தி, செல்கள் எண்ணிக்கை குறிப்பிடப்பட்டுள்ளது.
இவ்வாறு, அட்டவணை 2x2 இன் குறியீடானது இதைப் போல இருக்கும்:
<அட்டவணை>
தேர்ந்தெடுத்த எடிட்டரில் இருந்து நகலெடுவதன் மூலம் பக்கத்தின் HTML இல் அட்டவணையை நீங்கள் நுழைக்கலாம்.
அட்டவணைகள், வரிசைகள் மற்றும் கலங்களின் அளவுருக்கள்
எனவே, நாங்கள் அடிப்படை குறியீட்டை பிரித்தோம். இப்போது அட்டவணையை எப்படி மேம்படுத்துவது, பிரகாசமான மற்றும் கவர்ச்சிகரமானதாக செய்வது பற்றி இப்போது பார்க்கலாம். இதை செய்ய, நீங்கள் குறிச்சொற்களை அடிப்படை அளவுருக்கள் தெரிந்து கொள்ள வேண்டும். அவை ஒவ்வொரு அளவுருவிற்கும் சமமான அடையாளம் கொண்ட, தொடக்க குறிச்சொல்லின் உள்ளே எழுதப்பட்டு, மேற்கோள் குறிப்பில் எடுக்கப்பட்ட அதன் மதிப்பைக் குறிக்கின்றன. உதாரணமாக, HTML அட்டவணை உள்ள பின்னணி இது போன்ற அமைக்கப்பட்டுள்ளது:
.
நீங்கள் மிகவும் பயனுள்ளதாக இருக்கும் சில அடிப்படை அளவுருக்கள் பட்டியலிட வேண்டும். அட்டவணையில் இருந்து ஆரம்பிக்கலாம்.
எனவே, எல்லை எல்லை அளவுருவின் அகலத்தை அமைக்கலாம், இது எந்த எண் மதிப்பையும் எடுக்கும். எல்லை வண்ணம் எல்லை வண்ணம் அமைக்கிறது. பின்னணி bgcolor அமைக்கப்படுகிறது.
நீங்கள் படத்தின் பின்னணி படத்தை ஒரு படத்தை உருவாக்க விரும்பினால், பின்னணியைப் பயன்படுத்தவும், நீங்கள் படத்தின் URL ஐ பரிந்துரைக்க வேண்டும்.
அட்டவணையைச் சுற்றி பக்க உள்ளடக்கத்தை align அளவுருவுடன் சீரமைக்கவும், மதிப்புகள் இடது, மையம் மற்றும் வலதுபுறம் எடுக்கலாம்.
தொடக்க
குறியைத் தொடர்ந்து உடனடியாக ஒதுக்கப்படும் <தலைப்பை> இணைக்கப்பட்ட குறிச்சொல்லைப் பயன்படுத்தலாம்.
சரத்தின் அளவுருக்கள் பற்றி கொஞ்சம். சரத்தில் உள்ள கலங்களின் நிறம் bgcolor ஐப் பயன்படுத்தி குறிப்பிடப்படுகிறது. அளவுருவுடன் align (இடது, சென்டர் அல்லது வலது), செங்குத்தாக - valign (மதிப்புகள் மேல், நடுத்தர அல்லது கீழ் எடுக்கும்) உரைடன் கிடைமட்டமாக நீங்கள் align செய்யலாம்.
செல் தொடர்பாக, பின்புல வண்ணம் மற்றும் பின்னணி படம் ஆகியவை முழு அட்டவணையைப் போலவே அதே அளவுருக்களைப் பயன்படுத்தி அமைக்கப்படுகின்றன. Align மற்றும் valign விருப்பங்களுடன் உரை சீரமை.
கோல்ஸ்ஸ்பான் மற்றும் ரோஸ்பன் - சிறப்பு அளவுருக்கள் உள்ளன. முதல் ஒரு உதவியுடன் நீங்கள் செல் நீட்டிக்கும் எந்த நெடுவரிசைகளை அமைக்க முடியும். இரண்டாவது ஒரு கலப்பு நீட்டிக்கக்கூடிய வரிகளின் எண்ணிக்கையை குறிப்பிடுகிறது.
அது மிகவும் பயனுள்ள விருப்பங்கள்.
நிறங்களின் அட்டவணை
வண்ண அட்டவணை போன்ற ஒரு பயனுள்ள விஷயம் பற்றி ஒரு சில வார்த்தைகள் சொல்லலாம். இது பக்கம் பின்னணி, உரை நிறம், இணைப்புகள் மற்றும் பிற கூறுகளை அமைக்க பயன்படுகிறது. நிறங்களின் அட்டவணையில் 216 நிறங்கள் மற்றும் நிழல்கள் உள்ளன. அவற்றில் ஒவ்வொன்றும் அதன் சொந்த அறுபதின்ம குறியீடாகும்.
குறியீடானது லேட்ஸ் கதாப்பாத்திரத்துடன் தொடங்குகிறது மற்றும் மூன்று ஜோடி எண்கள் அல்லது கடிதங்களைக் கொண்டுள்ளது. உதாரணமாக, அட்டவணையில் பச்சை வண்ண குறியீடு # 007F0 உள்ளது. சிவப்பு, பச்சை மற்றும் நீலம் - ஒவ்வொரு ஜோடி மூன்று முதன்மை வண்ணங்களில் ஒன்றின் தீவிரத்தைக் குறிக்கிறது. அட்டவணை பயன்படுத்தி, உங்களுக்கு தேவையான வண்ணத்தை தேர்ந்தெடுத்து குறியீட்டைப் பயன்படுத்தி அமைக்கலாம்.
நீங்கள் அட்டவணை பயன்படுத்த முடியாது என்றால், நீங்கள் ஆங்கிலத்தில் அதன் பெயர் பயன்படுத்தி வண்ண அமைக்க முடியும்.
உள்ளடக்கங்களை
உள்ளடக்கத்தை பற்றி ஒரு சில வார்த்தைகள். நிச்சயமாக, பெரும்பாலும் நாம் HTML அட்டவணையில் உரை பார்க்க முடியும், ஆனால் நாம் அதை மட்டுமே வைக்க முடியும் என்று அர்த்தம் இல்லை. செல்கள் மற்றும் கோடுகள் வரைபடங்கள், ஆடியோ மற்றும் வீடியோ கோப்புகள், இணைப்புகள் ஆகியவற்றைக் கொண்டிருக்கலாம்.
உரை அல்லது வேறு எந்த தகவலையும் ஒரு கலத்தில் (வரி) வைக்க, இரண்டு குறிச்சொற்களை இடையில் பதிவு செய்ய வேண்டும். உதாரணமாக:
பெயர் . செல் "பெயர்" ஐக் காட்டுகிறது.
,
குறிப்புகள்
இறுதியாக நீங்கள் எந்த சிக்கலான ஒரு HTML அட்டவணை உருவாக்க உதவும் சில பயனுள்ள குறிப்புகள் கொடுக்க.
ஒரு அட்டவணையை எழுதுகையில், முதலில் அட்டவணையின் குறிச்சொற்களை மற்றும் அதன் முக்கிய அளவுருக்கள் பதிவு செய்ய பரிந்துரைக்கிறோம். பின்னர் வரி குறிச்சொற்களை எழுதவும். ஒவ்வொரு ஜோடியையும் ஒரு புதிய வரியைத் தொடங்குங்கள். எனவே உங்கள் அட்டவணையில் எத்தனை வரிசைகளை நீங்கள் பார்ப்பீர்கள். மேலும், அவை அடிப்படைக் கூறுகளிலிருந்து வேறுபட்டிருந்தால், சரம் அல்லது சரம் அளவுருக்கள் எழுதவும். பின்னர் ஒவ்வொரு கலத்தையும் ஒரு புதிய வரியிலிருந்து பதிவு செய்ய ஆரம்பிப்போம். விளிம்பிலிருந்து ஒன்று அல்லது இரண்டு உள்ளீடுகள் தாவலை உருவாக்க விரும்பத்தக்கது. எனவே, நீங்கள் குறியீடு தெளிவாக கட்டமைப்பு தெளிவாக பார்ப்பீர்கள்.
அட்டவணை சட்டகம் தயாராக இருக்கும் போது, செல்கள் மற்றும் சரங்களின் உள்ளடக்கங்களை ஏற்கனவே இறுதியில் எழுதப்பட வேண்டும்.