1 / 21

HTML

HTML. Chapter 4. Title. <html> <h1> My Map Gallery </h1> <!--This writes “ My Map Gallery. ” --> </html>. Open File. Sub-titles. <html> <h1> My Map Gallery </h1> <h2> A collection of maps available through the web. </h2> <h3> Compiled by your name </h3> </html>. Sub-titles.

olina
Download Presentation

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. HTML Chapter 4

  2. Title <html> <h1> My Map Gallery </h1> <!--This writes “My Map Gallery.”--> </html>

  3. Open File

  4. Sub-titles <html> <h1> My Map Gallery </h1> <h2> A collection of maps available through the web. </h2> <h3> Compiled by your name </h3> </html>

  5. Sub-titles

  6. Add title for map <html> <h1> My Map Gallery </h1> <h2> A collection of maps available through the web. </h2> <h3> Produced by your name </h3> <hr> <h2> Births to Mothers under the Age of 20 in the US </h2> </html>

  7. Add link to first map <html> <h1> My Map Gallery </h1> <h2> A collection of maps found on the web. </h2> <h3> Produced by your name </h3> <hr /> <h2> Births to Mothers under the Age of 20 in the US </h2> <img src=”http://maps.unomaha.edu/OnlineMapping/Chapter3/ MapExample1.gif” width=”500” height=”389”> </html>

  8. Make map clickable <a href=”http://maps.unomaha.edu/ OnlineMapping/Chapter4/BigMap.gif”> <img src=”http://maps.unomaha.edu/ OnlineMapping/Chapter4/SmallMap.gif”> </a>

  9. Add caption <html> <h1> My Map Gallery </h1> <h2> A collection of maps found on the web. </h2> <h3> Produced by your name </h3> <hr> <h2> Map of ________ </h2> <img src=”http://maps.unomaha.edu/OnlineMapping/Chapter3/ MapExample1.gif”> <p>This map shows the distribution in the 48 United States of births to mothers under the age of 20 years old in 1982. Shadings are used to show the five categories of data. The states with the higher number of births to mothers under 20 are in the southern part of the United States.</p> <p> <hr> <p> </html>

  10. Embed <embed src=”http://maps.unomaha.edu/ OnlineMapping/Chapter3/ MapExample4.pdf” width=”500” height=”389”> img for: GIF, JPG, PNG embed for: Adobe’s PDF, Flash, and Quicktime

  11. HTML Editor Palette NVU

  12. HTML Table

  13. Defining Image Properties NVU

  14. Wix

  15. Multipage Gallery Title Page | Map1 | Map2 | Map3 | Map4 | Map5 | Map6 | Map7 | Map8 | Map9

  16. Multipage Coding <html> <h1> My Map Gallery </h1> <h2> A collection of maps found on the web. </h2> <h3> Produced by your name </h3> <a href=title.htm> Title Page </a> | <a href=map1.htm> Map1 </a> | <a href=map2.htm> Map2 </a> | <a href=map3.htm> Map3 </a> | <a href=map4.htm> Map4 </a> | <a href=map5.htm> Map5 </a> | <a href=map6.htm> Map6 </a> | <a href=map7.htm> Map7 </a> | <a href=map8.htm> Map8 </a> | <a href=map9.htm> Map9 </a> | </html>

  17. Table + Multipage <html> <h2> Title of Map #5 </h2> <table width="1000" height="597" border="1"> <tr> <td width="734" height="393"><img src=http://maps.unomaha.edu/OnlineMapping/Chapter3/ MapExample1.gif> </td> <td width="250">Caption</td> </tr> </table> <p align="center"> <a href=title.htm> Title Page </a> | <a href=map1.htm> Map1 </a> | <a href=map2.htm> Map2 </a> | <a href=map3.htm> Map3 </a> | <a href=map4.htm> Map4 </a> | <a href=map5.htm> <b>Map5 </b> </a> | <!--This makes the link bold--> <a href=map6.htm> Map6 </a> | <a href=map7.htm> Map7 </a> | <a href=map8.htm> Map8 </a> | <a href=map9.htm> Map9 </a> | </html>

  18. XHTML-Proper nesting Incorrect: <b><i>This text is bold and italic</b></i> Correct: <b><i>This text is bold and italic</i></b>

  19. XHTML-single tags with ending Incorrect: A break: <br> A horizontal rule: <hr> An image: <img src="map.gif" alt="A map"> Correct: A break: <br /> A horizontal rule: <hr /> An image: <img src="map.gif" alt="A map;" />

  20. XHTML-no caps Incorrect <BODY> <P>This is a paragraph</P> </BODY> Correct <body> <p>This is a paragraph</p> </body>

  21. XHTML: head and body Correct <html> <head> ... </head> <body> ... </body> </html>

More Related