HTML The Language of the World Wide Web
HyperText Markup Language <ul><li>To make Web pages, you create files written in HyperText Markup Language (HTML) and plac...
What HTML Looks Like
Tags <ul><li>HTML uses  tags  that surround your text. </li></ul><ul><li>Tags are words or characters in angle brackets: <...
Tag Characteristics <ul><li>Tags come in pairs (at least MOST of them do) that come before and after the text they are dir...
Tags and Page Structure <ul><li>The HTML document starts and ends with <html> </html> to tell the browser the language. </...
Tags and Page Structure <ul><li>The header contains the title element, which appears in the browser frame. </li></ul><ul><...
Let’s give HTML a try! <ul><li>(End First Show) </li></ul>
Upcoming SlideShare
Loading in …5
×

HTML_Slideshow1

637 views

Published on

This is an introduction to the HTML language for high school students in a web design and development course.

Published in: Education, Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
637
On SlideShare
0
From Embeds
0
Number of Embeds
208
Actions
Shares
0
Downloads
0
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

HTML_Slideshow1

  1. 1. HTML The Language of the World Wide Web
  2. 2. HyperText Markup Language <ul><li>To make Web pages, you create files written in HyperText Markup Language (HTML) and place them on a Web server. Once on the server, any browser can retrieve your Web pages over the Internet. </li></ul>Web Server
  3. 3. What HTML Looks Like
  4. 4. Tags <ul><li>HTML uses tags that surround your text. </li></ul><ul><li>Tags are words or characters in angle brackets: <title>, <h1>, <p> </li></ul><ul><li>The tags tell the browser about the structure and meaning of your text. </li></ul><ul><ul><li><title> = make this text the page title </li></ul></ul><ul><ul><li><h1> = make this text a heading </li></ul></ul><ul><ul><li><p> = make this text a paragraph </li></ul></ul>
  5. 5. Tag Characteristics <ul><li>Tags come in pairs (at least MOST of them do) that come before and after the text they are directing. </li></ul><ul><ul><li>The first tag is the starter or opener. </li></ul></ul><ul><ul><li>The second tag is the ender or closer. This tag includes a forward slash / </li></ul></ul><ul><ul><li>Together these tags are called an element. </li></ul></ul>Starts a paragraph Ends a paragraph Starts text emphasis Ends text emphasis
  6. 6. Tags and Page Structure <ul><li>The HTML document starts and ends with <html> </html> to tell the browser the language. </li></ul><ul><li>The two main sections are the header and the body. </li></ul><ul><ul><li>The header includes information about the page </li></ul></ul><ul><ul><li>The body is what your visitors see on the page. </li></ul></ul><head> </head> <body> </body>
  7. 7. Tags and Page Structure <ul><li>The header contains the title element, which appears in the browser frame. </li></ul><ul><li>The body contains heading, paragraph, and image elements. </li></ul><head> </head> <body> </body> <title> </title> <h1> </h1> <p> </p> <img src=“image.jpg”>
  8. 8. Let’s give HTML a try! <ul><li>(End First Show) </li></ul>

×