ALL IMPORNTANT HTML TAGS WITH THEIR FUNCTION Tags (with open and end tag)
1.<html>...</html> //Everything in html document is surrounded by html tag//
2.<head>...</head> //Page name and css and java script links are added here//
3.<body>...</body> //It defines the main content of html tag //
4.<title>...</title>// Used to give the title of the web page ,it is also used by search engines //
5.<h>...</h>//used to describe normal plain size 12 text or heading //
6.(Bold headings )
i.<h1>..</h1>
ii.<h2>..</h2>
iii.<h3>...</h3>
iv.<h4>...</h4>
v.<h5>...</h5>
vi.<h6>...</h6>
7.<p>..</p>//Creating a new paragraph ,one line above and below is added to textinside//
8.<b>...</b>//Makes the content Bold //
9.<big>....</big>//makes the text big //
10.<i>..</i>//makes the content italic in style //
11.<small>..</small>//makes the content small sized //
12.<strong>...</strong>//makes the contet strong //
13.<sub>...</sub>//makes the content subscripted text //
14.<sup>..</sup>//super scripted text //
15.<ins>...</ins>//inserts a underline in the text //
16.<del>..</del>//cuts the text that looks like text is crossed with line //
17.<em>...</em>//makes the text italic and indicates that the text is important//
18.<spam>..</spam>//used to edit the stle of a section of a bigger tag //
19.<ol>..</ol>//specifies that an ordered list is coming //
20.<li>..</li>//specifies that te text inside is an element in the list specified above //
21.<ul>..</ul>//specifies the begining of an unordered list//
22.<a href="...">...</a>//used to add rrfrence or link //
23.<table>....</table> //heading for creating a table or defining a table // (eg.<table><tr><th>...</th><th>...</th></tr> <tr><td>..</td><td>...</td></tr></table>)
24.<tr>..</tr>// table is divided into table rows using this //
25.<th>..</th>// used to define a bold heading for each column //
26.<td>...</td> // creates an coulm in a particular row that means it defines a data cell //
27.<a href="...">...</a> //adds a go-to page or link to the specigied text or image //
28.<div>..</div> //creates a section in the page used to put a background in other tags inside of it //
29.<form>...</form>//Used to define forms //
30.<textarea name="message"></textarea> //Creates a text area where we can add messages ,feedback,comments,etc.
31.<font>..</font> //used to add specification on the text inside its tag//
32.<progress ...></progress>//used to create a partially filled box to show the level or percentage //
33.<iframe ...></iframe>//
Tags(without end tag)
1.<hr>....//Creates a horizontal line
2.<hr color="blue" size ="15"/>//To modify the line colour and width //
3.<!--........-->//Used to give comment in html file //
4.<br />//Gives a break that is it transfers all next content into nrw line //
5.<DOCTYPE html>//used to tell brower the version of html to expect//
6.<img src = "..."/>//used to add an image with link inside the tag//
7.<input ... />//Used to get the input from used//
Html(Attributes)
1.<p align="left/right/center/justify">...</p>//decides the position of the text //
2.<html lang="de">...</html>//makes the language of the text in german//
3.<hr width="50px/50%" />//decide the width of the horizontal line //
4.<hr size="50px/50%" />//decides the thickness of the line //
5.<img src =".." height="50%" width="50%" alt="" />//height add the required height of the image ,width adds the required width of the image and alt alt adds an alternate image if the specified image is not found//
6.<img src=".." border="1px" />//adds a border of thinkness 1px around the image //
7.<ol type="A/a/i/I">..</ol>//specifies the type of list to be made like (A,B,C) or (a,b,c)or (i,ii,iii ), (I,II,III) with default as numbers (1,2,3)//
8.<ul type="square/circle/bullets">..</ul>//specifies the type of list to be made with default as disc//
9.<li style="color:=red/green/blue;">....</li>
10.<table border="2" bordercolor="blue" style="width:50%">...</table>// add a thick border around the table and adds a color to the border and width of the table //
11.<td rowspan="2" colspan="2">...</td> // to make a cell span more than one row or colom rowspan or colspan is used //
12.<td bgcolor="red">...</td>//adds background color to the cells//
13.<a href="..." target="_blank/self/parent/top/framename">...</a>//Decided the tab in which the link opens either (_blank=new tab/self=same window/parent =parent frame/top=topmost frame)
14.<div style="background-color:green; color:white; padding:20px;">...</div>//Used to colour the background and the text of all tags which are inside it (eg:-<p>, <h>,etc.)
15.<h2>..<span style="color:red">...</span>....</h2>//changes the colour of the pard of h2 which lies inside span to red //
16.<form action=" link "></form> //action attribute is used to point to a webpage that will load after the used submits the form//
17.<form method="GET/POST">..</form>//method attribute decides the method to be used after the forms are submitted that is the data you enter should be visible like username or be hidden like password//
18.<form><input type="text/password/radio/url/submit/checkbox,etc." name="what is the subject .." value=" choice a"/>text you want to show in the user </form> //input type defines the type of data to accept and name attribute specifies the name for the form and value attribute gives the name of the choice on the right of the empty space and is submited to the excel sheet you are saving the data in //
19.<input type="submit" /> //creates a button with submit written on it to submit your input//
20.<textarea maxlength="100"></textarea> //adds a limit to the size of the text allowed //
21.<body bgcolor="#000009">..</body>//Adds color to the background section //
22.<font color="#0000FF">....</font>//adds color to text inside the font //
23.<progress min="0" max="100" value ="80"></progress>//Creates a 80% filled rectancle box showing the content filled //
(Important Differentiantion Groups of Tags)
1.Block level Elements:-elements which start from a new line (eg:-<h1>,<form>,<li>,<ol>,<ul>,<p>,<pre>,<table>,<div>,etc.)
2.Inline Elements:-these elements are normally displayed without line break and used to edit part of a text (eg:-<b>,<a>,<strong>,<img>,<input>,<em>,<span>,etc.)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent