API tools faq
paste
Advertisement
here2share

A Simple Guide To HTML - by Robert Duncan

here2share
Sep 1st, 2017
810
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.00 KB | None | 0 0
raw download clone embed print report
  1. A Simple Guide To HTML
  2. HTML Tag Reference - by Robert Duncan
  3. HTML Cheat Sheet    | Back to the Main Guide |
  4. ---
  5. Essential HTML Tags
  6.  
  7. <HTML>
  8. <HEAD>
  9. <TITLE>Web Site Title</TITLE>
  10. </HEAD>
  11. <BODY>
  12. Contents of Web Site
  13. </BODY>
  14. </HTML>
  15. ---
  16. Backgrounds and Colours     | Colour Codes |
  17. <BODY> Tag Attributes
  18. BACKGROUND="url "   Background Image
  19. BGCOLOR="#??????"   Background Colour
  20. TEXT="#??????"  Document Text Colour
  21. LINK="#??????"  Link Colour
  22. VLINK="#??????"     Visited Link Colour
  23. ALINK="#??????"     Active Link Colour
  24. BGPROPERTIES="FIXED"    Background Properties - "Fixed" to obtain a watermark type background
  25. LEFTMARGIN="?"  Side Margin Size in Pixels (Internet Explorer)
  26. TOPMARGIN="?"   Top Margin Size in Pixels (Internet Explorer)
  27. MARGINWIDTH="?"     Side Margin Size in Pixels (Netscape Navigator)
  28. MARGINHEIGHT="?"    Top and Bottom Margin Size in Pixels (Netscape Navigator)
  29. ---
  30. Text Formatting     | Top | Main Guide |
  31. <H?></H?>   Quick Header - Sizes 1 (largest) to 6 (smallest).
  32. <B></B>     Bold Text
  33. <I></I>     Italic Text
  34. <U></U>     Underline Text
  35. <CENTER></CENTER>   Centre
  36. <STRIKE></STRIKE>   Strikeout
  37. <SUB></SUB>     Subscript - Smaller text placed below normal text
  38. <SUP></SUP>     Superscript - Smaller text placed above normal text
  39. <FONT> Tag Attributes    
  40. COLOR="#??????"     Font Colour - Use Hex colour codes to replace question marks
  41. SIZE="?"    Font Size: 1 (smallest) to 7 (largest)
  42. SIZE="+/-?"     Font Size change - with respect to the text preceding it
  43. POINT-SIZE="?"  Font Point Size (Netscape Navigator)
  44. FACE="***"  Font Face (or just font) eg. Arial etc.
  45. <TT></TT>   Typewriter Text
  46. <PRE></PRE>     Preformatted Text
  47. <BLOCKQUOTE></BLOCKQUOTE>    Block Quote
  48. <EM></EM>   Emphasis - Shown in italics on most browsers
  49. <STRONG></STRONG>   Strong - Shown in bold on most browsers
  50. ---
  51. Section Divisions   | Top | Main Guide |
  52. <P></P>     Paragraph - Closing tag not usually required
  53. <BR>    Line Break - (Carriage Return)
  54. <DIV></DIV>     Division/Section - Also Alignment: ALIGN="LEFT, CENTER, RIGHT,JUSTIFY"
  55. <HR> Tag Attributes      
  56. SIZE="?"    Line Thickness in pixels
  57. WIDTH="?"   Line Width in pixels
  58. WIDTH="??%"     Line Width as a percentage
  59. COLOR="#??????"     Line Colour
  60. NOSHADE     No 3D Cut-out
  61. ALIGN="***"     Alignment: LEFT, CENTER, RIGHT
  62. <NOBR></NOBR>   No Line breaks
  63. ---
  64. Graphics and Images     | Top | Main Guide |
  65. <IMG> Tag Attributes    
  66. SRC="url."  Name and url of image
  67. ALIGN="***"     Image Alignment
  68. WIDTH="??"  Image Width (in pixels or %)
  69. HEIGHT="??"     Image Height (in pixels of %)
  70. ALT="text "     Alternate Text
  71. LOWSRC="url "   Low Res Image name and url
  72. BORDER="?"  Border Thickness in pixels
  73. VSPACE="?"  Space above and below Image (in pixels)
  74. HSPACE="?"  Space on sides of Image (in pixels)
  75. ---
  76. Linking     | Top | Main Guide |
  77. <A> Tag Attributes
  78. HREF="url "     Location of page to link to.
  79. TARGET="***"    Target for Link: _SELF, _PARENT, _BLANK, _TOP. Note: the _ (underscore) is needed!
  80. NAME="name "    Name of a specific section on the page
  81. HREF="url#name"     Link to a specific part in another Page
  82. ---
  83. Lists   | Top | Main Guide |
  84. <OL></OL>   Ordered List
  85. <LI>    Ordered List Item
  86. <OL> and <LI> Tag Attributes
  87. TYPE="?"    List Type: A, a, I, i, 1
  88. OL - START="?"  List Starting Value
  89. LI - VALUE="?"  List Item Value
  90. <UL></UL>   Un-Ordered List
  91. <LI>    Un-Ordered List Item
  92. <UL> and <LI> Tag Attributes
  93. TYPE="?"    List Type: DISC, CIRCLE, SQUARE
  94. ---
  95. Tables  | Top | Main Guide |
  96. <TABLE> - Table - Tag Attributes
  97. BORDER="?"  Border Thickness in pixels
  98. BORDERCOLOR="#??????"   Border Colour
  99. CELLPADDING="?"     Space between inside line of cell and text
  100. CELLSPACING="?"     Space between inside and outside line of 2 adjacent cell borders
  101. WIDTH="?"   Table width (pixels or %)
  102. HEIGHT="?"  Table Height (pixels or %)
  103. BACKGROUND="url "   Background Image
  104. BGCOLOR="#??????"   Background Colour
  105. TEXT="#??????"  Document Text Colour
  106. ALIGN="?"   Horizontal Alignment: LEFT, CENTER, RIGHT
  107. <TR> - Table Row - Tag Attributes
  108. ALIGN="?"   Horizontal Alignment: LEFT, CENTER, RIGHT
  109. VALIGN="?"  Vertical Alignment: TOP, MIDDLE, BOTTOM
  110. <TD> - Table Cell - Tag Attributes
  111. WIDTH="?"   Cell width (pixels or %)
  112. HEIGHT="?"  Cell height (pixels or %)
  113. BACKGROUND="url "   Background Image
  114. BGCOLOR="#??????"   Background Colour
  115. TEXT="#??????"  Document Text Colour
  116. ALIGN="?"   Horizontal Alignment: LEFT, CENTER, RIGHT
  117. VALIGN="?"  Vertical Alignment: TOP, MIDDLE, BOTTOM
  118. COLSPAN="?"     Number of columns the cell spans across
  119. ROWSPAN="?"     Number of rows a particular cell spans
  120. NOWRAP  No line breaks in that particular cell
  121. ---
  122. Frames  | Top | Main Guide |
  123. <FRAMESET> Tag Attributes
  124. ROWS="??,??,??..."  Row Sizes (Number of Rows)
  125. COLS="??,??,??..."  Column Thicknesses
  126. BORDER="?"  Border Thickness (In Pixels)
  127. FRAMEBORDER="?"     Frame Border: 1, 0 (Yes or No)
  128. FRAMESPACING="?"    Spacing Between Frames
  129. BORDERCOLOR="#??????"   Colour Of Border
  130. <FRAME> - Individual Frame - Tag Attributes
  131. SRC="url "  Location of HTML File for a frame
  132. NAME="***"  Name of frame window
  133. MARGINWIDTH="?"     Horizontal Margin Spacing of Frame (In Pixels)
  134. MARGINHEIGHT="?"    Vertical Margin Thickness of Frame (In Pixels)
  135. SCROLLING="?"   Frame Scrolling: YES, NO, AUTO
  136. NORESIZE    Declare Frame to Be a Fixed Size
  137. FRAMEBORDER="?"     Frame Border: 1, 0 (Yes or No)
  138. BORDERCOLOR="?"     Border Colour
  139. <NOFRAMES></NOFRAMES>   Unframed Content
  140. ---
  141. Forms   | Top | Main Guide |
  142. <FORM> Tag Attributes
  143. ACTION="url "   URL of Form Script
  144. METHOD="***"    Method of Form: GET, POST
  145. ENCTYPE="***"   For File Upload: ENCTYPE="multipart/form-data"
  146. <INPUT> Tag Attributes
  147. TYPE="***"  Input Field Type: TEXT, PASSWORD, CHECKBOX, RADIO, FILE, BUTTON, IMAGE, HIDDEN, SUBMIT, RESET
  148. NAME="***"  Form Field Name
  149. VALUE="***"     Value of Field
  150. SIZE="?"    Field Size
  151. MAXLENGTH="?"   Maximum Input Length of Field
  152. CHECKED     Check Checkbox or Radio Button
  153. <BUTTON> Tag Attributes
  154. TYPE="***"  Button Type: SUBMIT, RESET, BUTTON
  155. NAME="***"  Button Name
  156. VALUE="***"     Label on Button
  157. SIZE="?"    Button Size
  158. <SELECT> Tag Attributes
  159. NAME="***"  Drop Down Combo-Box Name
  160. SIZE="?"    No Of Selectable Options
  161. MULTIPLE    Allow Multiple Choice
  162. <OPTION> Tag Attributes
  163. SELECTED    Default Selected Option
  164. VALUE="***"     Option Value
  165. <TEXTAREA> Tag Attributes
  166. ROWS="?"    Number of Rows
  167. COLS="?"    Number of Columns (Characters per Row)
  168. NAME="***"  Text Area Name
  169. WRAP="***"  Word Wrapping: OFF, HARD, SOFT
  170. ---
  171. Special Characters  | Top | Main Guide |
  172. &#?;    Special Character - Replace ? with ISO Code
  173. &LT;    <
  174. &GT;    >
  175. &AMP;   &
  176. &QUOT;  "
  177. &nbsp;  A Space (non-breaking space)
  178. &COPY;  © - Copyright Symbol
  179. &REG;   ® - Registered TM
  180. ---
  181. Miscellaneous HTML Tags     | Top | Main Guide |
  182. <!-- *** -->    Comment
  183. <A HREF="mailto:name@server.com?SUBJECT=subject of email">
  184. <META> Tag Attributes
  185. NAME="***"  META Name: description, keywords, author
  186. HTTP-EQUIV="***"    HTTP Equivalent Information: title, etc.
  187. CONTENT="***"   Contents of Meta Tag
  188. <LINK> Tag Attributes
  189. REL="***"   Defines Forward Relationship
  190. REV="***"   Defines Reverse Relationship
  191. HREF="url"  Location of object or file being linked
  192. TYPE="***"  Type of Relationship object or file
  193. TITLE="***"     Name of Relationship (Not Neccessary)
  194. <BLINK></BLINK>     Blinking text
  195. DIR="?"     Text Direction Attribute for most tags (LTR, RTL)
  196. <!DOCTYPE HTML PUBLIC>  Prologue (Description of File)
  197. ---
  198. JavaScript  | Top | Main Guide |
  199. <SCRIPT> Tag Attributes
  200. LANGUAGE="***"  Script Language (eg. "JavaScript 1.1")
  201. SRC="url "  Script Source
  202. TYPE="***"  Script Type
  203. <NOSCRIPT></NOSCRIPT>   If Scripts are not supported
  204. SCRIPT  Under Construction!!
  205. ---
  206. Java Applets    | Top | Main Guide |
  207. <APPLET> Tag Attributes
  208. PARAM NAME="***"    Name of Parameter in Applet
  209. CODE="***"  Applet Code
  210. CODEBASE="url "     Applet Code Source
  211. NAME="***"  Applet Name
  212. ALT="***"   Alternate Text for Applet
  213. ALIGN="***"     Applet Alignment
  214. WIDTH="?"   Applet Window Width in pixels
  215. HEIGHT="?"  Applet Window Height (also in pixels)
  216. VSPACE="?"  Top And Bottom Margin Width
  217. HSPACE="?"  Side Margin Width
  218. APPLET  Under Construction!!
  219. ---
  220. Style Sheets    | Top | Main Guide |
  221. <STYLE> Tag Attributes
  222. TYPE="***"  Style Type (eg "text/css")
  223. LANG="***"  Language of Style
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!