சில வேறுபட்ட நுட்பங்களைப் பயன்படுத்தி நீங்கள் ஒரு HTML பக்கத்தை உருவாக்கலாம். நீங்கள் பயன்படுத்தக்கூடிய முதல் நுட்பம் ஒரு டெம்ப்ளேட்டைப் பயன்படுத்துவதாகும். டெம்ப்ளேட் என்பது இணையதளத்தின் உள்ளடக்கத்தை சேமித்து ஒழுங்கமைப்பதற்கான ஒரு வழியாகும். இணையத்தில் வார்ப்புருக்களின் எடுத்துக்காட்டுகளை நீங்கள் காணலாம். உங்கள் சொந்த தனிப்பயன் டெம்ப்ளேட்டை உருவாக்குவதும் பயனுள்ளதாக இருக்கும்.
!DOCTYPE html>
ஆரம்பம்!DOCTYPE html> endkw நான் பாரா:!DOCTYPE html> ஒரு குறிப்பிட்ட ஆவண வகையுடன் ஒரு ஆவணத்தை இணைப்பதற்கான அறிவுறுத்தலாகும், எக்ஸ்எம்எல் போன்றவை. இந்த அறிவிப்பு ஒரு குறிப்பிட்ட தொடரியல் இணக்கமான மார்க்அப்பின் குறுகிய சரமாக தன்னை வெளிப்படுத்துகிறது. இந்த அறிவிப்பின் நோக்கம், இணைய உலாவிகள் பல்வேறு வகையான ஆவணங்களை அடையாளம் கண்டு அவற்றைச் சரியாக வழங்குவதை அனுமதிப்பதாகும்.
HTML மூலக் குறியீட்டின் தொடக்கத்தில் DOCTYPE அறிவிப்பு இருக்க வேண்டும். இல்லையெனில், உங்கள் இணையதளம் தவறாகக் காட்டப்படலாம் அல்லது காட்டப்படாமல் இருக்கலாம். DOCTYPE இல்லை என்றால், உலாவி மாறும் “Quirks முறை” மற்றும் தளத்தை வேறு வழியில் காட்டவும்.
டாக்டைப் பிரகடனம் HTML மற்றும் XHTML பக்கங்களை பாதிக்கிறது. இது XHTML விவரக்குறிப்பின் எளிமைப்படுத்தப்பட்ட பதிப்பாகும் மற்றும் மேற்கோள்களால் பிரிக்கப்பட்ட இரண்டு சரங்களைக் கொண்டுள்ளது.. முதல் சரம் “-//W3C/DTD HTML 4.01/EN” – இந்த ஆவணம் W3C ஆல் வெளியிடப்பட்டது மற்றும் HTML பதிப்பு என்று குறிப்பிடுகிறது 4.01. இரண்டாவது சரம் டிடிடியின் மொழியைக் குறிப்பிடுகிறது.
டாக்டைப் அறிவிப்பு பொதுவாக HTML குறிச்சொற்களுக்கு முன் அமைந்துள்ளது. இது உலாவிகளுக்கு சரியான HTML ஆவணத்தை அடையாளம் காணவும், வினோத பயன்முறையைத் தவிர்க்கவும் உதவுகிறது. DOCTYPE html என்பது HTML ஆவணத்தில் உள்ள மிக முக்கியமான கூறுகளில் ஒன்றாகும், ஆனால் பெரும்பாலும் கவனிக்கப்படுவதில்லை. உங்கள் டாக்டிப் பிரகடனம் சரியானதா என்பதை உறுதிசெய்ய, பிழை சரிபார்ப்பு திறன் கொண்ட HTML எடிட்டரைப் பயன்படுத்தவும்.
!டாக்டைப் சிஎஸ்எஸ்>
நீங்கள் ஒரு HTML பக்கத்தை உருவாக்கும் போது, எந்த HTML-தரங்களைப் பயன்படுத்த வேண்டும் என்பதை அறிவது முக்கியம். உள்ளன 3 பார்க்க வேண்டிய முக்கிய பகுதிகள்: கோட்பாடு, XHTML, மற்றும் XSLT. DOCTYPE மேலும் HTML-TAGS ஐ அனுமதிக்கிறது, XHTML-தேவைகளுடன் DOCTYPE கண்டிப்பானது மிகவும் கண்டிப்பானது. இந்த வழி, இது செல்லுபடியாகாத HTML கோப்பு அல்ல என்பது உலாவிக்குத் தெரியும்.
CSS நடை தாள்கள் ஒரு HTML பக்கத்தில் உட்பொதிக்கப்படலாம் அல்லது தனி.css கோப்பில் சேமிக்கப்படும். தனித்தனி CSS கோப்புகளைப் பயன்படுத்துவது CSS குறியீட்டை மீண்டும் எழுதுவதிலிருந்து உங்களைக் காப்பாற்றும். இது நடை தாள்களை எழுதும் தேவையையும் குறைக்கிறது. ஸ்டைல்ஷீட்கள் ஸ்டைல் என்ற ஒரு உறுப்பில் உட்பொதிக்கப்படும்.
ஒரு இணையதளம் செல்லுபடியாகும் வகையில், அதில் ஒரு தலைப்பு இருக்க வேண்டும். உலாவி பயனர் பார்க்கும் முதல் விஷயம் இதுதான், எனவே அது அர்த்தமுள்ளதா என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள். பல பக்கங்களில் ஒரே தலைப்பைப் பயன்படுத்துவது பரிந்துரைக்கப்படவில்லை – ஒவ்வொருவருக்கும் வெவ்வேறு பெயர் கொடுக்க வேண்டும். தலைப்பில் உள்ள எழுத்து, ஆவணத்தில் உள்ள மற்ற எழுத்துக்களில் இருந்து வேறுபடுத்திக் காட்டக்கூடியதா என்பதையும் நீங்கள் உறுதிசெய்ய வேண்டும்.
HTML மற்றும் CSS ஐக் கற்க உதவும் பயிற்சியை நீங்கள் தேடுகிறீர்கள் என்றால், HTML ஐ முயற்சிக்கவும் & CSS ஃபர் பினினர்ஸ் டுடோரியல் தொடர். CSS மற்றும் HTML ஐப் பயன்படுத்தி ஒரு வலைப்பக்கத்தை எவ்வாறு எழுதுவது என்பதை இந்தப் பயிற்சி உங்களுக்குக் கற்பிக்கும். நீங்கள் டுடோரியலைப் பின்தொடர்ந்த பிறகு, நோட்பேட்++ ஐப் பயன்படுத்தி உங்கள் முதல் வலைப்பக்கத்தை உருவாக்கலாம். இந்த டுடோரியலில், குறிச்சொற்களைப் பயன்படுத்தி வலைப்பக்கத்தின் அனைத்து உள்ளடக்கத்தையும் எவ்வாறு ஒழுங்கமைப்பது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள்.
!டாக்டைப் ஏ
HTML டாக்டைப் என்பது ஒரு ஆவணத்தின் தரநிலைகள் மற்றும் வடிவமைப்பிற்கான விவரக்குறிப்பாகும். உங்கள் இணையப்பக்கம் அனைத்து இணைய உலாவிகளிலும் செல்லுபடியாகும் என்பதை உறுதிப்படுத்த விரும்பினால், DOCTYPE இருப்பது அவசியம். இது உங்கள் HTML பக்கங்களை சரிபார்க்க இணைய உலாவிகளால் பயன்படுத்தப்படுகிறது, இது பிழைகளைத் தவிர்க்கவும் உங்கள் வலைத்தளத்தை மேம்படுத்தவும் உதவுகிறது. வலைப்பக்கத்தை உருவாக்கும் போது, DOCTYPE சரியாக நகலெடுக்கப்பட வேண்டும், உலாவியால் சரியாகப் பாகுபடுத்தப்பட்டு விளக்கப்படுவதை உறுதிசெய்ய.
HTML பக்கத்தை உருவாக்கும் போது, நீங்கள் சில HTML-TAGS ஐப் பயன்படுத்தலாம். வலைப்பக்கத்தில் தலைப்புகள் மற்றும் அடிக்குறிப்புகளை உருவாக்க இந்தக் குறிச்சொற்கள் பயன்படுத்தப்படுகின்றன. அவை கூடுதல் மெடைன்ஃபர்மேஷன்களையும் கொண்டிருக்கலாம். HTML-TAGS மூன்று வகைகளாகப் பிரிக்கப்பட்டுள்ளன. இதில் அடங்கும்:
குறியீட்டில் சிக்கல்களை ஏற்படுத்தக்கூடிய எழுத்துக்களை விவரிக்கும் பொறிமுறையையும் HTML வழங்குகிறது. இந்த நிறுவனங்கள் கொண்டிருக்கும் & மற்றும் ; மற்றும் சில விளக்க எழுத்துக்கள். உதாரணமாக, ஜெர்மன் மொழியில், நீங்கள் பயன்படுத்த முடியும் &ஒரு பக்கத்தில் அனைத்து umlauts மற்றும் கூர்மையான S குறியிட szlig.
செல்லுபடியாகும் HTML குறியீட்டிற்கு ஒரு முன்நிபந்தனையுடன் கூடுதலாக, DOCTYPE அறிவிப்பு இல்லாத பக்கம் தவறாகக் காண்பிக்கப்படும். உலாவிகள் மாறுவதால் இது நிகழ்கிறது “Quirks முறை” ஆவணத்தில் பொருத்தமான DOCTYPE இல்லாதபோது.
!டாக்டைப் பி
HTML5 ஒரு மார்க்அப் மொழி. உங்கள் HTML கோப்பில் இந்த அறிவிப்பைச் சேர்ப்பது, உங்கள் உலாவிக்கு என்ன தரநிலைகளைப் பயன்படுத்த வேண்டும் மற்றும் மார்க்அப்பை எவ்வாறு வழங்குவது என்பதைத் தெரிவிக்கும்.. உங்கள் HTML பக்கம் சரியாக வழங்கப்பட வேண்டும் என்பதால் இது முக்கியமானது. கூடுதலாக, இது உங்கள் இணையதளத்தை சுத்தமாகவும், தொழில் ரீதியாகவும் பார்க்க உதவும்.
HTML ஒரு மார்க்அப் மொழி, அதாவது அது தரநிலைகளைக் கொண்டுள்ளது. உலகளாவிய வலை கூட்டமைப்பு (W3C) HTML க்கான தரநிலைகளை உருவாக்கி பராமரிக்கிறது. இந்த மொழி இணையப் பக்கங்களை உருவாக்குவதற்கான தரநிலை மற்றும் பரவலாகப் பயன்படுத்தப்படுகிறது. HTML இணையப் பக்கங்களுக்குப் பயன்படுத்தப்படுகிறது, அதாவது நீங்கள் எந்த உரை அல்லது வரைகலையையும் அதில் சேர்க்கலாம், உங்கள் இணையப் பக்கங்களில் மல்டிமீடியாவைச் சேர்க்கலாம்.
HTML-பக்கங்களில் பல வகைகள் உள்ளன, உங்கள் தேவைகளுக்கு மிகவும் பொருத்தமான ஒரு DOCTYPE-Bereich ஐ நீங்கள் தேர்வு செய்யலாம். உதாரணத்திற்கு, DOCTYPE B ஐ விட XHTML தேவைகளில் DOCTYPE கண்டிப்பானது, ஆனால் அதிக HTML-TAGS ஐ அனுமதிக்கிறது.
உங்கள் HTML-இணையதளத்தையும் நீங்கள் சுயமாக நிரல் செய்யலாம். எனினும், இது அதன் தீமைகளைக் கொண்டுள்ளது. இதற்கு அடிப்படை நிரலாக்க திறன்கள் தேவை, அத்துடன் HTML பற்றிய முழுமையான புரிதல். கூடுதலாக, இது மிகவும் நேரத்தை எடுத்துக்கொள்ளும். எனினும், நீங்கள் அர்ப்பணிப்புடன் இருந்தால், நீங்கள் ஒரு செயல்பாட்டு வலைத்தளத்தை உருவாக்கலாம்.
HTML இன் மற்றொரு முக்கிய அம்சம் என்னவென்றால், இது உரையைப் புறக்கணிக்க உங்களை அனுமதிக்கிறது. நீங்கள் கருத்துகளைச் சேர்க்கலாம் மற்றும் சிக்கலான கட்டுமானங்களை விளக்க அல்லது தேவையற்ற உரையிலிருந்து விடுபட அவற்றைப் பயன்படுத்தலாம்.
!டாக்டைப் சிஎஸ்எஸ்
HTML பக்கத்தை குறியிடும்போது, நீங்கள் எப்போதும் சேர்க்க வேண்டும்!பக்கத்தின் தொடக்கத்தில் HTML குறிச்சொல்லுக்கான DOCTYPE css. இது எந்த வகையான ஆவணத்தைக் கையாள்கிறது என்பதை உலாவிக்குத் தெரிவிக்கும் மற்றும் பிழைகள் உருவாக்கப்படுவதைத் தவிர்க்கும். டாக்டைப் இல்லை என்றால், HTML குறியீடு தவறானது மற்றும் இணையதளம் சரியாகக் காட்டப்படாது.
உங்கள் HTML பக்கத்தில் குறுகிய கால erklartext ஐயும் சேர்க்கலாம். இந்த உரை ஒரு உதவிக்குறிப்பு என்று அழைக்கப்படுகிறது, மற்றும் பொதுவாக மோனோஸ்பேஸ் குறியீடாக எழுதப்படுகிறது. நீங்கள் மிகவும் சிக்கலான ஒரு HTML பக்கத்தை உருவாக்க விரும்பினால், நீங்கள் CSS ஐப் பயன்படுத்த வேண்டும்.
உங்கள் HTML பக்கத்திற்கு DOCTYPE css கோப்பைப் பயன்படுத்தினால் அதிக முயற்சியின்றி அதிநவீன இணையதளத்தை உருவாக்க முடியும்.. இந்தக் கோப்பில் உங்கள் HTML பக்கம் என்னவாக இருக்க வேண்டும் மற்றும் எதைக் கொண்டிருக்கக்கூடாது என்பதற்கான விளக்கம் உள்ளது. இது உங்கள் தவறுகளிலிருந்து கற்றுக்கொள்ளவும் உதவுகிறது.
HTML பக்கத்திற்கு DOCTYPE css ஐச் சேர்ப்பது உங்கள் வலைத்தளத்தை வெவ்வேறு பார்வையாளர்களுக்கு அணுகக்கூடியதாக மாற்றுவதற்கான சிறந்த வழிகளில் ஒன்றாகும்.. உங்கள் பக்கம் ஒரு HTML ஆவணம் மற்றும் அதை எந்த மொழியில் வழங்க வேண்டும் என்பதை உலாவிகளுக்குச் சொல்ல இதைப் பயன்படுத்தலாம். ஒரு நல்ல HTML எடிட்டரில் டாக்டைப்பைச் சரிபார்க்க உள்ளமைக்கப்பட்ட அம்சம் இருக்கும்.
!டாக்டைப் சிஎஸ்எஸ் >
HTML குறியீட்டு மொழியானது சுத்தமானவற்றை உள்ளடக்குவதற்காக பல ஆண்டுகளாக உருவாகியுள்ளது, சுருக்கமான அமைப்பு. இது வலை வடிவமைப்பாளர்கள் கவர்ச்சிகரமான மற்றும் பயனுள்ள வலைத்தளங்களை உருவாக்க அனுமதிக்கிறது. இணையப் பக்கத்தை உருவாக்கப் பயன்படுத்தப்படும் குறியீட்டை DOCTYPE அடையாளம் காட்டுகிறது, மற்றும் இணைய உலாவிக்கு அது என்ன செய்ய முடியும் மற்றும் என்ன செய்ய முடியாது என்று கூறுகிறது. உங்கள் HTML பக்கத்தை சரிபார்ப்பதில் இது ஒரு முக்கிய பகுதியாகும், எனவே அதை சரியாக நகலெடுப்பது முக்கியம்.
DOCTYPE html குறிச்சொல் உலாவி உங்கள் வலைத்தளத்தை அடையாளம் காண உதவுகிறது மற்றும் புரோகிராமர்கள் அதை எவ்வாறு விளக்குவது என்பதை அறிய உதவுகிறது. ஒரு வலைத்தளத்தின் ஒவ்வொரு பக்கத்தின் தொடக்கத்திலும் டாக்டைப் குறிச்சொற்கள் தோன்ற வேண்டும். எனினும், அவை கட்டாயம் இல்லை. ஒவ்வொரு பக்கத்திற்கும் சரியான DOCTYPE ஐப் பயன்படுத்துவது சிறந்தது.
HTML பக்கங்களில் மூன்று முக்கிய பகுதிகள் உள்ளன. முதலில், DOCTYPE-Bereich உள்ளது. இது உங்கள் இணையதளம் பயன்படுத்தும் தரநிலைகளைக் குறிப்பிடுகிறது. DOCTYPE-Bereich உங்களை மேலும் HTML-TAGS ஐப் பயன்படுத்த அனுமதிக்கிறது. DOCTYPE கண்டிப்பானது, மறுபுறம், XHTML க்கான கடுமையான தேவைகளை விதிக்கிறது.
HTML என்பது எழுத்துக் குறியீட்டின் அடிப்படையிலான மொழி. உரையை வடிவமைக்க இதைப் பயன்படுத்தலாம். வண்ணங்கள் மற்றும் எழுத்துருக்களைக் குறிப்பிட எழுத்துக் குறியீடுகள் பயன்படுத்தப்படலாம். உங்கள் வலைப்பக்கங்களுக்கான இணைப்புகளையும் நீங்கள் சேர்க்கலாம். அவற்றுடன் இணைப்புகளைச் சேர்ப்பது வலைப்பக்கங்களின் முக்கிய பகுதியாகும். உதாரணத்திற்கு, Amazon இல் ஒரு தயாரிப்புக்கான இணைப்பை நீங்கள் சேர்க்கலாம்.
HTML ஆவணங்களில் DOCTYPE ஒரு முக்கிய அங்கமாகும். இந்த குறியீட்டில் நீங்கள் பிழை செய்தால், உங்கள் இணையதளம் சரியாக காட்டப்படாது. சரியான DOCTYPE பற்றி உங்களுக்குத் தெரியாவிட்டால், ஒரு நல்ல HTML எடிட்டரில் உள்ளமைக்கப்பட்ட பிழை சரிபார்ப்பு அம்சம் இருக்கும்.