mohamedmowafey Dec 18th, 2019 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  HTML Cheatsheet page 1 of 2
  2. Basic Tags
  3. <html> </html>
  4. Creates an HTML document
  5. <head> </head>
  6. Sets off the title & other info that isn't displayed
  7. <body> </body>
  8. Sets off the visible portion of the document
  9. <title> </title>
  10. Puts name of the document in the title bar; when
  11. bookmarking pages, this is what is bookmarked
  12. Body attributes (only used in email newsletters)
  13. <body bgcolor=?>
  14. Sets background color, using name or hex value
  15. <body text=?>
  16. Sets text color, using name or hex value
  17. <body link=?>
  18. Sets color of links, using name or hex value
  19. <body vlink=?>
  20. Sets color of visited links, using name or hex value
  21. <body alink=?>
  22. Sets color of active links (while mouse-clicking)
  23. Text Tags
  24. <pre> </pre>
  25. Creates preformatted text
  26. <h1> </h1> --> <h6> </h6>
  27. Creates headlines -- H1=largest, H6=smallest
  28. <b> </b>
  29. Creates bold text (should use <strong> instead)
  30. <i> </i>
  31. Creates italicized text (should use <em> instead)
  32. <tt> </tt>
  33. Creates typewriter-style text
  34. <code> </code>
  35. Used to define source code, usually monospace
  36. <cite> </cite>
  37. Creates a citation, usually processed in italics
  38. <address> </address>
  39. Creates address section, usually processed in italics
  40. <em> </em>
  41. Emphasizes a word (usually processed in italics)
  42. <strong> </strong>
  43. Emphasizes a word (usually processed in bold)
  44. <font size=?> </font>
  45. Sets size of font - 1 to 7 (should use CSS instead)
  46. <font color=?> </font>
  47. Sets font color (should use CSS instead)
  48. <font face=?> </font>
  49. Defines the font used (should use CSS instead)
  50. Links
  51. <a href="URL">clickable text</a>
  52. Creates a hyperlink to a Uniform Resource Locator
  53. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  54. Creates a hyperlink to an email address
  55. <a name="NAME">
  56. Creates a target location within a document
  57. <a href="#NAME">clickable text</a>
  58. Creates a link to that target location
  59. Formatting
  60. <p> </p>
  61. Creates a new paragraph
  62. <br>
  63. AInserts a line break (carriage return)
  64. <blockquote> </blockquote>
  65. Puts content in a quote - indents text from both sides
  66. <div> </div>
  67. Used to format block content with CSS
  68. <span> </span>
  69. Used to format inline content with CSS
  70. Lists
  71. <ul> </ul>
  72. Creates an unordered list
  73. <ol start=?> </ol>
  74. Creates an ordered list (start=xx,
  75. where xx is a counting number)
  76. <li> </li>
  77. Encompasses each list item
  78. <dl> </dl>
  79. Creates a definition list
  80. <dt>
  81.  Precedes eachdefintion term
  82. <dd>
  83.  Precedes eachdefintion
  84.  Graphical elements
  85. <hr>
  86. Inserts a horizontal rule
  87. <hr size=?>
  88. Sets size (height) of horizontal rule
  89. <hr width=?>
  90. Sets width of rule (as a % or absolute pixel length)
  91. <hr noshade>
  92. Creates a horizontal rule without a shadow
  93. <img src="URL" />
  94. Adds image; it is a separate file located at the URL
  95. <img src="URL" align=?>
  96. Aligns image left/right/center/bottom/top/middle (use CSS)
  97. <img src="URL" border=?>
  98. Sets size of border surrounding image (use CSS)
  99. <img src="URL" height=?>
  100. Sets height of image, in pixels
  101. <img src="URL" width=?>
  102. Sets width of image, in pixels
  103. <img src="URL" alt=?>
  104. Sets the alternate text for browsers that can't
  105. process images (required by the ADA)
  106.  HTML Cheatsheet page 2 of 2
  107. Forms
  108. <form> </form>
  109. Defines a form
  110. <select multiple name=? size=?> </select>
  111. Creates a scrolling menu. Size sets the number of
  112. menu items visible before user needs to scroll.
  113. <select name=?> </select>
  114. Creates a pulldown menu
  115. <option>
  116. Sets off each menu item
  117. <textarea name=? cols="x" rows="y"></textarea>
  118. Creates a text box area. Columns set the width;
  119. rows set the height.
  120. <input type="checkbox" name=? value=?>
  121. Creates a checkbox.
  122. <input type="checkbox" name=? value=? checked>
  123. Creates a checkbox which is pre-checked.
  124. <input type="radio" name=? value=?>
  125. Creates a radio button.
  126. <input type="radio" name=? value=? checked>
  127. Creates a radio button which is pre-checked.
  128. <input type="text" name=? size=?>
  129. Creates a one-line text area. Size sets length, in
  130. characters.
  131. <input type="submit" value=?>
  132. Creates a submit button. Value sets the text in the
  133. submit button.
  134. <input type="image" name=? src=? border=? alt=?>
  135. Creates a submit button using an image.
  136. <input type="reset">
  137. Creates a reset button
  138. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  139. <table> </table>
  140. Creates a table
  141. <tr> </tr>
  142. Sets off each row in a table
  143. <td> </td>
  144. Sets off each cell in a row
  145. <th> </th>
  146. Sets off the table header (a normal cell with bold,
  147. centered text)
  148. <table border=?>
  149. Sets the width of the border around table cells
  150. <table cellspacing=?>
  151. Sets amount of space between table cells
  152. <table cellpadding=?>
  153. Sets amount of space between a cell's border and
  154. its contents
  155. <table width=?>
  156. Sets width of the table
  157. Sets vertical alignment for cells within the row
  158. (top/middle/bottom)
  159. <td valign=?>
  160. Sets vertical alignment for cell (top/middle/bottom)
  161. <td rowspan=?>
  162. Sets number of rows a cell should span (default=1)
  163. <td colspan=?>
  164. Sets number of columns a cell should span
  165. <td nowrap>
  166. Prevents lines within a cell from being broken to fit
  167. HTML5 input tag attributes
  168. (not all browsers support; visit
  169.  for details)
  170. <input type="email" name=?>
  171.  Sets a single-line textbox for email addresses
  172. <input type="url" name=?>
  173.  Sets a single-line textbox for URLs
  174. <input type="number" name=?>
  175.  Sets a single-line textbox for a number
  176. <input type="range" name=?>
  177.  Sets a single-line text box for a range of numbers
  178. <input type="date/month/week/time" name=?>
  179.  Sets a single-line text box with a calendar
  180.  showing the date/month/week/time
  181. <input type="search" name=?>
  182.  Sets a single-line text box for searching
  183. <input type="color" name=?>
  184.  Sets a single-line text box for picking a color
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand