Hyper Text Markup Language
•
5 gostaram•2,670 visualizações
Learn HTML - Its so easy..
Recomendados
Mais conteúdo relacionado
Mais procurados
Destaque
Destaque (20)
Último
Último (6)
Hyper Text Markup Language
- 1. WELCOME TOTHE WORLD OF HTML
- 2. HYPERTEXT MARKUP LANGUAGE It is the encoding scheme used to create and format a web document Hypertext - text with hyperlinks Markup - syntactical and ordinary text
- 5. 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>
- 7. TITLE TAG <html> <head> <title> Our first web document </title> </head> </html>
- 8. META TAG Additional 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>
- 9. 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>
- 11. 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>
- 13. 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>
- 15. OTHER HTML TAGS Syntax: <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>
- 16. <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>
- 18. Anchor Tag <html> <head> <title> Anchor Tag </title> </head> <body> <a href = "http://www.popejohnpaulcollege.org"> Our College Website </a> </body> </html>
- 20. 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>
- 21. <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>
- 23. <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>
- 25. Form Tag Receive 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>
- 27. Frame Tag Divide 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>
- 30. USES AND DELIVERY OF HTML Web pages creation It is delivered by HTTP from a Web Browser E-mail WWW makes use of HTML documents (Web Server to Web Browser using HTTP)
- 31. ANY QUERIES ?
- 32. REFERENCES Introduction to Web Design by E.Balagurusamy http://en.wikipedia.org/HTML
- 33. THANK YOU