yl basic tag

Post on 19-Jun-2015

188 Views

Category:

Education

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

YL basic tag

TRANSCRIPT

HTML Demo

…By YuvaLakshya Team

All rights reserved

Click on Start

Go to Run and type notepad

Click on OK

Learn to create simple HTML page-

Open your simple webpage and we will modify it to make it better-

Go to File MenuAnd click on

Open

Browse your file and click on

Open

Your file name should always end with “ .html “ extension . e.g demo.html

Save the copy of this notepad

Go to File MenuAnd click on

Save As

Always save file with “ .html “

extension

Click on Save

Now we will learn new tags- Header tag , Paragraph tag , Horizontal line , Line break

Paragraph tag <p>

Different header tags<h1> to <h6>

For Horizontal line <hr>

For line break <br>

HTML does not recognize spaces or lines you use when typing text

For this we use break and paragraph tag

The <BR> tag forces a line break, and the <P> tag creates a paragraph break.

<P> inserts an extra blank line between paragraphs, and <BR> does not.

<hr> tag causes a horizontal "rule" line which is a line break.

It is used wherever you'd like to see a line across the page.

<BR> and <HR> do not need a closing </BR> or </HR> tag.

The <P> tag doesn't require a closing </P> tag , it ends whenever the next tag begins.

There are Six heading tags <H1> to <H6>

Any text written in <H1> tags will appear as a large heading.

<H2> to <H6> will make progressively smaller headings.

Important difference between a title and a heading.

In HTML, <TITLE> gives the entire page an identifying name which is not displayed on the page.

The heading tags, cause some text on the page to be displayed.

Any text between the <H1> and </H1> tags will appear as a large heading.

Texts in different header

Paragraph tag

Horizontal line break

Now check how your HTML tags will work-

Center tag

Text will be displayed at the

center of the page

Rest page is same.

Aligning text to Center of the page

It will look as below-

Text is displayed at the center of

the page

Now we will add color in background and text

Notice body tag

Background of the page will become Pink

Font color will change to Blue

Go to saved file

Right click on it and Open with

Internet Explorer

Look background

color

Text color

top related