Presentation is loading. Please wait.

Presentation is loading. Please wait.

 Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting.

Similar presentations


Presentation on theme: " Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting."— Presentation transcript:

1

2  Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting

3  Comments  Indentation › Nested parentheses › Multi-line  Line up start and end  Things inside belong one tab over › Single line  Start, content, end on a single line › Komodo will help

4  are special symbols with special meanings  How would you display A < B ?  Suggestions?  < for  & is an escape symbol, handled specially. Always ends with ;  Means that you need a special way to display “&” too: &  Full lists at http://www.w3schools.com/tags/ref_entities.asp http://www.w3schools.com/tags/ref_entities.asp http://www.utexas.edu/learn/html/spchar.html

5  … for citing references  for a single line across the page  … to break up your page into its logical parts generally: explain div with comment

6  Need to define two things: › The destination › Something to click on to get there  Can be text or image

7  Use full url › Link text

8  Links: always link to an anchor point › Implicit anchor point at top of page › Adding other anchor points  Insert->Named anchor point  Name = highlighted text OR chosen   To point to an anchor point on the SAME page link text

9  Other pages that are always kept with the current one › Not only the same machine, but the same folder  This is why we use folders!  Connect with the same access tag › Link text

10  Exactly the same rules for referencing › No need for internal points  Tag is  “alt” for screen readers  Sources › Your own › Publicly available  Flickr and the Creative Commons Flickr  Google and labeled for reuse Google

11  When using a SINGLE picture (not a page of photos), okay to place size in tag  Why? Typically unique  http://www.w3schools.com/tags/tag_img.asp http://www.w3schools.com/tags/tag_img.asp

12  paragraph  headers  citations  divisions  table  image  links  abbreviation  acronym  unordered list  ordered list  definition list  bold  italic  underline  break  line

13 Practice http://www.w3schools.com/html/default.asp Additional Tutorials http://www.htmlcodetutorial.com/ http://www.opensourcetutorials.com/tutorials/Cl ient-Side-Coding/HTML/basics-of- html/page1.html Cheat Sheet: Bare Bones Guide to HTML http://werbach.com/barebones/download.html


Download ppt " Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting."

Similar presentations


Ads by Google