1 / 12

MARKING UP WITH HTML

chapter 4. MARKING UP WITH HTML. A Hypertext Markup Language Primer. HTML Summary. HTML tag’s meaning, not their form give the form of Web pages, … white space is ignored Tags mostly come in pairs; use lower case. Start tag End tag Meaning

Download Presentation

MARKING UP WITH HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. chapter4 MARKING UP WITH HTML A Hypertext Markup Language Primer

  2. HTML Summary • HTML tag’s meaning, not their form give the form of Web pages, … white space is ignored • Tags mostly come in pairs; use lower case Start tag End tag Meaning <html> </html> Surround document <title> </title> Contents of title bar <head> </head> Preliminary material <body> </body> Surrounds main content <p> </p> Surrounds paragraphs <h1>… </h1>… Headings up to 8 <b> </b> Bold <i> </i> Italic <a href='fn'> </a> Anchor reference for link <img src='fn'> Image source reference <br> Break

  3. The Web page resulting from interpreting the file paradoxes.html by a browser

  4. Pathnames for Anchor and Image Tags • Two kinds of paths • Absolute: <a href='http://www.moma.org/index.htm'> • Relative: <a href='magrittebio.html'> • Path names can refer to files at • Same level, <a href='mirobio.html'> • Deeper levels, <a href='artists/20thC/mirobio.html'> • Higher levels, <a href='../../catalog.html'> Use relative paths for files on same site as the page

  5. HTML source for paradoxes.html

  6. Completed version of paradoxes.html

  7. The HTML source for the completed Web page

  8. A Web page with links as text

  9. The HTML for the Thoreau page

  10. A page with the links organized as a table

  11. The HTML for the Steinbeck page

  12. A comparison of the Thoreau and Steinbeck pages

More Related