HTML Master Course in Tamil 🔥 Part 1 | HTML Tags Full Explained

 

வணக்கம் நண்பர்களே! 

இந்த post ல நம்ம ,

HTML - ல Tag என்றால் என்ன ? மற்றும் HTML -ல் உள்ள எல்லா Tag  பத்தி பார்க்க போறோம் . This is HTML master course in Tamil.

இந்தப் பதிவு உங்களுக்கு பயனுள்ளதாக இருந்தால் இதை உங்கள் நண்பர்களுக்கு share பண்ணுங்க . ஏதேனும் சந்தேகம் இருந்தால் comment இல் கூறுங்கள் .

இப்போதுதான் நம்ம Main content உள்ளே போகப் போகிறோம்.

Tag என்பது Browser க்கு content ஐ Screen ல show பண்ண சொல்லித் தர  keyword.

<h1>Hi </h1>

இப்படிதான் HTML ல program எழுதலாம்.

இந்த program  ல

<h1> = இதன் பெயர் Opening tag .  இந்த <> குறியீடு கண்டிப்பாக இருக்க வேண்டும் .

Hi = Opening tag பிறகு எழுதப்படும் எல்லாமே Screen ல  காட்டப்படும் .

</h1>= இதன் பெயர் closing tag . </>இந்தக் குறியீடு கண்டிப்பாக இருக்க வேண்டும்.

இப்போ உங்களுக்கு HTML ல இருக்கிற Tag பத்தி புரிஞ்சிருக்கும்  இப்போ  எல்லா Tag களை யும் பார்க்கலாம் .

இதுக்குப் பிறகு பார்க்கப் போகிற எல்லாத்தையும் நீங்கள் code editor ல practice  பண்ணுங்க .code editor னா coding app . இதப்பத்தி விளக்கமா ஒரு Post போட்டு இருக்கேன் லிங்க் இந்த இடத்துல இருக்கும் பாருங்க  . 

👇👇👇👇👇

 👉 Link 🔗 👈

👆👆👆👆👆 

Heading tag :-

HTML ல heading create பண்ண h என்ற Tag பயன்படுத்தலாம் . இது h1  to h6 வரை உள்ளது .

Syntax

<h1>Hi </h1>

கீழே உள்ள Program உங்களுடைய Code editor - ல Try பண்ணுங்க. உங்களுக்கு வித்தியாசம் தெரியும் .

Program:-

<h1>Hi </h1>

<h2>Hi </h2>

<h3>Hi </h3>

<h4>Hi </h4>

<h5>Hi </h5>

<h6>Hi </h6>

Paragraph Tag :-

HTML ல paragraph எழுத இந்த Tag பயன்படுகிறது .  

Syntax :-

<p></p>

Program :-

<p>this is a paragraph statement . Practice on yourself </p>

Line Break Tag :-

HTML ல line break பண்ண இந்த Tag பயன்படுகிறது . Closing tag கிடையாது.

Syntax :-

<br>

Program:-

<p>Kalvi vaanam</p>

<br>

<p>this is a official site from kalvivaanam </p>

Horizontal Line Tag:-

HTML ல இரண்டு வரிகளுக்கு இடையே ஒரு நீண்ட கோடு போடுவதற்கு இந்த Tag பயன்படுகிறது.

Closing tag கிடையாது.

Syntax:-

<hr>

Program:-

<h1>hi</h1>

<hr>

<h1>hello </h1>

Important Text Formatting Tags

Bold Tag:-

Text bold ஆக காட்ட பயன்படுகிறது.

Syntax:-

<b> </b>

Program:-

<b> this is a bold text </b>

Strong Tag :-

முக்கியமான text highlight பண்ண பயன்படுகிறது.

SEOக்கும் useful. இது முக்கியம் என கூற பயன்படுகிறது .

Syntax:-

<strong> </strong>

Program:-

<strong>this is important </strong>

Italic Tag:-

சாய்வு எழுத்துக்களை உருவாக்க பயன்படுகிறது . Italic letters.

Syntax:-

<i></i>

Program:-

<i>this is italic letters </i>

Underline Tag:-

எழுத்துக்களுக்கு அடிக்கோடு இட்டுக்காட்ட பயன்படுகிறது . Used to helps underline the words .

Syntax:-

<u></u>

Program:-

<u>this is underlined words </u>

Small Tag:-

சிறிய எழுத்துக்களை  உருவாக்க பயன்படுகிறது .

Syntax:-

<small> </small>

Program:-

<small>this is small letters words  </small> 

Delete Tag:-

Text மேலே கோடு போட பயன்படுகிறது . output கீழே வரும் பாருங்கள்.

Syntax:-

<del></del>

Output:-

I use delete tag

Unordered List Tag:-

List உருவாக்கப் பயன்படுகிறது .

Syntax:-

<ul>

<li></li>

</ul>

Output:-

• this is unordered list 

 

ordered List Tag:-

List உருவாக்கப் பயன்படுகிறது .Number list create பண்ண பயன்படும்

Syntax:-

<ol>

<li></li>

</ol>

Output:-

HTML

CSS

JavaScript

 

இந்தப் பதிவுல நம்ம நிறைய Tag பத்தி பார்த்தோம் . 

இதன் தொடர்ச்சி இருக்கிறது அதை பார்ப்பதற்கு மறக்காமல் நம்மளுடைய தத்துடன் இணைந்திருங்கள் .

இந்தப் பதிவு உங்களுக்கு பயனுள்ளதாக இருந்தால் இதை உங்களுடைய நண்பர்களுக்கு share பண்ணுங்கள் .  

நம்மளுடைய வெப்சைட்டில் Programming related and programming learning. நிறைய தகவல்கள் வரப்போகிறது அதனால் நம்முடைய வெப்சைட்டில் தொடர்ந்து இணைந்த இருங்கள் .

                               நன்றி