NOTES FOR DUT

Just click the link below

NOTES ON CSS

Working with Tables

Working with html tables

View more presentations from andzoid.

Basic webpage layout and design

Basic webpage layout and design

View more presentations from andzoid.

Introduction to CSS

Css intro

View more presentations from andzoid.

HTML Links Tag

Html links

View more presentations from andzoid.

Post/Display Images

Imagetag

View more presentations from andzoid.

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 >