Anda di halaman 1dari 5

Create External Stylesheet

h1 { color: #_ _ _ _ _ _; fontfamily:__________; font-size: __ pt; text-align: _________} -Heading h2 { color: #_ _ _ _ _ _; fontfamily:__________; font-size: __ pt; text-align: _________} -Content p { color: #_ _ _ _ _ _; fontfamily:__________; font-size: __ pt; text-align: _________} header/footer <Table .> <TR> <TD> </TR> </Table>

Insert Text

</TD>

<h >Text </h > </h1>

Put this code inside tag TD

Example : <h1> Jubilee School

Attach External Stylesheet


Save it as Style1.css or filename.css <head> <title> </title> </head> Put this code inside tag Head and below tag Title

<link rel=stylesheet type=text/css href=filename.css>

Insert Image/Picture
<Table .> <TR> <TD> </TR> </Table> </TD> Put this code inside tag TD

<img src= filename.jpg height= width= > Example : <img src=card.jpg height=20

Basis Form to create a new Webpage


<html> <head><title> </title> </head> <body> <table > </table> </body> </html> Save it as filename.html

Create a Table Form


<Table border= width= %> <TR> <TD> Home <TD> Link </TR> </Table> It display on webpage </TD> below </TD>

Home

Link

TR: Table of row; TD:Table cell delimiter(column)

Color Hexadeximal List


#66000 0 Dark Red #8E8C8 2 Gray #00000 0 Black #A52A2 A Brown #0000FF Blue #E1A76 D Light Brown #FFE4E1 Pink light #FFD70 0 Gold #00006 6 Dark Blue #84624 0 Dark Brown #B8FF05 Light Green #C0C0C 0 Silver #FF0000 Red #80008 0 Purple #55760 2 Dark Green #CD5C5 C IndianRe d

Insert Hyperlink to webpage


<Table .> <TR> <TD> </TR> </Table> </TD> Put this code inside tag TD

<a href=filename.html target=_self>image/text</a>

Example : <a href=page.html target=_self><h2>homepage</h2></

Stylesheet Atributes Description


fontfamily fontstyle textalign Arial Times New Roman italic center left right Bold

Insert Hyperlink to online website


<Table .> <TR> <TD> </TR> </Table> </TD> Put this code inside tag TD

fontweight textunderline decorati on list-style- disc type square lower alpha

<a href=http://url web target=_self>image/text</a>

Example : <a href=www.google.com target=_self><h2>google</h2></a>