Html से List, Table and form कैसे बनाए |

HTML से List,Table and form कैसे बनाएं? 

html


Hello
दोस्तो आज हम HTML से List, Tableऔर Form कैसे बनाते हैं सिखेंगे। आपको HTML पूरी तरह सिखना है तो मैंने और भी Article लिखे हैं आप उन्हें पढ़कर सिख सकते हैं। वो भी बिलकुल फ्री। इसी तरह मैं और HTML Codes लाता रहूगा| 
html code इतने भी मुश्किल नहीं है बस आपको थोड़ा ध्यान देना होगा| थोड़ी सी मेहनत से आप HTML codes सिख जाएगें|
 HTML Course पुरा होने के बाद में Css का course भी लाउंगा तो आप हमारी साइट से जुड़े रहे तो चलिए फिर से शुरू करते हैं 

Html se table data form


 

 TODAY'S CONTENT TOPIC

1. WHY WE USING LIST CONTENT
2. UNODERED LIST KI CODING KYA HAI?
3. ORDEREDLIST KI CODING KYA HAI?
4. TABLE TAG KAISE USE KARE?
5. TR TAG KAISE USE KARE? 
6. TH TAG KAISE USE KARE?
7. Thead TAG KYU USE KARTE HAI?
8. TBODY TAG USE KYU MARTE HAI?
9. COLSPAN ATTRIBUTE KAI USE KARE ?
10.HTML SE FORM KAISE BANAYE ?
11. INPUT ELEMENT KIS KAAM AATA HAI ?
12. TESTAREA ELEMENT KIS KAAM AATA HAI ?
13. SELECT ELEMENT KA ISTEMAAL KAISE KARE?
14. EMBEDDING VIDEO KA ISTEMAAL KAISE KARE 
15. ATTRIBUTE FOR VIDEO KA ISTEMAAL KAISE KARE?

HTML में लिस्ट का क्या उपयोग हैं ?

HTML me list ki अहम भूमिका होती हैं इससे आप अपने content को  लिस्ट के रूप में दिखा सकते हो ।आपको समझ नहीं आया तो मै आपको इमेज Provide Kar दूंगा । 


लिस्ट   दो तरीके के होते है  एक ordered list दूसरा unorders list चलो मैं समझाता हूं इनमें क्या फर्क है

Unordered List:-

Used this tag to list unordered item 

<ul>                                                                        
<li> New delhi</li>                                              
<li>chandigarh</li>                                             
</ul>                                                                       
Html unodered list img


ordered List :-

 used to list ordered item

<ol>                                                                              <li>    Delhi </li>                                                     <li> Haryana</li>                                              </ol>                                                                       

Html ordered list

   
दोस्तो इस फोटो  को देखकर आप समझ गए होंगे की  oredered List  and unodered list क्या फर्क है।

Table Tag

<Table> Tag is used to define takes in html. 
It is used to formate and display tabular data. 
Hmtl table tags


Tr tag -:    used to display table row



Td tag -: used to display table data. 


Th tag-: used in place of table data for displaying table header. 


We can define as many table row as we want. 
To add a caption to the table we use <caption> tag in insside table. 

Thead tag -: used to wrap table head caption and tr with th


Tbody tag -: used to wrap the table body. 


Colspan attributes-:

This attribute is used to create cells spanning multiple column. 
<th colspan ="3"> your name </th>
                                ⬆⬆⬆⬆ span 3 column      

Clospan attribute in html


Html Forms 

An html form is used to collect input from the user form tag is used for the same
<form>
---element of the form ---
</form>

Hmtl form image



There are different forms element for different kind of user input. 

Input Element -: 

Can be type of text,  checkbix, radio, button  and submit. We also have a tittle type. 

Testarea element-:

Define a multi line text input column and row attribute can be used to size the text area. 

Select element-: 

Define a drop drawn list

Note -: you don't have to remember all tags, you automatically memories them with practice. 

Embedding video-: 

Video tag is used to play in Html. 

<video src=" Your video. Mp4>error</video>
Hmtl video embedded image


Attribute for video-:

We can use 
Width : To adjust width of a video ( Height automatically adjust) 

We can use auto play / loop function in Html

Post a Comment

0 Comments