HTML Master Course in Tamil Completed ЁЯЪА Beginner to Web Developer Journey!

-

 


ро╡рогроХ்роХроо் роирог்рокро░்роХро│ே!

роЗрои்род post ро▓ роироо்роо ,

HTML master course, part 2 in tamil. роЗрои்род рокோро╕்роЯ்ро▓ роироо்роо HTML ро▓ роЗро░ுроХ்роХிро▒ роОро▓்ро▓ா Tag роР рокрод்родிропுроо்  рокாро░்роХ்роХ рокோроХிро▒ோроо்.


Important Tag :-

роЗродு рокிро░ро╡ுроЪро░ுроХ்роХு рооுроХ்роХிропроо் роОрой роХாроЯ்роЯுроо் Tag .

Syntax:-

<important>this is important </important>


Image Tag:-

роЗродு ро╡ெрок்роЪைроЯ்роЯிро▓் рокроЯроЩ்роХро│ை роХாроЯ்роЯுро╡родро▒்роХு рокропрой்рокроЯுроХிро▒родு .Closing tag роХிроЯைропாродு .

Syntax:-

<img src=" enter image link here "  alt=" enter image name ">


Anchor Tag ЁЯФе:-

ро╡ெрок்роЪைроЯ்ро▓ Link роЙро░ுро╡ாроХ்роХ рокропрой்рокроЯுроХிро▒родு .closing tag роХிроЯைропாродு.

Syntax:-

<a href="link here ">link name </a>

Example:-

<a href="https://google.com">Open Google</a>


Button Tag:-

ро╡ெрок்роЪைроЯ்ро▓ Button create рокрог்рог рокропрой்рокроЯுроХிро▒родு.

Syntax:-

<button>button name</button>


Div Tag ЁЯФе VERY IMPORTANT:-

Website sections create рокрог்рогрокропрой்рокроЯுроХிро▒родு.

CSSроХ்роХு useful. роЗродро▒்роХெрой родройி роЙропро░роо் роЕроХро▓роо் роХிроЯைропாродு . роЗродு родрой்ройிроЪ்роЪைропாроХ роЗропроЩ்роХாродு роЗродрой் роЙро│்ро│ ро╡ேро▒ு роТро░ு Tag роЗро░ுроХ்роХ ро╡ேрог்роЯுроо். роЗродு роТро░ு Container рокோро▓ роЪெропро▓்рокроЯுроХிро▒родு.

Syntax:-

<div> </div>


Span Tag:-

Small text styling роЪெроп்роХிро▒родு.

Syntax:-

<span> </span>



Table Tags :-


HTML ро▓ Table create рокрог்рог роЗрои்род tags рокропрой்рокроЯுроХிро▒родு . Rows рооро▒்ро▒ுроо் Columns роЙро░ுро╡ாроХ்роХ роЗрои்род tags роЙродро╡ுроХிро▒родு . School mark sheet , timetable , student details , product list роЗродுрокோро▓ родроХро╡ро▓்роХро│ை table format ро▓ show рокрог்рогро▓ாроо் .


Table create рокрог்рог рокропрой்рокроЯுроо் рооுроХ்роХிропрооாрой tags :-

HTML


<table>

<tr>

<th>

<td>---


1. Table Tag :-


роЗрои்род Tag Table роЙро░ுро╡ாроХ்роХ рокропрой்рокроЯுроХிро▒родு . роОро▓்ро▓ா table content роХро│ுроо் роЗрои்род tag роЙро│்ро│ே родாрой் роЗро░ுроХ்роХ ро╡ேрог்роЯுроо் .


Syntax:-


<table>

</table>Small Program:-


<table border="1">

</table>---


2. Table Row Tag :-


Table ро▓ row роЙро░ுро╡ாроХ்роХ роЗрои்род tag рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<tr>

</tr>

Small Program:-


<table border="1"><tr>

</tr></table>-


3. Table Heading Tag :-


Table heading create рокрог்рог роЗрои்род tag рокропрой்рокроЯுроХிро▒родு . роЗродு bold роЖроХ show роЖроХுроо் .


Syntax:-


<th>

</th>Small Program:-


<table border="1"><tr>

<th>Name</th>

<th>Language</th>

</tr></table>---


4. Table Data Tag :-


Table ро▓ data роОро┤ுрод роЗрои்род tag рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<td>

</td>Small Program:-


<table border="1"><tr>

<td>Santosh</td>

<td>HTML</td>

</tr></table>---


Complete Example Program :-


<table border="1"><tr>

<th>Name</th>

<th>Language</th>

<th>Level</th>

</tr><tr>

<td>Santosh</td>

<td>HTML</td>

<td>Beginner</td>

</tr><tr>

<td>George</td>

<td>CSS</td>

<td>Intermediate</td>

</tr><tr>

<td>Kumar</td>

<td>JavaScript</td>

<td>Advanced</td>

