HOW TO MAKE HTML Tags

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.

WATCH VIDEO

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.

ALSO READ

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.

Leave a Reply

Your email address will not be published. Required fields are marked *