உள்ளடக்கம்

• படிகள்
• பகுதி 1: நான் HTML ஐ எவ்வாறு கண்டுபிடித்தேன்
• ஆலோசனை
• எச்சரிக்கை
• உங்களுக்கு என்ன தேவை

HTML (ஹைபர்டெக்ஸ்ட் மார்க்அப் லாங்வேஜ்) என்பது வலைப்பக்கங்களை உருவாக்குவதற்கான அடிப்படை மொழியாகும். இது எளிதான மற்றும் நெகிழ்வான குறியீட்டு மொழியாக உருவாக்கப்பட்டது. இணையத்தில் உள்ள ஒவ்வொரு வலைத்தளமும் இந்த குறியீட்டின் சில வடிவங்களுடன் உருவாக்கப்பட்டுள்ளது (கோல்ட்ஃப்யூஷன், எக்ஸ்எம்எல், எக்ஸ்எஸ்எல்டி). HTML ஐப் புரிந்துகொள்வது எளிதானது, ஆனால் அதன் விரிவான செயல்பாட்டில் நீங்கள் ஆர்வமாக இருந்தால் அதைப் பற்றி நீண்ட நேரம் கற்றுக் கொள்ளலாம். உங்கள் வலைத்தளத்திற்கு வண்ணத்தையும் வேடிக்கையையும் சேர்க்க, நீங்கள் ஒரு அடிப்படை HTML பக்கத்துடன் பழகியவுடன் அடிப்படை CSS ஐக் கற்றுக்கொள்ளலாம்.

படிகள்

4 இன் பகுதி 1: ஒரு ஆவணத்தை உருவாக்குதல்

1. 

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

2. 

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

3. 

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

4. 

   
   
   வலைப்பக்கத்தைப் புதுப்பித்து, செய்த மாற்றங்களைக் காண்க. உங்கள் வெற்று ஆவணத்தில் பின்வருவனவற்றைத் தட்டச்சு செய்க: வணக்கம். ஆவணத்தை சேமிக்கவும். உங்கள் உலாவியில் வெற்று வலைப்பக்கத்தைப் புதுப்பிக்கவும், பக்கத்தின் மேற்புறத்தில் "ஹலோ" என்ற வார்த்தையை தைரியமாகக் காண வேண்டும். இந்த டுடோரியலின் போது உங்கள் புதிய HTML ஐ சோதிக்க விரும்பும் போதெல்லாம், .htm ஆவணத்தை சேமிக்கவும், பின்னர் HTML எவ்வாறு தொகுக்கப்படுகிறது என்பதைக் காண உங்கள் உலாவி சாளரத்தைப் புதுப்பிக்கவும்.
   • சொற்களைக் கண்டால் ""மற்றும்"உங்கள் உலாவியில் தோன்றும், கோப்பு HTML இல் சரியாக தொகுக்கப்படவில்லை. வேறு உரை திருத்தி அல்லது வேறு உலாவியை முயற்சிக்கவும்.

5. 

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

6. 

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

7. 

   தலை (தலை) மற்றும் உடல் குறிச்சொற்களைச் சேர்க்கவும். HTML ஆவணங்கள் இரண்டு பகுதிகளாக பிரிக்கப்பட்டுள்ளன. "மேல்" பிரிவு பக்கத்தின் தலைப்பு போன்ற சிறப்பு தகவல்களுக்கானது. "உடல்" பிரிவில் பக்கத்தின் முக்கிய உள்ளடக்கம் உள்ளது. இந்த இரண்டு பிரிவுகளையும் உங்கள் ஆவணத்தில் சேர்க்கவும், இறுதி குறிச்சொற்களை சேர்க்க நினைவில் கொள்க. புதிதாக சேர்க்கப்பட்ட உரை தைரியமானது:

8. 

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

4 இன் பகுதி 2: உரை வடிவமைத்தல்

1. 

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

