HTML basics Before you begin View source option Select file / save and edit a page on your hard drive From your browser pull up the doc you just saved You can now view the file as you edit it
Page Structure Header: <html><head> … </html></head> Title tag Meta tags CSS content Body <body></body></html> Page content
Specific HTML tags 1 Header tags <H1>BIG</H1> … <H6>small </H6> <p> new paragraph <br>new line <hr>line
Specific HTML tags 2 <A HREF=“http://timwoolleyracing.com”>Barbaro Updates</A> … anchor text “Barbaro Updates” hyperlinks to timwoolleyracing.com <A HREF=“mailto:alexbr.brown@gmail.com”>Alex Brown</A> … anchor text “Alex Brown” activates e-mail box to: alex.brown@gmail.com
Specific HTML tags 3 <img src=http://www.udel.edu/alex/alexfp1.jpg>Alex on horse</A> … anchor text “Alex on horse” hyperlinks to http://www.udel.edu/alex/alexfp.jpg <ul> <li> </ul> unnumbered list <ol> <li> </ol> numbered list Hyperlink within text: <A HREF=#keyword”>andchor text</A> … <a name=keyword>destination text</a>
Design 1 File size versus graphics Site branding Options on page versus depth of site Page length Navigation devices Prioritize key information Visitor controls information consumption
Design 2 Editorial rigor Hook Machine