Mr. Guenther’s Hello Mr. Guenther , New Paragraphs or New Line, Generates bold text, Generates...
20
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 …………………
