csuci home art home blackboard
csuci web design | art 324 banner csuci
q
c
art 324 home
line
syllabus
line
course schedule
line
student websites
line
cool websites
line
web resources
line
events
line
media arts festival
line
p
spacer

 

heading

 

parts of a web page

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Div sizes diagram

  1. Inserting div tags to give our page some structure. What is a div? click below to see this as a web page.

    demo simple layout




  2. In-class Assignment: Amazee Labs web page.
  3. amazee demo

  • The <div> tag defines a division or a section in an HTML document.
  • The <div> tag is often used to group block-elements to format them with styles.

2. Adding a CSS Style in the head tag(a "class" - note the dot before the name of the class) of the html page to control the styles only on that web page. Also note that if your text is not in a paragraph (<p> tag) container then it will be written as a span class.
  • The <span> tag is used to group inline-elements in a document.
  • The <span> tag provides no visual change by itself.
  • The <span> tag provides a way to add a hook to a part of a text or a part of a document.

classes code

...or if your class is in a paragraph use:

classes in a ptag

 

  1. Adding an anchor link:

    <a href="#bottom">
    Click here to go to the very bottom of this page</a>
    <a name="bottom">this is the bottom of this page</a>

    To see this anchor link work make sure you have enough content(text or images) on the page to scroll through.

     

     

 

 
 
professor liz king