</tr></table>роЗрои்род Program роР роЙроЩ்роХро│ுроЯைроп Code Editor ро▓ Run рокрог்рогி рокாро░ுроЩ்роХро│் . Browser ро▓ роТро░ு complete table create роЖроХுроо் ЁЯШД 

Form Tags :-


HTML ро▓ user information ро╡ாроЩ்роХ роЗрои்род tags рокропрой்рокроЯுроХிро▒родு . Login page , signup page , contact form роЗродுрокோро▓ create рокрог்рог form tags рокропрой்рокроЯுроХிро▒родு .


Form create рокрог்рог рокропрой்рокроЯுроо் рооுроХ்роХிропрооாрой tags :-

HTML


<form>

<input>

<label>

<textarea>

<select>

<option>---


1. Form Tag :-


Form create рокрог்рог роЗрои்род tag рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<form>

</form>---


2. Input Tag :-


User information type рокрог்рог роЗрои்род tag рокропрой்рокроЯுроХிро▒родு .

Closing tag роХிроЯைропாродு.


Syntax:-


<input>Example:-


<input type="text">---


3. Label Tag :-


Input box роХ்роХு рокெропро░் роХொроЯுроХ்роХ рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<label>

</label>Example:-


<label>Enter your name</label>


---


4. Textarea Tag :-


рокெро░ிроп message type рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<textarea>

</textarea>Example:-


<textarea></textarea>---


5. Select Tag :-


Dropdown menu create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<select>

</select>---


6. Option Tag :-


Dropdown menu роЙро│்ро│ options create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<option>

</option>---


Complete Example Program :-


<form><label>Enter your name :</label>

<input type="text">


<br><br>


<label>Enter your password :</label>

<input type="password">


<br><br>


<label>Select your course :</label>


<select><option>HTML</option>

<option>CSS</option>

<option>JavaScript</option></select><br><br>


<label>Message :</label>


<textarea></textarea><br><br>


<input type="submit"></form>роЗрои்род Program роР Run рокрог்рогி рокாро░ுроЩ்роХро│் . Browser ро▓ роТро░ு simple form create роЖроХுроо் ЁЯШД


==================================================


Audio And Video Tags :-


HTML ро▓ audio рооро▒்ро▒ுроо் video add рокрог்рог роЗрои்род tags рокропрой்рокроЯுроХிро▒родு .


HTML

<audio>

<video>


---


1. Audio Tag :-


Website ро▓ audio add рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<audio controls>

</audio>Small Program:-


<audio controls><source src="music.mp3"></audio>---


2. Video Tag :-


Website ро▓ video add рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<video controls>

</video>Small Program:-


<video controls width="300"><source src="video.mp4"></video>==================================================


Semantic Tags :-


Website structure clean роЖроХ create рокрог்рог роЗрои்род tags рокропрой்рокроЯுроХிро▒родு . SEO роХ்роХுроо் useful .


HTML


<header>

<footer>

<section>

<nav>

<article>---


1. Header Tag :-


Website top section create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<header>

</header>---


2. Footer Tag :-


Website bottom section create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<footer>

</footer>---


3. Section Tag :-


Website ро▓ different sections create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<section>

</section>---


4. Nav Tag :-


Navigation menu create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<nav>

</nav>---


5. Article Tag :-


Article content create рокрог்рог рокропрой்рокроЯுроХிро▒родு .


Syntax:-


<article>

</article>---


Complete Example Program :-


<header><h1>Kalvi Vaanam</h1></header><nav>Home

About

Contact


</nav><section><h2>HTML Course</h2><p>This is HTML master course in Tamil</p></section><article><h2>Programming Learning</h2><p>Learn HTML CSS JavaScript</p></article><footer><p>Official website from Kalvi Vaanam</p></footer>

роЗрои்род Program роР Run рокрог்рогி рокாро░ுроЩ்роХро│் . Website structure рооாродிро░ி output ро╡ро░ுроо் ЁЯШД


роЗрои்родрок் рокродிро╡ு роЙроЩ்роХро│ுроХ்роХு рокропройுро│்ро│родாроХ роЗро░ுрои்родாро▓் роЗродை роЙроЩ்роХро│ுроЯைроп роирог்рокро░்роХро│ுроХ்роХு share рокрог்рогுроЩ்роХро│் .  роироо்рооро│ுроЯைроп ро╡ெрок்роЪைроЯ்роЯிро▓் Programming related and programming learning. роиிро▒ைроп родроХро╡ро▓்роХро│் ро╡ро░рок்рокோроХிро▒родு роЕродройாро▓் роироо்рооுроЯைроп ро╡ெрок்роЪைроЯ்роЯிро▓் родொроЯро░்рои்родு роЗрогைрои்род роЗро░ுроЩ்роХро│் .

                               роирой்ро▒ி


Comments

Post a Comment

Popular posts from this blog

HTML,CSS AND JAVASCRIPT full explanation in Tamil

