YL basic tag

Learn to create simple HTML page- Click on Start Go to Run and type notepad Click on OK

Open your simple webpage and we will modify it to make it better- Go to File Menu And click on Open Browse your file and click on Open

Save the copy of this notepad Your file name should always end with “ .html “ extension . e.g demo.html

Go to File Menu And 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 line break <br> For Horizontal line <hr>

HTML does not recognizespaces 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 ahorizontal "rule"line which is a line break. It is used wherever you'd like to seea line across the page. <BR> and<HR> do not need a closing </BR> or </HR> tag. The <P> tag doesn't requirea closing </P> tag , it ends whenever the next tag begins.

Any text between the <H1> and </H1> tags will appear as a large heading. 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 atitleand a heading. In HTML, <TITLE> gives the entire page an identifying namewhich is not displayed on the page. The heading tags, cause some text on the page to be displayed.

Now check how your HTML tags will work- Paragraph tag Texts in different header Horizontal line break

Aligning text to Center of the page Center tag Text will be displayed at the center of the page Rest page is same.

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

YL basic tag

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (20)

Semelhante a YL basic tag

Semelhante a YL basic tag (20)

Último

Último (20)

YL basic tag