University of Bahrain

Information Technology College

Computer Science Department

Semester 1, Year 2006/2007

ITCS 373: Practice A

HTML Basic + Frames + CSS

 

 

Instructor: Dr. Eshaa M. Alkhalifa

You are required to know all the information in the following section for any test that you take on the subject;

  • HTML Basics: Beginning HTML Tutorials

Basic text tags: italics, bold, center, etc.
Start using some basic HTML tags!
Headings, Paragraphs, Line Breaks
Using section headings and moving to the next line.
Manipulating Font Size and Color
Change your text size and color the way you want it.
Using Special Characters
Adding those nice little symbols.....
Linking to Other Pages
How to create the clickable text....
Adding Images to your Page
Put a picture on your page!
More Text Tags
Using PRE, BLINK, and more!
HTML Comments
Add comments for yourself!
Using HTML Lists
Add a list your page.
Using the BODY Tag Attributes
Change the properties of your page.

Changing the Default Text Color
Change the text color throughout the page.
Changing the Link Color
Make links different colors.
Using a Background Color
Use your own background color.
Using a Background Image
Use your own background image.
Resizing an Image
Make images the size you need them to be.
Using an Image as a link
Make your image a clickable link.

Image Alignment and Wrapping Text
Wrap text around images.....
Using Image "alt" Commands
Use text for those who cannot view images.
Linking Within a Single Page
Let viewers click to another part of the same page.
The Email Link
Let people send you mail!
The Email Link: More
More tricks for the e-mail link!
Basic HTML Tables
How to create a basic HTML table.
Tables 2: Alignment, Color, and More
Add more to your tables.
Tables 3: Tables inside Tables
Make some complicated tables...
Tables 4: The 1x1 Pixel Trick
The good, the bad, and the 1x1 pixel image.
Tables5: Problem Revisited
Fix the table spacing problem with nested tables!

 

·        HTML Frames:

Adding Frames to Your Site
Learn how to use frames for your pages!
Frames 2: Linking, Attributes, More.
More on those frames....
Invisible Frames
Make your borders disappear.....
Inline Frames
You need IE 3 or 4 for this one.....
Change 2 Frames at Once
Change multiple frames with one click!

 

·        CSS:

CSS Introduction 

CSS Selector

CSS List 

CSS Internal 

CSS External 

CSS Inline 

CSS Class 

CSS Background 

CSS Font 

CSS Text  

CSS Padding  

CSS Margin  

CSS Border

A extra reference that you can use for HTML tags is:  http://www.echoecho.com/html.htm.