Advanced Web Design CIS4930 HTML Commands (Review)
Total Page:16
File Type:pdf, Size:1020Kb
Advanced Web Design CIS4930 – HTML Commands (Review) 1/26/04
The first thing to put on your web page, is a title.
HTML isn't case sensitive
HTML has six levels of headings, numbered 1 through 6, with 1 being the largest
Hello
HelloHello
Hello Whenever you have more than a sentence of writing, you should have paragraphs.
This is a paragraph. Put whatever instructions you want here. Maybe ask them to send an e-mail with suggestions
There are two types of lists that you can make in HTML, Dotted
- Lisa
- George
- Bill
Numbered
- Lisa
- George
- Bill
Forced Line Breaks – Sentence1
Sentence2
Sentence3 This is one of the few commands that you don't have to put an ending command on
Horizontal rule, or line in your page
1 Format some of your text
, for bold
, for italic
, for underlined
, for strikeout
, for superscript
, for subscript
, for teletype
for blinking text (very annoying)
You can also mix styles together like this!
URLs - When you make a link - colored text text that you want to be colored goes here
have a link that will take you further down a page
1) To make the actual link, call it "downstream". If downstream is on the same page that the link is, you would type:
Otherwise, you would add "#downstream" to the end of the URL. 2) Now, you need to make where the link will take you. Go to downstream where you want the link to take you, and type:
Mailto Links - Prof Jodi
To display a graphic - The "ALT" attribute lets you specify text to be displayed instead of an image. For example:
Animated Graphics - In order to have animation on your web page, you need to download a program that was made to fit more that one GIF in a file.
2 Background, text, and link Color – You must have "#" sign before actual code.
for background color for color of text (all non-links) for color of unvisited links for color of visited links for color of active links (while being selected)You can also string two or more of these commands together:
Background Graphics
Instead of having a solid color as a background, you can have one graphic that repeats over and over to create a background; for a background called "bk.gif" would be:
Linking with graphics
(1) You might want to have a graphic that is a link. just mix the two commands of linking, and displaying graphics.
(2) You can also have a graphic link with text next to the graphic
Yahoo! first the plain graphic-link:
second, the graphic-link with text:
Image Maps
Before creating an image map, make sure your server supports them. First, create an image. Draw a picture with sections that could lead to certain places. Second, create an image map file. You can go to Yahoo's Image Map Directory.
3