Pages

Wednesday, February 8, 2012

HTML Day 2, Part 2

Lists
Ordered: alphabetical or numeric, Non-Ordered: bullet list
<ol> tag to start list
<li> tag is for every item

example:
<ol>
 <li>Blue</li>
 <li>Red</li>
 <li>Green</li>
 <li>Orange</li>
</ol>

The example will look like this:



More Developed Version of Code

<html>
<head>
<title>About Me - Insert Name
</title>
</head>

<body>
<p align="center"><em> This page is an overview of my work and interests.<br /> <strong> If you have any questions, please contact me at (insert e-mail).</strong>
</p>

<h1 align="center">(insert name)</h1>
<hr width="75%" />
<p align="center">Here you will read a little about me!</p>


<h2>Ahhh, a Poem</h2>
<p>This is just a poem<br />
to convey line breaks<br />
It contains an empty element</p>

<h3>Hobbies</h3>
<p>This is where I'd enter a list of hobbies.</p>


<h4>Places I've lived</h4>
<p>I'd list the first place.<br />
I'd list the second place.<br />
Here I'd list where I'm currently living.</p>

</body>
</html>

End result in browser:



Term List
metadata
empty element
attributes and values 
pixel

Homework will include:
About Me/HTML
- 4 Basic Tags
- Headings (2)
- Lists (like bullets)
- Block quote
- Comment  
- <hr />


0 comments:

Post a Comment