<ul><li>Whatis HTML?
HTML is a languagefordescribing web pages.
HTML stands forHyperTextMarkupLanguage
HTML isnot a programminglanguage, itis a markuplanguage
A markuplanguageis a set of markuptags
HTML uses markuptagsto describe web pages</li></li></ul><li><ul><li>HTML Tags
HTML markuptags are usuallycalled HTML tags
HTML tags are keywordssurroundedbyanglebracketslike <html>
HTML tagsnormallycome in pairslike <b> and </b>
Upcoming SlideShare
Loading in …5
×

Html guide

440 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
440
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html guide

  1. 1. <ul><li>Whatis HTML?
  2. 2. HTML is a languagefordescribing web pages.
  3. 3. HTML stands forHyperTextMarkupLanguage
  4. 4. HTML isnot a programminglanguage, itis a markuplanguage
  5. 5. A markuplanguageis a set of markuptags
  6. 6. HTML uses markuptagsto describe web pages</li></li></ul><li><ul><li>HTML Tags
  7. 7. HTML markuptags are usuallycalled HTML tags
  8. 8. HTML tags are keywordssurroundedbyanglebracketslike <html>
  9. 9. HTML tagsnormallycome in pairslike <b> and </b>
  10. 10. Thefirsttag in a pairisthestarttag,thesecondtagistheendtag
  11. 11. Start and endtags are alsocalledopeningtags and closingtags</li></li></ul><li>HTML Documents = Web Pages<br />HTML documents describe web pages<br />HTML documentscontain HTML tags and plaintext<br />HTML documents are alsocalled web pages<br />Thepurpose of a web browser (like Internet Explorer orFirefox) istoread HTML documents and displaythem as web pages. The browser doesnotdisplaythe HTML tags, but uses thetagstointerpretthecontent of the page:<br />
  12. 12. Example Explained<br />The text between <html> and </html> describes the web page <br />The text between <body> and </body> is the visible page content <br />The text between <h1> and </h1> is displayed as a heading <br />The text between <p> and </p> is displayed as a paragraph <br />
  13. 13. Webpage1.html<br /><html><body><h1>My First Heading</h1><p>My first paragraph</p></body></html><br />
  14. 14. HTM or HTML Extension?<br />When you save an HTML file, you can use either the .htm or the .html extension. We use .htm in our examples. It is a habit from the past, when the software only allowed three letters in file extensions.<br />With new software it is perfectly safe to use .html.<br />
  15. 15. <html> <br /><head> <br /><title> Miss Dileysi´s Web Page </title><br /><BODY BGCOLOR="#FF00FF" TEXT= "purple"><br /><FONT FACE="Comic Sans MS"><br /></head><br /><body> <br /><marquee>Thiswordswillstartmoving</marquee><br /><h1>Animportantheading</h1><br /><h2>A slightlylessimportantheading</h2><br /><p>Thisisthefirstparagraph.</p> <br /><imgsrc="flower.jpg" height="50" width="100"><br />Thisis a link to <a href="http://www.w3.org/">W3C</a><br />
  16. 16. <P>There are two types of lists that you can make in HTML, dotted, and numbered. To make a dotted list of: red, orange, green, blue, purple, black, and brown, type: </P><br /><UL><br /><LI> red<br /><LI> orange<br /><LI> green<br /><LI> blue<br /><LI> purple<br /><LI> black<br /><LI> brown<br /></UL><br />
  17. 17. <P>To make a numbered list of: red, orange, green, blue, purple, black, and brown, type: </P><br /><OL><br /><LI> red<br /><LI> orange<br /><LI> green<br /><LI> blue<br /><LI> purple<br /><LI> black<br /><LI> brown<br /></OL><br /></body> <br /></html> <br />

×