Mr. Guenther’s Hello Mr. Guenther , New Paragraphs or New Line, Generates bold text, Generates...

Post on 01-Apr-2015

215 views 1 download

Tags:

Transcript of Mr. Guenther’s Hello Mr. Guenther , New Paragraphs or New Line, Generates bold text, Generates...

<html><head>

<title>Mr. Guenther’s</title></head>

<body>Hello Mr. Guenther

</body></html>

<p>, </p> New Paragraphs<br> or <br /> New Line<b>, </b> Generates bold text<strong>, </strong> Generates bold text<i>, </i> Generates italic text<center>, /center> Center Text

< > Start Tag< /> Stop Tag

<h1>, </h1> Heading 1 :<h6> </h6> Heading 6<font>, </font> Open and close a font designationExample:<i><strong><font face="arial" color="#000000" size="3"></font></i></strong>

<i> Font will be italicized<strong> Font will be bolded<font face="arial" color="#000000" size="3"> “Your Name here”Face is the name of the fontColor is a Hexadecimal number; numbers are 0 -9 and ABCDEFSize is -1, -2, -3, 1, 2, 3, 4, 5, 6, 7,+1, +2, +3, +4</font></i></strong>

< > Start Tag< /> Stop Tag

<img> Image tag

<img src="w3c_main.png" width="" height="" alt="" border="0">

src=“location of the file and its name (limited to .png, .jpg, .bmp)”width=“how wide is the picture”height=“how high is the picture”alt=“name of the picture”border=“size of the black/blue line around the picture”

table row

table row

table row

table row

table data

table data

table data

table data

Tables are •arranged in a row with all the data for that row•another row and the row’s associated data•another row and the row’s associated data•and so on…………………

It looks like this

A basic Table

<table><tr> <td></td> <td></td> <td></td> <td></td> <td></td></tr>

</table>

<table border="0" cellspacing="2" cellpadding="2" width="250" height="500" background="file:///">

<caption align="center">my table</caption><tr> <td></td> <td></td> <td></td> <td></td></tr><tr> <td></td> <td></td> <td></td> <td></td></tr>

</table>

A more complicated Table

Tables are great for presenting

data or information in a

neat and organized way!

Layer are the same as transparent

sheets of plastic with an opaque

object on the sheet!

This is the world!

This is the world!This is the world!This is the world!This is the world!

<div id="layer1" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1">

</div>

Layers

<div id="layer1“ style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1">

Everything that goes on the layer

</div>

<ul><li>Item in a list</li><li>Item in a list</li><li>Item in a list</li><li>Item in a list</li><li>Item in a list</li><li>Item in a list</li></ul>

Lists …………………