HTML notes: Tags
syllabus | schedule | assignments | Web Resources | ARTC courses
[Intro]     [Tags]     [CSSStyles]     [Lists]     [Links]     [ImageTypes]     [Optimization]    [GlobalCSS]     [CSSBackgrounds]
[Tables]     [Slices]     [IR Rollovers]     [Animated GIFs]     [JS Rollovers]     [CSS Margins]     [Windows]     [Video]     [Metatags]     [Imagemaps]     [FormInput]     [FormAtttributes]    [AdvancedForms]    [WhatisJavaScript]    [Windows2]    [Windows3]    [BrowserInfo]    [StatusBar]    [Alerts]    [Randomness]    [Frames]    [iFrames]    [Frames2]   
Every HTML file must start with the <HTML> tag. This tells the browser what type of file it is so it can properly decode the scripts.

The stuff in the <body> is VISIBLE to the User. The stuff in the <head> is invisible, except for the title.

HTML is NOT case sensitive, but choose upper or lower, don't use both.

TAGS
<> angle brackets tell the browser to read the text as script tags.
<> is an opening tag. Ex: <HTML>
</> is a closing tag. Ex: </HTML>

Brackets hold the COMMAND and the ATTRIBUTES (options) for that command;
You can have many attributes in one TAG. Attributes have specific values.

Example: <hr width="200" align="left">

There are a few examples of tags that do not need a closing bracket: Horizontal Rule <hr> and LINE BREAK <BR>

Lesson 1
1) In an HTML editor, create an index.html file with a HEAD and BODY. Both require closing tags.

2) Within the HEAD tags, use the TITLE tag, also needs a closing tag. The TITLE is displayed in the bar at the top of the browser. Within the BODY tag, type: Hello, World. Save your file. To test, drag the file into a browser window.

3) Next, go back to your file in the HTML editor and place a LINE BREAK tag between "hello" and "world". Re-save and Test.

Sample template:

<HTML>
<HEAD>
<TITLE>My Title</TITLE>
</HEAD>
<BODY>
       Put stuff here.
</BODY>
</HTML>

In BBEdit, you can select File - New HTML document to make the template for you.

Headers

<Hn> where n=1 to 6;
1=BIGGEST, 6=smallest

Headers can be more than one line long and will resize with the browser window (like all text). They include a break after the closing tag without using the line break tag.

Header size 1 <H1> or Times 24 point

Header size 2 <H2> or Times 18 point

Header size 3 <H3> or Times 14 point

Header size 4 <H4> or Times 12 point

Header size 5 <H5> or Times 10 point
Header size 6 <H6> or Times 8 point

REMEMBER: Headers need closing tags.


Horizontal Rule

<HR> creates a line, which is useful for separating sections of your document.
Attribues: SIZE (thickness), WIDTH (length) and ALIGN (justification).
Size = number, Width = %, Align = left, center or right.

<HR SIZE=3 WIDTH=50% ALIGN="left">


Lesson 2

1) Within the BODY of your index file, change "hello world" into a HEADER and add a horizontal rule. Re-save and Test.