Tag Attributes and STYLES

 Heading Attributes < H1 >

ALIGN=“LEFT”
ALIGN=“CENTER”
ALIGN=“RIGHT”
ALIGN=“JUSTIFY”

Ex.
< H1 ALIGN=“CENTER” > Center Heading< /H1 >
< H1 ALIGN=“RIGHT” > Right Aligned Heading < /H1 >

ORDERED LIST Attributes < OL >

TYPE=“A”
TYPE=“a”
TYPE=“I”
TYPE=“i”
TYPE=“1”
START=n
 
Ex.
< OL TYPE=“A” >< /OL >
< OL START=51 >< /OL >


UNORDERED LIST Attributes < UL >


TYPE=“DISC”
TYPE=“SQUARE”
TYPE=“CIRCLE”

Ex.
< UL TYPE=“SQUARE” >< /UL >
< UL TYPE=“CIRCLE” >< /UL >




PHYSICAL CHARACTER STYLES
< blink >< /blink > - makes the text blink
< B >< /B > - Applies Boldface to text
< I >< /I > - Applies Italics to Text
< TT >< /TT > - Applies a fixed width font
< U >< /U > - Applies underline to text
< SUB >< /SUB > - Formats text as subscript
< SUP >< /SUP > - Formats text as superscript
< SMALL >< /SMALL > - Makes the text smaller
< BIG >< /BIG > - Makes the text bigger
< STRIKE >< /STRIKE > - Creates a strikethrough to text
< B >< I >< /I >< /B > - Applies boldface and italics to text
< BIG >< TT >< /TT >< /BIG > - Applies fixed-width font and makes the text bigger
< SMALL >< I >< /I >< /SMALL > - Applies Italics and makes text smaller
< FONT COLOR="GRAY" >< /FONT > - Applies color to font
< DEL >< /DEL > - Creates a strikethrough to text
< INS >< /INS > - Applies underline to text


Examples:
< H1 >Physical Character Styles< /H1 >
< blink >Blinking< /blink >< br >
< B >Bold< /B >< BR >
< I >Italic< /I >< BR >
< TT >Teletype (Monospaced)< /TT >< BR >
< U >Underlined< /U >< BR >
Subscripts: f< SUB >0< /SUB > + f< SUB >1< /SUB >< BR >
Superscripts: x< SUP >2< /SUP > + y< SUP >2< /SUP >< BR >
< SMALL >Smaller< /SMALL >< BR >
< BIG >Bigger< /BIG >< BR >
< STRIKE >Strike Through< /STRIKE >< BR >
< B >< I >Bold Italic< /I >< /B >< BR >
< BIG >< TT >Big Monospaced< /TT >< /BIG >< BR >
< SMALL >< I >Small Italic< /I >< /SMALL >< BR >
< FONT COLOR="GRAY" >Gray< /FONT >< BR >
< DEL >Delete< /DEL >< BR >
< INS >Insert< /INS >< BR >


HORIZONTAL RULE Attributes

---

SIZE=n         Specifies rule height (in pixels)
WIDTH=n        Specifies rule Length (in Pixels)
WIDTH=“n%”    Specifies rule length in percentage
ALIGN=LEFT    Specifies Left Alignment
ALIGN=RIGHT    Specifies Right Alignment
ALIGN=CENTER    Specifies Center Alignment
NOSHADE        Specifies that rule has no shading


EX.

< HR WIDTH=“80%” SIZE=8 >
< HR WIDTH=“50%” >
< HR WIDTH=400 ALIGN=RIGHT >
< HR NOSHADE ALIGN=CENTER WIDTH=200 >

Ordered, Unordered and Definition List (HTML)

There are three types of lists in HTML:

Ordered Lists
These are sometimes called numbered lists, and list items that have a specific numerical order or ranking.

Unordered Lists
These are sometimes called bulleted lists, because they have small bullet icons in front of the list items. They are for lists that don't have a required order.

Definition Lists
These are lists of items that have two parts, a term to be defined and the definition.

Ordered Lists
Use the < ol > tag (the ending < /ol >
tag is required), to create a numbered list with numbers starting at 1. The elements are created with the
< li > tag



When to use ordered List:
Use ordered lists anywhere you want to show a specific order for the list items to be followed, or to rank items sequentially. These lists are most often found in instructions and recipes.




Unordered Lists
Use the < ul > tag (the ending < /ul > tag is required) to create a list with bullets instead of numbers. Just like with the ordered list, the elements are created with the < li > tag.

When to use unordered list:
Use unordered lists for any list that doesn't have to be in a specific order. This is the most common type of list found on a Web page.




Definition Lists
Definition lists create a list with two parts to each entry: the name or term to be defined and the definition. This creates lists similar to a dictionary or glossary. There are three tags associated with the definition list:

< dl > to define the list
< dt > to define the definition term
< dd > to define the definition of the term

*HTML does not require the closing tag for the < dt > or the < dd >, but it's a good idea to use them so other parts of your design aren't confused.

When to use Definition list.
Use definition lists anywhere you have a list that has two parts to each item. The most common use is with a glossary of terms.





< BR >, < P > and < HR > TAGS

< BR > tells your browser to go to the beginning of the next line. BR stands for line BReak. < BR > acts in the same way as the ENTER key on your keyboard. When you press the ENTER key, the cursor goes to the beginning of the next line. With < BR >, the browser is also told to go to the beginning of the next line. Remember that when you save an HTML document, you are saving it as TEXT ONLY which means that no codes are saved and so your browser will not know when to end a line and continue on to the next line. The  < BR > tag does this for you.

< P > for Paragraph tells your browser to insert a blank or empty line and then begin a new line (a new paragraph). < BR > tells the browser when a line has ended while
tells the browser to leave a blank line and begin a new paragraph.

< HR > puts a line across the page. HR stands for Horizontal Rule. The two lines you see below were put there with < HR > tags.

What is HTML

HTML is a language for describing web pages.
• HTML stands for Hyper Text Markup Language
• HTML is not a programming language, it is a markup language
• A markup language is a set of markup tags
• HTML uses markup tags to describe web pages
________________________________________
HTML Tags
HTML markup tags are usually called HTML tags
• HTML tags are keywords surrounded by angle brackets like < HTML >
• HTML tags normally come in pairs like < b > and < /b >
• The first tag in a pair is the start tag, the second tag is the end tag
• Start and end tags are also called opening tags and closing tags
________________________________________
HTML Documents = Web Pages
• HTML documents describe web pages
• HTML documents contain HTML tags and plain text
• HTML documents are also called web pages
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page: