Hyper Text Markup Language

HYPERTEXT MARKUP LANGUAGEIt is the encoding scheme used to create and format a web documentHypertext - text with hyperlinksMarkup - syntactical and ordinary text

HTML ElementsThere are 2 sections of a web document :Heading Section - Title tag - Meta tag - Style tagBody Section - Body tag - Heading tag - Other format tags - Advanced HTML tags

SAMPLE HTML PROGRAM<html><head><title>A Sample Program</title></head><body>This is the first HTML program displayed in III computer science </body></html>

TITLE TAG<html><head><title>Our first web document </title></head></html>

META TAGAdditional information invisible in the browser<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><META content="text/html; charset=windows-1252" http-equiv=Content-Type> <META name=Author content=III-C.S.><META name=keywords content=definition><META name=GENERATOR content="MSHTML 8.00.6001.18828"></HEAD><BODY>HTML is the abbreviated form of Hypertext Markup Language</BODY></HTML>

STYLE TAG<html><head><title> style tag </title><style>h3 { color : green; font-size : 18pt; font-family: Times New Roman; }</style></head><body><h3>HTML is the abbreviated form of HyperText Markup Language</h3></body></html>

BODY TAG<html><head><title> body tag </title></head><body bgcolor = red text = #FFFFFF>HTML is the abbreviated form of HyperText Markup Language</body></html>

HEADING TAGS<html><head><title> Heading tags </title></head><body bgcolor = green text = #FFFFFF><h6>Computer</h6><br><h5>Computer</h5><br><h4>Computer</h4><br><h3>Computer</h3><br><h2>Computer</h2><br><h1>Computer</h1><br></body></html>

OTHER HTML TAGSSyntax:<tagname attribute=value>Element content </tagname>Paragraph tag <p> … </p>Break tag <br>Bold tag <b> … </b>Italic tag <i> … </i>Underline tag <u> … </u>Font tag (face, size, color) <font> … </font>Image tag <img>Anchor tag <a> … </a>

<html><head><title> Tags </title></head><body text = green><p align = center> College Emblem </p><center> <img src= emblem.jpeg width=100 height=100> </center> <br><font face="Arial" size=6pt color=red><b> Computer Science Department </b><p><i>III year Computer Science</i></p><u>Teaching of Computer Science</u></font></body></html>

Anchor Tag<html><head><title> Anchor Tag </title></head><body><a href = "http://www.popejohnpaulcollege.org"> Our College Website </a></body></html>

Advanced HTML Tags Unordered lists <ul> … </ul>Ordered lists <ol> … </ol>Definition lists <dl> <dt> .. </dt> <dd> .. </dd> </dl>Table tag <table> <tr> <th> .. </th> </tr> <tr> <td> .. </td> </tr> </table> Form tag <form> .. </form>Frame tag <frameset> .. </frameset>

<html><head><title> Lists </title></head><body><ul><li>Name<li>Course</ul><br><ol><li>Name<li>Course</ol><br><dl><dt> HTML: </dt><dd> It is the encoding scheme used to create and format a web document </dd></dl></body></html>

<html><head><title> Table </title></head><body><table border=2 cellspacing=10 cellpadding=10><tr><th> Roll No </th><th> Name </th></tr><tr><td> 1001 </td><td> XXX </td></tr></body></html>

Form TagReceive information from user<html><head><title> Form </title></head><body><form method = post action = "Server side program name" ><input type = text name = empname value = XXX><input type = text name = age value = 24><input type = submit></form></body></html>

Frame TagDivide web page into sections<html><head><title> Frameset </title></head><frameset rows= "64,*" ><frame src = "Top.html" name = "banner" scrolling="no" noresize><frameset cols = "150,*" ><frame src = "menu.html" name = "contents"><frame src = "home.html" name = "main"></frameset></frameset></html>

USES AND DELIVERY OF HTML Web pages creationIt is delivered by HTTP from a Web BrowserE-mailWWW makes use of HTML documents (Web Server to Web Browser using HTTP)

REFERENCESIntroduction to Web Design by E.Balagurusamyhttp://en.wikipedia.org/HTML

Hyper Text Markup Language

More Related Content

What's hot (8)

Viewers also liked (20)

Recently uploaded (7)

Hyper Text Markup Language