Html (hyper text markup language)


Published on

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Html (hyper text markup language)

  1. 1. HTML
  2. 2. What is an HTML file? HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup/HTML tags (e.g. <b></b>) The markup tags tell the Web browser how to display the page
  3. 3. What is an HTML file? An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor or HTML editors such as Dreamweaver and Frontpage
  4. 4. Example <html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html>
  5. 5. Example Explained <html> </html> >>> these are your html document’s first and last tags respectively. It indicates the start and the end of your html document.
  6. 6. Example Explained <head> </head> >>> the text between these tags is header information, and is not displayed in the browser window
  7. 7. Example Explained <title> </title> >>> the text between these tags is the title of your document and is displayed in the browser’s caption
  8. 8. Example Explained <body> </body> >>> the information between these tags will be displayed in your browser
  9. 9. Example Explained <b> </b> >>> the text between these tags will be displayed in bold font
  10. 10. What is an HTML element? This is an html element: <b>This text is bold</b> It is made up of: (1)HTML tags - <b></b> (2)Element content - This text is bold
  11. 11. What are HTML tags? • HTML tags are used to mark-up HTML elements • HTML tags are surrounded by the two characters < and > • The surrounding characters are called angle brackets • HTML tags normally come in pairs like <b> and </b>
  12. 12. What are HTML tags? • The first tag in a pair is the start tag, the second tag is the end tag • The text between the start and end tags is the element content • HTML tags are not case sensitive, <b> means the same as <B>
  13. 13. Note: If you want to prepare yourself for the next generations of HTML, you should start using lowercase tags. The World Wide Web Consortium (W3C) recommends this, and XHTML (the next generation HTML) will demand it.
  14. 14. Tag Attributes >>> provide additional information about HTML elements in your page e.g. <body bgcolor="red"></body>
  15. 15. Tag Attributes <body bgcolor="red"></body> • The bgcolor attribute allows you to specify a background color for your page. • Attributes always come in name/value pairs like this: name="value", and are always added to the start tag of an HTML element
  16. 16. Basic HTML Tags <html> defines an html document <body> defines the document’s body <h1>to<h6> defines headers 1 to 6 <p> defines a paragraph <br /> inserts a single line break <hr /> defines a horizontal rule <!-- --> defines a comment