Advertisement
obsydyinn

Coding

Mar 26th, 2015
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.00 KB | None | 0 0
  1. Basic Setup
  2. 1. <DOCTYPE html>
  3. 2. <html>
  4. 3. <head>
  5. 4. <title> xxx </title> (Won't be seen on pages)
  6. 5. </head>
  7. 6.
  8. 7. <body> (will be seen on pages)
  9. 8. <p> xxx </p> (Can have multiple paragraphs, images, links, etc.)
  10. 9. </body>
  11. 10.
  12. 11. </html>
  13.  
  14. Body Headers
  15. 7. <body>
  16. 8. <h#><p> xxx </p></h#> (#1-6, 1 largest, 6 smallest)
  17. 9. </body>
  18.  
  19. Images
  20. 7. <body>
  21. 8. <img src="url" /> (self-closes)
  22. 9. </body>
  23.  
  24. Links
  25. 7. <body>
  26. 8. <a href="url"> (everything after this is a link until closing)
  27. 9. <p> xxx </p> OR <img src-"url" />
  28. 10. </a> (closes link)
  29. 11. </body>
  30.  
  31. Styling
  32. 7. <body>
  33. 8. <__ style="A-E"> xxx </__> (Blanks are what are being formatted. p, h#, span, td, th, etc)
  34. 9. </body>
  35. A) Text Size: font-size: __px (Blank is pixels for font size)
  36. B) Color: color:____ (Blank is color name)
  37. C) Font-Family: font-family:___ (Blank is font family, see font family page)
  38. D) Background color: background-color:___ (Blank is color)
  39. E) Alignment: text-align:___ (Blank is direction: left, right, center)
  40.  
  41. CSS Notes (Will be seen on coding, not on page)
  42. <!-- xxx -->
  43.  
  44. Lists
  45. Ordered (Numbered)
  46. 7. <body>
  47. 8. <ol>
  48. 9. <li> xxx </li> (Can have multiple lines, each wrapped in <li></li>)
  49. 10. </ol>
  50. 11. </body>
  51. Unordered (Bulleted)
  52. 7. <body>
  53. 8. <ul>
  54. 9. <li> xxx </li> (Can have multiple lines, each wrapped in <li></li>)
  55. 10. </ul>
  56. 11. </body>
  57.  
  58. Other
  59. Bolding
  60. 7. <body>
  61. 8. <p> <strong> xxx </strong> </p> (Can wrap multiple words, or single)
  62. 9. </body>
  63. Italics
  64. 7. <body>
  65. 8. <p> <em> xxx </em> </p> (Can wrap multiple words, or single)
  66. 9. </body>
  67.  
  68. Tables
  69. 7. <body>
  70. 8. <thead>
  71. 9. <th colspan="#"> xxx </th> (# is number of columns header covers)
  72. 10. </thead>
  73. 11. <tbody>
  74. 12. <tr> (Each table row adds another row)
  75. 13. <td> xxx </td> (Each table data adds another column)
  76. 14. </tr>
  77. 15. </tbody>
  78. 16. </body>
  79.  
  80. Dividing Pages
  81. 7. <body>
  82. 8. <div style="width:#px; height:#px, ___"> (Blank is style of edit: color, font, etc)
  83. 9. xxx
  84. 10. </div>
  85. 11. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement