Here you will begin to learn the first steps of basic HTML tags! You will learn what tags such as the h tag into your body, as well as your head by linking up your page with the a tag. Here you will have a wide list of many different tags. Many Convineint. 
| Tags | Definition |
|---|---|
<!DOCTYPE html> |
The !DOCTYPE html tag is a declaration that defines this document to be HTML5. |
<html>...</html> |
The html tag tells the browser that this is an HTML document. It represents the root of an HTML document and it is the container for all other HTML elements. |
<head>...</head> |
The head element is a container for all the head elements. It can include a title for the document, scripts, styles, meta information, and more. |
<title>...</title> |
The title tag is required in all HTML documents and it defines the title of the document. It also defines a title in the browser toolbar, provides a title for the page when it is added to favorites and displays a title for the page in search-engine results.
|
<link type="text/..." rel="..." href="..."> |
The link tag defines a link between a document and an external resource. The link tag is used to link to external style sheets and javascript resources.
|
<body>...</body> |
The body tag defines the document's body. It contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. |
<!--...--> |
The <!--...--> tag is used to insert comments in the source code. Comments are not displayed in the browsers.
You can use comments to explain your code, which can help you when you edit the source code at a later date.
|
<h1>...</h1> - <h6>...</h6> |
The h1 to h6 tags are used to define HTML headings.
h1 defines the most important heading. h6 defines the least important heading.
|
<p>...</p> |
The p tag defines a paragraph. |
<br/> |
The br tag inserts a single line break. The br tag is an empty tag which means that it has no end tag. |
<strong>...</strong> |
The strong tag is a phrase tag. It makes the text bolded. |
<em>...</em> |
The em tag is a phrase tag. It makes the text italicised. |
<a href="...">...</a> |
The a tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the a element is the href attribute, which indicates the link's destination. |
<div>...</div> |
The div tag defines a division or a section in an HTML document. The div element is often used as a container for other HTML elements to style them with CSS or to perform certain tasks with JavaScript. |
This is an example of all of the Common HTML Tags used above!
See the Pen CommonHTMLTags Demo by Sithum Dissanayake (@SithumD) on CodePen.
Sithum Dissanayake
@Coding_Flow