HTML tags are like keywords which define that how web browser will format and display the content. With the help of tags,HTML tags contain three main parts tag
a web browser can distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags.
HOW TO MAKE HTML Tags
When a web browser reads an HTML document, browser reads it from the top to bottom and left to the right. HTML tags are use to the create HTML documents and render their properties. Each HTML tags have different properties.
An HTML file must have some essential tags so that web browser can differentiate between a simple text and HTML text. You can use as many tags you want as per your code requirement.
All HTML tags must enclosed within < > these brackets.
Every tag in HTML performs different tasks.
If you have used an open tag <tag>, then you must use a close tag </tag> (except some tags)
HOW TO MAKE HTML Tags
Unclosed HTML Tags
Some HTML tags are not closed, for the example BR and hr.
<br> Tag: br stands for the break line, it breaks the line of the code.
<hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line across the webpage.
HTML Meta Tags
DOCTYPE, title, link, Meta and style
HTML Text Tags
HOW TO MAKE HTML Tags
<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <block quote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br>
HTML Link Tags
<a> and <base>
HTML Image and Object Tags
<imp>, <area>, <map>, <param> and <object>
HTML List Tags
<ul>, <ol>, <li>, <dl>, <dt> and <dd>
HTML Table Tags
table, tr, td, th, tbody, thead, tfoot, col, co group and caption
HOW TO MAKE HTML Tags
HTML Form Tags
Form, input, textarea, select, option, optgroup, button, label, fieldset and legend
HTML Scripting Tags
Script and noscript
HTML Tags List
Following is the complete list of the HTML tags with the description which are HTML tags arrange alphabetically.
HOW TO MAKE HTML Tags
HTML Tags by Alphabets
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
HOW TO MAKE HTML Tags
HTML Attribute
HTML attributes are a special words which provide additional information HTML tags about the elements or attribute are the modifier of the HTML element.
Each element or tag can be have attributes, which defines the behavior of that element.
Attributes should always be applied with the start tag.
The Attribute should always be applied with the its name and value pair.
The Attributes name and values are case sensitive, and it is the recommended by W3C that it should be written in the Lowercase only.
You can be add multiple attributes in a one HTML element, but need to give space between two attributes.
HOW TO MAKE HTML Tags
Output
In the above statement, we have used paragraph tags in which we have applied style attribute. This attribute is used for applying CSS property on any HTML element. It provides HTML tags height to paragraph element of 50px and turns it colour to blue.
In the above statement we have again used style attribute in paragraph tag, which turns its colour red.
The title attribute in HTML
Description: The title attribute is the use as text tool tip in the most of the browsers. It display its text when user move the cursor over a link or any text. You can be use it with any text or link to show the HTML tags description about that link or text. In our example, we are the taking this with a paragraph tag and heading tag.
The href attribute in HTML
Description: The her attribute is the main attribute of the <a> anchor tag. This is attribute gives the link address which is the specified in that link. The pref attribute provides the hyperlink, and if it is blank, then it will remain in the same page.
The src Attribute
The src attribute is one of the important and require attribute of <img> element. It is source for the image which is required to display on browser. This attribute can contain image in same directory or another directory. The image name or source should be correct else browser will not display the image.
HOW TO MAKE HTML Tags
Quotes: single quotes or double quotes?
In this chapter you have seen that, we have used attribute with double quotes, but some people might use single quotes in HTML. So use of single quotes HTML tags with HTML attribute, is also allowed. The following both statements are absolutely fine.
HTML Formatting
HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without using CSS. There are many formatting tags in HTML. These tags are used to make text bold, italicize or underline. There are HTML tags almost 14 options available that how text appears in HTML and XHTML.
In HTML the formatting tags are divided into two categories:
Physical tag: These tags are used to provide the visual appearance to the text.
Logical tag: These tags are used to add some logical or semantic value to the text.
HOW TO MAKE HTML Tags
1) Bold Text
HTML<b> and <strong> formatting elements
Play Video
The HTML <b> element is a physical tag which displays text in bold font, without any logical importance. If you write anything within <b>…………</b> element, is shown in bold letters.
Output:
The HTML <strong> tag is a logical tag, which displays the content in bold font and informs the browser about its logical importance. If you write anything between <strong>? </strong>, is shown important text.
2) Italic Text
HTML <i> and <em> formatting elements
The HTML <i> element is physical element, which display the enclose HTML tags content in the italic font, without any add importance. If you write anything within <i>…………</i> element, is the shown in italic letters.
HOW TO MAKE HTML Tags
Output
The HTML <em> tag is a logical element, which will be display the enclose content in italic font, with add semantics importance.
3) HTML Marked formatting
mark or highlight a text, you should write the content within <mark>………</mark>.
4) Underlined Text
write anything within <u>………</u> element, is shown in underlined text.
5) Strike Text
Anything written within <strike>…………………..</strike> element is display with strikethrough. It is a thin line which crosses the statement.
6) Môn spaced Font
that each letter has the same width then you should write the content within <tt>………….</tt> element.
Note: We know that most of the fonts are known as variable-width fonts HTML tags because different letters have different width. (For example: ‘w’ is wider than ‘i’). Moonscape Font provides similar space among every letter.
HOW TO MAKE HTML Tags
7) Superscript Text
you put the content within <sup>…………..</sup> element, is shown in superscript; means it is display half a character’s height above the other characters.
8) Subscript Text
put the content within <sub>…………..</sub> element, is shown in subscript ; means it is display half a character’s height below the other characters.
10) Inserted Text
Anything that puts within <INS>……….</INS> is display as inserted text.
11) Larger Text
put your font size larger than the rest of the HTML tags text then put the content within <big>………</big>. It is increases one font size larger than the previous one.
12) Smaller Text
put your font size smaller than the rest of the text HTML tags then put the content within <small>………</small>tag. It reduces one font size than the previous one.