html tags

HTML TAGS

Made By:Omkareshwar Panda

Class- X-A

HTML or HyperText Markup Language is the standard markup language used

to create web pages. HTML is written in the form of HTML

elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for example<img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).

About HTML

The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language rather than a programming language.

HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicit presentational HTML.

The most important tags in HTML are tags that define headings,

•Paragraphs•Body •Line breaks •Head

BASIC HTML TAGS

TAG Description

<HTML> Defines an HTML document

<HEAD> Defines information about the document

<TITLE> Defines the Document Title

<BODY> Defines the Document Body

<H1> to <H6> Defines Header 1 to 6

<P> Defines a Paragraph

<BR> Inserts a Single Line Break

<HR> Defines a Horizontal rule

<HTML> Tag This element tells a browser that this is

an HTML document. This tag is defined at the top of the HTML file and at the end of file.

Format:

<html> <body>..............body of HTML.............</body></html>

Example:

<html> <body> this is my first page </body></html>

The head tag defines information about the document. The browser does not display the "head information" to the user. The following tags can be in the head section: <base>, <link>, <meta>, <script>, <style>, and <title>. The head tag is used between <html> and <body> tags.

Format:

<html> <head>.....head sections....</head><body>......body of HTML........</body></html>

Example:

<html> <head><title>Basic tag</title></head>>body> this is my first page </body></html>

<HEAD> Tag

<TITLE> Tag Title tag defines the title of the document

which appears in the Title bar of the explorer window. Title tag is used in between <head> and </head> tag because it is title tag is section of <head> tag.

Format:

<html> <head><title>Title of the Page</title></head><body>.....body of HTML......</body></html>

Example:

<html> <head><title>Basic tag</title></head><body> this is my first page </body></html>

<BODY> TAG

The body element defines the document's body. It contains all the contents of the document (like text, images, colours, graphics etc).

Format:

<body bgcolor ="color_name" background="file_name" links="color_name" text="color_name">

Example:

<body bgcolor ="red" background="c:\img\sky.jpg" links="blue" text="black">

<hn>………..</hn> Heading Tag

These tags are used to display headings in an HTML document. through these tags you can increase the size of the text. In these tags <h1> tag defines the largest header & <h6> defines smallest.

These tags are <h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5>

Format:

<hn>.............. text..............</hn>

Example:

<h1> this is my first page </h1> or <h1 align="right">text</h1> Attribute of the <hn> Tag.

<p>…….</p> Paragraph Tag

This tag is used for creating the paragraph in the web page. It is used inside the body of file.

Format:

<p>......long text..........</p>

Example:

<p> This is the test of paragraph tag........</p>

In this tag align attribute can be used.

<BR> Tag

The <br> tag inserts a single line break. Use the <br> tag to enter blank lines, not to separate paragraphs. This tag has no end tag.

Format

text........<br> .....text

Example:

This is a break <br> in the line.

<HR> Tag

The <hr> tag inserts a horizontal rule. The <hr> tag has no end tag.

Format:

text......<hr> ......text or text......<hr align=" " size=" " width=" ">.... text

Example:

This is the test of the tag <hr>

Comment Tag The comment tag is used to insert a comment in the source

code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.

You can also store program-specific information inside comments. In this case they will not be visible for the user, but they are still available to the program. A good practice is to comment the text inside the script and style elements to prevent older browsers, that do not support scripting or styles, from showing it as plain text.

Format:



Example:

Example Of Basic Comment <html>

<head>

<title>In body tag</title>

</head>

<body bgcolor="lightyellow" text="red">

In body tag, background colour is defined as black and textcolor is defined as the white.

<hr>

<h1> this is the h1 header </h1>

<h2> this is the h2header </h2>

<hr>This is the use of "Break" tag<br> and you will see use of more tags<br>

<hr> look at the use of comment tag it is good

<hr><p> This is the use of paragraph tag and you will see use of more tags </p>

The effect of "hr" tag <br> <hr>

</body>

</html>

html tags

Software

title tag

end tag

use of comment tag

section of tag

use of break tag

use of paragraph tag

inthese tags tag

text example