Class 3<br />
Overview of Homework<br />
Special Characters and etc.<br />ResuméResum&eacute;<br />Copyright ©		Copyright&copy;<br /><Brackets>		&lt;Brackets&gt;<b...
Stand alone Tags<br /><hr/><br />Creates a line<br /><br/><br />Single Spaces text<br />
Comments<br /><!--Comment Markup --><br />
Font<br />
Font-Family<br />Font-family should have several font names as “fallback”. If the browser does not support the first font,...
Formatting Headings<br />Gives structure to the website<br />Search engines guess the site structure using headings<br />L...
Links<br />Absolute Link<br />Stand alone link<br />Full web address<br /><a href=“http://www.wordpress.com”></a><br />Rel...
Relative Links<br />index.html<br />recipe.html<br />band.html<br />Here’s my Favorite <a href=“band.html”>Band.</a>  <br ...
Relative Links<br />gorillaz.html<br />index.html<br />bands<br />recipe.html<br />bowie.html<br />bands/gorillaz.html<br ...
Inserting an Image<br /><imgsrc=“image location” alt=“image description”/><br />index.html<br />1<br /><imgsrc=“images/stu...
In Class Assignment<br />In-Class Assignment:<br />Create an index.html file <br />Include an image.<br />Create a link to...
Upcoming SlideShare
Loading in...5
×

Class 3

530

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
530
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Class 3

  1. 1. Class 3<br />
  2. 2. Overview of Homework<br />
  3. 3. Special Characters and etc.<br />ResuméResum&eacute;<br />Copyright © Copyright&copy;<br /><Brackets> &lt;Brackets&gt;<br />Ampersand&Ampersand&amp;<br /><p><small>Copyright &copy; 2010 Your name. All Rights Reserved.</small></p><br />
  4. 4. Stand alone Tags<br /><hr/><br />Creates a line<br /><br/><br />Single Spaces text<br />
  5. 5. Comments<br /><!--Comment Markup --><br />
  6. 6. Font<br />
  7. 7. Font-Family<br />Font-family should have several font names as “fallback”. If the browser does not support the first font, it tries the next font.<br />Start with the font you want and end with a generic family to let the browser pick a similar font in the generic family, if no other fonts are available.<br /><p style=“font-family: verdana, helvetica, sans-serif”><br />Display the paragraph text in Verdana.If Verdana is not available, use Helvetica…if all fails, use the default sans-serif font.<br />
  8. 8. Formatting Headings<br />Gives structure to the website<br />Search engines guess the site structure using headings<br />Let’s format heading text<br />
  9. 9. Links<br />Absolute Link<br />Stand alone link<br />Full web address<br /><a href=“http://www.wordpress.com”></a><br />Relative Link<br />Relative to the document location<br /><a href=“band.html”><br /><a href=“band/gorillaz.html”><br />
  10. 10. Relative Links<br />index.html<br />recipe.html<br />band.html<br />Here’s my Favorite <a href=“band.html”>Band.</a> <br />Here’s my Favorite <a href=“recipe.html”>Recipe.</a> <br />
  11. 11. Relative Links<br />gorillaz.html<br />index.html<br />bands<br />recipe.html<br />bowie.html<br />bands/gorillaz.html<br />Here’s my Favorite Band <a href=“ ”>Gorillaz.</a> <br />
  12. 12. Inserting an Image<br /><imgsrc=“image location” alt=“image description”/><br />index.html<br />1<br /><imgsrc=“images/stuart.jpg” alt=“stuart”/><br /><imgsrc=“images/murdoc.jpg” alt=“murdoc”/><br />2<br />1<br />images<br />2<br />stuart.jpg<br />murdoc.jpg<br />
  13. 13. In Class Assignment<br />In-Class Assignment:<br />Create an index.html file <br />Include an image.<br />Create a link to your assignment 2 html document (band.html or recipe.html)<br />Insert a Copyright Special Character indicating the author and the year.<br /><p><small>Copyright &copy; 2010 Your name. All Rights Reserved.</small></p><br />

×