Download presentation
Presentation is loading. Please wait.
1
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
2
Page Structure Header: <html><head> … </html></head> Title tag Meta tags CSS content Body <body></body></html> Page content
3
Specific HTML tags 1 Header tags <H1>BIG</H1> … <H6>small </H6> <p> new paragraph <br>new line <hr>line
4
Specific HTML tags 2 <A HREF=“ Updates</A> … anchor text “Barbaro Updates” hyperlinks to timwoolleyracing.com <A Brown</A> … anchor text “Alex Brown” activates box to:
5
Specific HTML tags 3 <img src= on horse</A> … anchor text “Alex on horse” hyperlinks to <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>
6
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
7
Design 2 Editorial rigor Hook Machine
Similar presentations
![>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.](/24/7400148/big_thumb.jpg ">> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.>")
