Intro to HTML
- 1. Computer Class 7 th Grade Mrs. Forsyth April, 15, 2010
- 2. Goals Review HTML from last time Learn new tags Web Assignment due: 4/29
- 3. HTML Review Define the following: HTML head title body What does this do? HTML tags img p br CSS background-color color font-family
- 4. HTML tags - Table Table <table> … </table> Rows: <tr> … </tr> Columns: <td> … </td> Sample table code: <table> <tr> <td>Apples</td> <td>44%</td> </tr> </table>
- 5. HTML tags - Headings Tag that contains a “h” and a number to signify the size of the heading The lower the number, the larger the font Example: <h1> This is heading 1 </h1>
- 6. HTML tags - Lists An unordered list includes bullets and/or symbols for each item on the list <ul> … </ul> An ordered list uses numbers for each item <ol> … </ol> An item on a list uses the same tag, regardless of order or not <li> … </li> Unordered list <ul> <li>First item</li> </ul> First item Ordered List <ol> <li>First item</li> </ol> First item
- 7. Web Assignment: All About Me Due April 29th Create a web page that tells me about you Tell me the following information: Your early years: Where were you born, where have you lived Your favorite things: What do you like (tv, music, movies, books, etc) Hobbies What do you do (sports, music, art, etc.)
Editor's Notes
- #3: Insert a map of your country.
- #4: Insert a picture of one of the geographic features of your country.
- #5: Insert a picture illustrating a season in your country.
- #6: Insert a picture of an animal and or plant found in your country.
- #7: Insert a picture illustrating a custom or tradition here.
- #8: Add key points in the history of your country to the timeline.