Style and Lists

Download Report

Transcript Style and Lists

Style and Lists
HTML - Chapters 5 and 6
Objectives



Use and distinguish between various
style sheets and properties
Create and distinguish between
different types of lists
Alter the default bullets for lists
Style Sheets
A style
 To
 style sheet 
Style Sheets


Style Sheet Types for HTML

inline styles:

embedded styles:

linked style sheets: in external file and
linked with the Web site
Using Inline Styles
<tag style=“style declarations”>
 “attribute1:value1; attribute2:value2”
Example file
Creating an Embedded Style

<style> tag between the head tags

<style>
selector {attribute1:value1; attribute2;value2;
...}
</style>
Values of the
List-Style-Type Attribute
This figure shows the possible values of the list-style-type attribute.
Style Properties




Text on page 53
Link and Anchor page 56
Color page 57
MS Training available online



Do a search for training
Introduction to cascading style sheets
From there is a link to HTML for
Beginners
Creating a Rollover Effect
This figure shows the rollover effect.
The class Attribute


DO NOT USE THE CLASS ATTRIBUTE
FOR YOUR ASSIGNMENTS!
THE EXAMPLES IN THE BOOK
SHOW HOW TO USE CLASS BUT
THAT IS NOT THE ONLY WAY TO
COMPLETE THE TASK.
Horizontal Lines



Created with the <hr> tag
Modify: color, height, width,
alignment
Specify as:


percentage of available space
# of pixels
Exercise

What will the following code
generate?
<head>
<title> Adding Style</title>
<style> h1 {color:red} </style>
</head>
<body>
<h1 style="text-decoration:underline">
Let's put a line at the top of this page </h1>
<hr>
<br>
<h1>And another one with different style attributes here </h1>
<hr style="color:aqua; height:50pt">
<br/>
<h1> And a final one of a different height, length and color</h1>
<hr style="color:green; width:50%; height:25px">
</body>
Creating Lists
List Types

ordered list

unordered list

definition list
Lists in Action

http://www.msn.com/
Homework HTML2
Create a file containing characteristics
of your current/future/desired web
page. You will use an ordered list
and a definition list. You will use
inline and embedded styles.
Specifics on my web site
Start early so you can get your
questions answered.
Homework
Networks - Long & Long, chapter 6


Consider methods to connect to the
Internet. Research the following: local
availability (company names), max &
typical connection speed, price to
connect to the Internet (initial and
monthly), transmission media (for
example twisted pair, wirelessmicrowave, wireless-radio)
Cellular modems, Internal & External
modems, DSL, cable modems,
Satellite, T1/T3
Extra Credit Opportunities



3-4 minute PowerPoint presentation
Max of 5 points
Send presentation to
[email protected] by 8am on the
third day following class (Friday for
Tuesday classes or Sunday for Thursday
classes)
Topics
Define any unfamiliar terms used in your presentations.
Use your book, other books, the Internet as sources.



Identify the reasons to create a home network.
Tell how to connect a home network. Include
hardware, software, & costs.
Define client/server and peer-to-peer networks.
Identify differences between them? Where are
they used? Distinguish client from server.
Discuss the advantages and disadvantages of
wireless networks. How are they created? What
are the types of wireless networks?