HTML

HTML

HTML

What is HTML?

*HTML is a language to create a web page

*HTML stands for Hyper Text Markup Language.

*Hyper Text: Link between web page.

*Markup Language: Text between a tags which defines a structure.

*HTML defines how the webpage looks and how to display content with the help of elements.

*Save your file by using .html extension.

Features of HTML:-

* Easy to modify.

* Create effective presentation.

* We can able to add links, document, video, image making it more attractive.

* It is a case insensitive language.

HTML Structure:-

Defines the root of an HTML document

<body> Defines the document's body

HTML Tags:-

Tags start with < > and ends with </ >

* Heading tag:

<h1></h1> to <h6></h6>

Defines HTML headings

<h1> is the largest size

<h6> is the smallest size

Example:

OUTPUT:-

*paragraph tag:-

<p> </p>

It is used to create paragraph

Example:

OUTPUT:-

In the paragraph tag we can able to add the colors.

Style attribute is used to add styles to an element, such as color, font, size, and more.

Example:

OUTPUT:-

To change the background color:

Example:

OUTPUT:-

Changing font size:

Example:

*ANCHOR TAG:-

<a> </a>

It is used to create links using href

href: hypertext reference

It is used to generate the link

we can able to use heading tag,paragraph tag,anchor tag inside the <body> </body> only

Example:-

OUTPUT:-

*Title tag:-

<title> </title>

It is used to create the title for the website

Example:-

OUTPUT:

SELF CLOSING TAGS:

*HORIZONTAL TAG

<hr>

It is used to create a horizontal line

Example:

OUTPUT:-

*Brack tag:-

<br>

It is used to break the line

Example:-

OUTPUT:-

*Image tag:-

<img>

It is used to add the image

Example:

OUTPUT:-

*Alternate tag:

If the image can not be display

<alt> tag

Example:

OUTPUT:

*Bold tag:-

<b> or <strong>

Example:-

OUTPUT:-

*<em> tag or <i> tag:-

Example:

OUTPUT:-

*Ordered list:-

<ol> </ol>

<li> it defines the list items.

It is define a series of events that take place in same order

eg: making a tea(like a flow chart)

Example:-

OUTPUT:-

*unorder list:-

<ul> </ul>

Example:

OUTPUT:-

To create a icon :

Example:

OUTPUT:

To create a table:

<table> tag:

<tr> : table row

<td> : table column

<th> : table header

<thead> : to keep all the header data

<tbody> : to keep all the body data

Example:

OUTPUT:

*center tag:-

<center> </center>

Example:

OUTPUT:-

*To create a button:

OUYPUT:-

*submit button:

Example:

OUTPUT:

*checkbox:

Example:

OUTPUT:

*Radio button:

Example:

OUTPUT:

*Select tag:

Example:

OUTPUT:

*Text area:

Example:

OUTPUT:

Comments