Categories

  • No categories

Lesson 5 wk 6/9

Chapter 9

Page layout Tools:
Tables and Styles

HTML Tables
A table is a grid of cells that’s built out of rows and columns. HTML tables were used to show tables of information.
Web developers quickly discovered that invisible tables offered a perfect way to get around the limits of plain vanilla HTML,
allowing Web page creators to lay out content in a variety of new ways.

The Anatomy of an HTML Table
All you need to whip up a table is a few new tags
Example:

wraps the whole shebang. This is the starting point for every table.

Formatting Table Borders
Traditional tables have borders around each cell. You can turn on table borders using the border attribute. The border attribute specifics the width of the line that is added around each cell and around the entire table.
Example:

...

Cell Spans
HTML tables supporting spanning, a feature that allows a single cell to stretch out over several columns or rows. Spanned cells let you tweak your tables in all kinds of crazy ways.

Contextual selectors
Contextual selectors are stricter than ordinary type selectors. Whereas a type selector matches a tag, a contextual selector matches a tag inside another tag. To understand the difference, take a look at this type selector.
b {
color: red;
}

Floating Boxes
Relative positioning elements are ordered based on where they appear in the document.
Example: If you have one

followed by another
, the second
is place below the first one.

Layering
When using overlapping layers, the browser needs to know which element goes on top. This is accomplished through a simple
number called the z-index. Elements with a high z-index are placed in front of elements with a lower z-index.

Chapter 10

Frames
This feature let you show more than one Web page in the same browser window.

Frameset
The information inside your tags is the heart of your frameset page. It’s where you decide how to split the
browser window into rows or columns of specific sizes. You define the width of each column using the cols attribute or height of
each row using the rows attribute.

Targeting Frames
A small important flaw in the frameset-when you click of the navigation links, the target page of the link oopens in the frame where the link is placed.

Scrolling
Frames have one unmistakable feature the scroll bar. This is when the content of one page grows larger than the size of its
frame, scrollbars appear.

Handling Browser that don’t Support Frames
At a bare minimum, browsers that don’t support frames should still be able to read the content pages one at a time in an ordinary browser window. The easiet way to accomplish serve up these individual pages is to copy the HTML from the menu. htm file into the section.</p> <p>Better URLs for Framesets<br /> There&#8217;s no law against requesting a frameset page. You can type its URL into your browser window orlink to it in the same way<br /> you link to any page.</p> <p>Nested Framesets<br /> This is were you nest one set of frames inside another.</p> <p>Websites<br /> Colors on the web Http://colorsontheweb.com/<br /> Very interesting website to different links of color schemes. Great information on Hexadecimals which are numerical codes that<br /> are designate to use for shades of colors. This website has tremendous amount of headings and tags that links into variety of websites. </p> <p>

June 10th, 2008 | Category: Uncategorized

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA Image

Recent Posts