Begin HTML
Those who start to climb the ladder must begin from the step 1. In the Development field HTML is the first step you take.
HTML (Hyper Text Markup Language) is a web page structuring language. This language widely known for its easy to build a web page purpose. HTML has its own unique syntax. In HTML we don’t use term as keyword for predefined words. Every word has its own role, and every word defined inside the lesser than and greater than symbols (<>), This is known as tags or elements.
Basic Structure of HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
The above code shows the basic structure of the HTML.
<!DOCTYPE html>Describes it’s a HTML page.<html></html>The html page contents all should be stored inside this tag.<head></head>It is used to describe the head content of the html file.<title></title>It is used define the title of the Web page.<body></body>It is the body of web page where you create the structure of your web page.
These are the tags which majorly used to create web page.
HTML tags:
Heading tags:
There are 6 heading tags
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Text tags:
<p> This is a paragraph </p>
The above tag is used create a paragraph. There are tags which are used decorate the text, They are:
| Elements | Element Name |
<b></b> | Bold |
<i></i> | Italic |
<u></u> | underlined |
<strong></strong> | Strong |
<small></small> | Small |
<em></em> | emphasized |
<insert></insert> | inserted text |
<del></del> | Deleted Text |
<mark></mark> | Marked Text |
<sup></sup> | Super Script |
<sub></sub> | Sub Script |
Container Tags:
Container type of tags means contain the group of elements inside the container. We majorly use the <div> container but, after the HTML recent update we have lot of container elements: They are:
| Element | Element Name |
| <div></div> | Div container |
| <section><section> | Section Container |
| <header></header> | Header container |
| <nav><nav> | Navbar container |
| <main></main> | main container |
| <footer></footer> | Footer Container |
| <aside></aside> | Aside container |
List Tags:
They are Three type of list
Ordered List:
<ol> <li>Item1</li> <li>Item2</li> <li>Item3</li> </ol>Unordered list:
<ul> <li>Item1</li> <li>Item2</li> <li>Item3</li> </ul>Descriptive list
<dl> <dt>Description title</dt> <dd> Data Description </dd> </dl>
Form Tags:
<form action="">
<fieldset>
<div>
<label for="#number">Phone No:</label>
<input type="tel" name="number" id="">
</div>
<div>
<label for="name">Your name</label>
<input type="text" name="name" id="">
</div>
<div>
<input type="submit" value="Submit">
</div>
</fieldset>
</form>
Thank you reading this article.