2. 

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

   • நான் ஒரு HTML பக்கத்தை எழுத விக்கிஹோ வழிமுறைகளைப் பின்பற்றினேன்.

   • இன்று எனது குறிக்கோள்:

   • நிறைவு செய்யப்பட்ட இலக்குகள்:

   • தலைப்புகளை எவ்வாறு பயன்படுத்துவது என்பதை அறிக.

   • முடிக்கப்படாத இலக்குகள்:

   • உரை வடிவமைப்பு குறிச்சொற்களை மேலும் அறிக.

3. 

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

4. 

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

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

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

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

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

     மூலத்தை நீங்கள் பின்னர் விவரிக்கலாம் அட்டை மேற்கோள்.

5. 

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

6. 

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

   • இந்தப் பக்கத்தை நீங்கள் ரசிப்பீர்கள் என்று நம்புகிறேன்!

     நான் உங்களுக்காக மட்டுமே செய்தேன்.

   • பகுதி 1: நான் HTML ஐ எவ்வாறு கண்டுபிடித்தேன்

   • நான் ஏற்கனவே HTML கற்றுக்கொண்டேன் ஒன்று இரண்டுமணிநேரம், எனவே இப்போது நான் ஒரு நிபுணர்.
   விளம்பரம்

4 இன் பகுதி 3: இணைப்புகள் மற்றும் படங்களைச் சேர்த்தல்

1. 

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

   • அறிமுக பத்தி இங்கே.

     "அறிமுகம்" என்ற பத்தியின் தலைப்பு, நீங்கள் வலைப்பக்கத்தில் உள்ள பத்தியில் வட்டமிடும்போது தோன்றும்.

2. 

   பிற வலைத்தளங்களுக்கான இணைப்புகள். அட்டைகளின் பயன்பாடு வேறு எந்த வலைப்பக்கத்திற்கும் ஹைப்பர்லிங்கை உருவாக்க. Href பண்புகளைப் பயன்படுத்தி இணைக்க வலைப்பக்கத்தின் URL ஐ செருகவும். நீங்கள் படிக்கும் வலைப்பக்கத்துடன் இணைக்கும் ஒரு எடுத்துக்காட்டு இங்கே:
   • உங்கள் வலைத்தளத்திற்கு உங்கள் பார்வையாளர்கள் இணைப்பைப் பின்தொடர இந்த உரையைக் கிளிக் செய்யலாம்.

3. 

   குறிச்சொல்லில் ஒரு ஐடி பண்புக்கூறு சேர்க்கவும். எந்த HTML குறிச்சொல்லும் பயன்படுத்தக்கூடிய மற்றொரு பண்பு "ஐடி" உறுப்பு. எந்த அட்டையிலும், எழுதுங்கள் id = "vidu" அல்லது இடங்கள் இல்லாத எந்த பெயரையும் பயன்படுத்தவும். இது எந்தவொரு புலப்படும் விளைவையும் ஏற்படுத்தாது, ஆனால் அடுத்த கட்டத்தில் அதைப் பயன்படுத்துவோம்.
   • எடுத்துக்காட்டாக, உங்கள் ஆவணத்தில் பின்வருவனவற்றைச் சேர்க்கவும்:

     ஐடி பண்பு எவ்வாறு செயல்படுகிறது என்பதை விவரிக்க இந்த பத்தி ஒரு எடுத்துக்காட்டு பயன்படுத்தப்படுகிறது.

4. 

   ஒரு குறிப்பிட்ட ஐடியுடன் ஒரு உறுப்புடன் இணைக்கவும். இப்போது நாம் ஹைப்பர்லிங்க் குறிச்சொல்லைப் பயன்படுத்தலாம், , அதே பக்கத்தில் மற்றொரு இடத்துடன் இணைக்க. ஒரு URL க்கு பதிலாக, # குறியீட்டைப் பயன்படுத்துவோம், அதைத் தொடர்ந்து ஐடி மதிப்பை இணைக்க விரும்புகிறோம். உதாரணத்திற்கு, இந்த உரை "விது" ஐடியுடன் உரையுடன் இணைக்கும்.
   • அனைத்து HTML மதிப்புகளும் வழக்கு உணர்திறன் கொண்டவை. "#VIDU" மற்றும் "#vidu" இரண்டும் ஒரே இடத்துடன் இணைக்கும்.
   • முழு பக்கத்தையும் ஒரே நேரத்தில் காண்பிக்கும் அளவுக்கு உங்கள் பக்கம் குறுகியதாக இருந்தால், உங்கள் உலாவியில் உள்ள இணைப்பைக் கிளிக் செய்யும் போது எதுவும் நடப்பதை நீங்கள் கவனிக்க மாட்டீர்கள். உருள் பட்டை தோன்றும் வரை சாளரத்தின் அளவை மாற்றவும், பின்னர் மீண்டும் முயற்சிக்கவும்.

5. 

   புகைப்படங்களைச் சேர்க்கவும். அட்டை ஒரு வெற்று குறிச்சொல், அதாவது இறுதி குறிச்சொல் தேவையில்லை. படத்தைக் காண்பிக்க உலாவி தேவைப்படும் அனைத்து தகவல்களும் பண்புகளைப் பயன்படுத்தி சேர்க்கப்படுகின்றன. விக்கிஹோ லோகோவைக் காண்பிப்பதற்கான ஒரு எடுத்துக்காட்டு, பின்னால் உள்ள ஒவ்வொரு பண்புக்கூறுக்கும் விளக்கத்துடன்:
   • 
   • பண்புகள் src = "" புகைப்படம் இருக்கும் உலாவிக்கு சொல்கிறது. (வேறொருவரின் தளத்திலிருந்து புகைப்படத்தை இடுகையிடுவது பொருத்தமற்றது என்று கருதுங்கள் - மேலும் பக்கம் இனி செயலில் இல்லாதபோது புகைப்படம் மறைந்துவிடும்.)
   • பண்புகள் style = "" இது பல விஷயங்களைச் செய்ய முடியும், ஆனால் மிக முக்கியமாக இது ஒரு படத்தின் அகலத்தையும் உயரத்தையும் பிக்சல்களில் அமைக்கப் பயன்படுகிறது. (அதற்கு பதிலாக அகலம் = "" மற்றும் உயரம் = "" ஆகிய தனித்தனி பண்புகளையும் நீங்கள் பயன்படுத்தலாம், ஆனால் நீங்கள் CSS ஐப் பயன்படுத்தினால் இது வித்தியாசமான மறுஅளவிடல் சிக்கல்களுக்கு வழிவகுக்கும்.)
   • பண்புகள் alt = "" படத்தை சுருக்கமாக விவரிக்கும்போது, ​​படம் ஏற்றத் தவறிவிட்டதா என்பதை பயனர் பார்ப்பார். பார்வையற்ற வலைத்தள பார்வையாளர்களுக்கு இது திரை வாசகர்களுக்குப் பயன்படுத்தப்படுவதால் இது ஒரு தேவையாகக் கருதப்படுகிறது.
   விளம்பரம்

4 இன் பகுதி 4: மேலும் அறிக உங்கள் வலைத்தளத்தை ஆன்லைனில் சேர்ப்பது மற்றும் பெறுவது

1. 

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

2. 

   குறிச்சொற்கள் மற்றும் பண்புகளை மேலும் அறிக. இன்னும் பல HTML குறிச்சொற்கள் மற்றும் பண்புக்கூறுகள் உள்ளன, அவற்றைக் கற்றுக்கொள்ள பல இடங்கள் உள்ளன:
   • கூடுதல் பயிற்சிகள் மற்றும் குறிச்சொற்களின் முழுமையான பட்டியல்களுக்கு w3 பள்ளிகள் மற்றும் HTML நாய் முயற்சிக்கவும்.
   • நீங்கள் விரும்பும் ஒரு வலைப்பக்கத்தைக் கண்டுபிடி, பின்னர் உங்கள் உலாவியின் "பக்க மூலத்தைக் காண்க" செயல்பாட்டைப் பயன்படுத்தி HTML குறியீட்டைப் பெறுங்கள். அதை உங்கள் ஆவணத்தில் நகலெடுத்து அது எவ்வாறு செயல்படுகிறது என்பதைப் படிக்கவும்.
   • பிற கட்டுரைகளைப் படித்து, HTML இல் அட்டவணையை எவ்வாறு உருவாக்குவது என்பது பற்றி அறியவும், தேடுபொறிகள் மூலம் அதைக் கண்டுபிடிப்பதற்கான வாய்ப்புகளை அதிகரிக்க மெட்டா குறிச்சொற்களைப் பயன்படுத்தவும் அல்லது ஒரு பிரிவைப் பயன்படுத்தவும். CSS மூலம் பாணிக்கு உதவ, பக்கத்தில் ஒரு பகுதியை அமைக்கவும்) மற்றும் span (உரை உறுப்பு பாணியைக் குறிப்பிடப் பயன்படுகிறது).

