Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Basic Setup
- 1. <DOCTYPE html>
- 2. <html>
- 3. <head>
- 4. <title> xxx </title> (Won't be seen on pages)
- 5. </head>
- 6.
- 7. <body> (will be seen on pages)
- 8. <p> xxx </p> (Can have multiple paragraphs, images, links, etc.)
- 9. </body>
- 10.
- 11. </html>
- Body Headers
- 7. <body>
- 8. <h#><p> xxx </p></h#> (#1-6, 1 largest, 6 smallest)
- 9. </body>
- Images
- 7. <body>
- 8. <img src="url" /> (self-closes)
- 9. </body>
- Links
- 7. <body>
- 8. <a href="url"> (everything after this is a link until closing)
- 9. <p> xxx </p> OR <img src-"url" />
- 10. </a> (closes link)
- 11. </body>
- Styling
- 7. <body>
- 8. <__ style="A-E"> xxx </__> (Blanks are what are being formatted. p, h#, span, td, th, etc)
- 9. </body>
- A) Text Size: font-size: __px (Blank is pixels for font size)
- B) Color: color:____ (Blank is color name)
- C) Font-Family: font-family:___ (Blank is font family, see font family page)
- D) Background color: background-color:___ (Blank is color)
- E) Alignment: text-align:___ (Blank is direction: left, right, center)
- CSS Notes (Will be seen on coding, not on page)
- <!-- xxx -->
- Lists
- Ordered (Numbered)
- 7. <body>
- 8. <ol>
- 9. <li> xxx </li> (Can have multiple lines, each wrapped in <li></li>)
- 10. </ol>
- 11. </body>
- Unordered (Bulleted)
- 7. <body>
- 8. <ul>
- 9. <li> xxx </li> (Can have multiple lines, each wrapped in <li></li>)
- 10. </ul>
- 11. </body>
- Other
- Bolding
- 7. <body>
- 8. <p> <strong> xxx </strong> </p> (Can wrap multiple words, or single)
- 9. </body>
- Italics
- 7. <body>
- 8. <p> <em> xxx </em> </p> (Can wrap multiple words, or single)
- 9. </body>
- Tables
- 7. <body>
- 8. <thead>
- 9. <th colspan="#"> xxx </th> (# is number of columns header covers)
- 10. </thead>
- 11. <tbody>
- 12. <tr> (Each table row adds another row)
- 13. <td> xxx </td> (Each table data adds another column)
- 14. </tr>
- 15. </tbody>
- 16. </body>
- Dividing Pages
- 7. <body>
- 8. <div style="width:#px; height:#px, ___"> (Blank is style of edit: color, font, etc)
- 9. xxx
- 10. </div>
- 11. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement