yl html intro1

10
HTML Demo …By YuvaLakshya Team All rights reserved

Upload: dilom1986

Post on 22-Nov-2014

341 views

Category:

Education


2 download

DESCRIPTION

YL html intro1

TRANSCRIPT

Page 1: YL html intro1

HTML Demo

…By YuvaLakshya Team

All rights reserved

Page 2: YL html intro1

Click on Start

Go to Run and type notepad

Click on OK

Learn to create simple HTML page-

Page 3: YL html intro1

In every HTML page, the words starting with < and ending with > are actually coded commands

These coded commands are called HTML tags

This allows the Web browser to display the text appropriately.

An HTML tag is a coded command used to indicate how part of a Web page should be displayed.

Every Web page you create must include the <HTML>, <HEAD>, <TITLE>, and <BODY> tags

Page 4: YL html intro1

Most HTML tags have two parts: an opening tag, to indicate where a piece of text begins, and a closing tag , to show where the piece of text ends.

HTML tag

HEAD tag

TITLE tag

opening tag

Page 5: YL html intro1

Closing tags start with a “ / “ (forward slash) just after the < symbol.

Closing BODY & HTML tags

respectively.

closing tag

Page 6: YL html intro1

Title of the page

body of the page

Closing BODY & HTML tags

Page 7: YL html intro1

Go to File MenuAnd click on

Save As

Always save file with “ .html “

extension

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

Page 8: YL html intro1

Now have a look at content of your first webpage

Page 9: YL html intro1

Go to saved file

Right click on it and Open with

Internet Explorer

Page 10: YL html intro1

Contents in your

TITLE tag

Contents in your

BODY tag

Your page will look as below----