3. 

   உங்கள் வலைத்தளத்தை ஆன்லைனில் பெறுங்கள். உங்கள் வலைத்தளத்தை ஹோஸ்ட் செய்ய ஒரு சேவையைத் தேர்வுசெய்க, பின்னர் உங்கள் தனிப்பட்ட வலை களத்தில் நீங்கள் விரும்பும் அளவுக்கு HTML பக்கங்களை பதிவேற்றலாம். இதைச் செய்ய, நீங்கள் FTP பதிவேற்ற மென்பொருளைப் பயன்படுத்த வேண்டும், ஆனால் பல வலை வாடகை சேவைகள் இந்த சேவையையும் வழங்குகின்றன.
   • உங்கள் தளத்தில் நேரடியாக இருக்கும் பக்கங்கள் அல்லது படங்களுடன் இணைக்கும்போது, ​​நீங்கள் முழு முகவரியையும் பயன்படுத்த வேண்டும். எடுத்துக்காட்டாக, உங்கள் டொமைன் பெயர் www.chuyengiahtmlsieudang.com எனில், பின்னர் உரை இந்த குறிச்சொற்களில் உள்ளது "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html" உடன் இணைக்கும்

4. 

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

5. 

   உங்கள் வலைத்தளத்திற்கு ஜாவாஸ்கிரிப்ட் சேர்க்கவும். ஜாவாஸ்கிரிப்ட் என்பது உங்கள் HTML பக்கங்களில் நிறைய செயல்பாடுகளைச் சேர்க்கப் பயன்படும் ஒரு நிரலாக்க மொழி. தொடக்க மற்றும் இறுதி குறிச்சொற்களுக்கு இடையில் ஜாவாஸ்கிரிப்ட் கட்டளைகள் செருகப்படுகின்றன , மற்றும் ஊடாடும் பொத்தான்களைச் சேர்க்க, கணித சிக்கல்களைக் கணக்கிட மற்றும் பலவற்றைப் பயன்படுத்தலாம். W3c எடுத்துக்காட்டுகளில் மேலும் கண்டுபிடிக்கவும். விளம்பரம்

ஆலோசனை

• இந்த டுடோரியலில் பயன்படுத்தப்படும் டாக்டைப் அறிவிப்பு (ஆவண வகை அறிவிப்பு) "தளர்வான HTML 4.0.1 இடைநிலை" (HTML 4.0.1 இறுக்கமான மாற்றம் அல்ல), எளிதான வடிவம். புதியவர்கள் பயன்படுத்த. பயன்படுத்தவும் () உலாவி கண்டிப்பான HTML 5 வடிவத்தில் தொகுக்கப்படுவதற்கு மாற்றாக, இது பரிந்துரைக்கப்பட்ட (குறைவாகப் பயன்படுத்தப்பட்டாலும்) நிலையான பாணியாகும்.

எச்சரிக்கை

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

உங்களுக்கு என்ன தேவை

• நோட்பேட் அல்லது டெக்ஸ்ட் எடிட் போன்ற எளிய உரை திருத்தி
• இன்டர்நெட் எக்ஸ்ப்ளோரர் அல்லது மொஸில்லா பயர்பாக்ஸ் போன்ற வலை உலாவி
• (விரும்பினால்) அடோப் ட்ரீம்வீவர், அப்டானா ஸ்டுடியோ அல்லது மைக்ரோசாஃப்ட் எக்ஸ்பிரஷன் வலை போன்ற ஒரு HTML எடிட்டர்