Class Note 4 for Internet Web Publishing I

Learning Objectives:

You will be able to identify the basic structure of an URL

You will be able to identify the basic structure of an email address


Read:  Chapters 6 & 7

Post on the Web: Movie Review and link to homework page

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.


Topics Covered:


directory Structure of root directory


CSS: Adding Style to the Web

3 ways to attach a style sheet! Internal, External, and inline Style Sheets


Syntax for Internal and External Styles:

selector {property: value}

Example: h3 {color: #FF0000} 
This changes all h3's font color to Red (#FF0000)
You can apply multiple styles at once by separating them with a ; (semi colon)

Example: h3 
   color: #FF0000;
   font-family: Arial; 

Internal Styles use the style tag inside the head section of your webpage(Change the color of the h3 text and size of the font (text) inside a p tag)

<style type="text/css">

body { background-image: url("suns.jpg"); font-family:arial;}

h3 {color: #FF0000;}

p { font-size: 150%}


External Styles are called by using the Link tag

Example: <link rel="stylesheet" type="text/css" href="file-name_of_stylesheet.css" />


Inline styles are placed inside the tag (element) as an attribute!

Example: <p style="font-family: arial; font-size:1.1em;">


The CSS Box Model:

CSS Box Method



CSS, link, internal styles, external styles, selector, property, value (Use CSS at w3schools)


HTML Valid