-
Image
  ро╡рогроХ்роХроо் роирог்рокро░்роХро│ே !   роЗрои்род рокродிро╡ிро▓் HTML, CSS, JavaScript роОрой்ро▒ாро▓் роОрой்рой? роЕро╡ை роТро░ு Website-ро▓் роОрой்рой ро╡ேро▓ை роЪெроп்роХிрой்ро▒рой? роОрой்рокродை роОро│ிрооைропாроХ рокாро░்роХ்роХро▓ாроо். роЗрои்род рокродிро╡ு роЙроЩ்роХро│ுроХ்роХு рокропройுро│்ро│родாроХ роЗро░ுрои்родாро▓் роЙроЩ்роХро│் роирог்рокро░்роХро│ுроЯрой் рокроХிро░ுроЩ்роХро│். роЙроЩ்роХро│ுроХ்роХு роПродேройுроо் роЪрои்родேроХроо் роЗро░ுрои்родாро▓் роХீро┤ே роЙро│்ро│ Comment рокроХுродிропிро▓் рокродிро╡ு роЪெроп்ропுроЩ்роХро│். HTML роТро░ு ро╡ீроЯ்роЯை роХроЯ்роЯுроо்рокோродு рооுродро▓ிро▓் роЪெроЩ்роХро▓், роЪிрооெрог்роЯ் рооро▒்ро▒ுроо் роХроо்рокிроХро│ை ро╡ைрод்родு роТро░ு роЕрооைрок்рокை роЙро░ுро╡ாроХ்роХுро╡ாро░்роХро│். роЕродேрокோро▓ роТро░ு Website-роХ்роХு роЕроЯிрок்рокроЯை роЙро░ுро╡рооைрок்рокை роЙро░ுро╡ாроХ்роХ HTML рокропрой்рокроЯுроХிро▒родு. роОро│ிрооைропாроХ роЪொрой்ройாро▓், HTML роОрой்рокродு роТро░ு Website-рой் “роОро▓ுроо்рокுроХ்роХூроЯு” рокோрой்ро▒родு. HTML роЗро▓்ро▓ாрооро▓் Website роЙро░ுро╡ாроХ்роХுро╡родு роЪாрод்родிропрооிро▓்ро▓ை . CSS ро╡ீроЯ்роЯிро▒்роХு роЕрооைрок்рокு роороЯ்роЯுроо் роЗро░ுрои்родாро▓் рокோродாродு; роЕродро▒்роХு ро╡рог்рогроо் родீроЯ்роЯி роЕро┤роХுрокроЯுрод்род ро╡ேрог்роЯுроо். роЕродேрокோро▓ Website-роР роЕро┤роХாроХ роХாроЯ்роЯ CSS рокропрой்рокроЯுроХிро▒родு. ро╡рог்рогроЩ்роХро│், Font style, Layout, Animation рокோрой்ро▒ро╡ро▒்ро▒ை CSS роХроЯ்роЯுрок்рокроЯுрод்родுроХிро▒родு. JavaScript роТро░ு ро╡ீроЯ்роЯிро▒்роХு рооிрой்роЪாро░ роЗрогைрок்рокு роОро╡்ро╡ро│ро╡ு рооுроХ்роХிропрооோ, роЕродேрокோро▓ Website-роХ்роХு роЙропிро░் роХொроЯுрок்рокродு JavaScript. роТро░ு Button-роР роЕро┤ுрод்родுроо்рокோродு action роироЯрок்рокродு, родроХро╡ро▓்роХро│் Database-...
Read more

HTML Learning in Tamil ЁЯФе Mobile Phone роороЯ்роЯுроо் ро╡ைрод்родு Web Developer роЖроХ рооுроЯிропுрооா?

-
Image
ро╡рогроХ்роХроо் роирог்рокро░்роХро│ே!  роЗрои்род post ро▓ роироо்роо,  HTML роОрой்ро▒ாро▓் роОрой்рой ? роОрой роХрод்родுроХ்роХ рокோроХிро▒ோроо் .                                                                        Mobile phone роороЯ்роЯுроо் ро╡ைрод்родு web developer роЖроХ рооுроЯிропுрооா роОрой рокாро░்роХ்роХрок் рокோроХிро▒ோроо் .                                    Best code editor for mobile .Mobile роЗро▓் coding роЪெроп்ро╡родро▒்роХாрой app.                                                                                     роЗрои்родрок் рокродிро╡ு роЙроЩ்роХро│ுроХ்роХு рокропройுро│்ро│родாроХ роЗро░ுрои்родாро▓் роЗродை роЙроЩ்роХро│் роирог்рокро░்роХро│ுроХ்роХு share рокрог்рогுроЩ்роХ ....
Read more

HTML Master Course in Tamil ЁЯФе Part 1 | HTML Tags Full Explained

-
Image
  ро╡рогроХ்роХроо் роирог்рокро░்роХро│ே!  роЗрои்род 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 ...
Read more