mohamedmowafey

LOVE

Dec 18th, 2019
150
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  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=?>is what is bookmarked
  18. Body attributes (only used in email newsletters)
  19. <body bgcolor=?>
  20. Sets background color, using name or hex value
  21. <body text=?>
  22. Sets text color, using name or hex value
  23. <body link=?>
  24. Sets color of links, using name or hex value
  25. <body vlink=?>
  26. Sets color of visited links, using name or hex value
  27. <body alink=?>
  28. Sets color of active links (while mouse-clicking)
  29. Text Tags
  30. <pre> </pre>
  31. Creates preformatted text
  32. <h1> </h1> --> <h6> </h6>
  33. Creates headlines -- H1=largest, H6=smallest
  34. <b> </b>
  35. Creates bold text (should use <strong> instead)
  36. <i> </i>
  37. Creates italicized text (should use <em> instead)
  38. <tt> </tt>
  39. Creates typewriter-style text
  40. <code> </code>
  41. Used to define source code, usually monospace
  42. <cite> </cite>
  43. Creates a citation, usually processed in italics
  44. <address> </address>
  45. Creates address section, usually processed in italics
  46. <em> </em>
  47. Emphasizes a word (usually processed in italics)
  48. <strong> </strong>
  49. Emphasizes a word (usually processed in bold)
  50. <font size=?> </font>
  51. Sets size of font - 1 to 7 (should use CSS instead)
  52. <font color=?> </font>
  53. Sets font color (should use CSS instead)
  54. <font face=?> </font>
  55. Defines the font used (should use CSS instead)
  56. Links
  57. <a href="URL">clickable text</a>
  58. Creates a hyperlink to a Uniform Resource Locator
  59. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  60. Creates a hyperlink to an email address
  61. <a name="NAME">
  62. Creates a target location within a document
  63. <a href="#NAME">clickable text</a>
  64. Creates a link to that target location
  65. Formatting
  66. <p> </p>
  67. Creates a new paragraph
  68. <br>
  69. AInserts a line break (carriage return)
  70. <blockquote> </blockquote>
  71. Puts content in a quote - indents text from both sides
  72. <div> </div>
  73. Used to format block content with CSS
  74. <span> </span>
  75. Used to format inline content with CSS
  76. Lists
  77. <ul> </ul>
  78. Creates an unordered list
  79. <ol start=?> </ol>
  80. Creates an ordered list (start=xx,
  81. where xx is a counting number)
  82. <li> </li>
  83. Encompasses each list item
  84. <dl> </dl>
  85. Creates a definition list
  86. <dt>
  87. Precedes eachdefintion term
  88. <dd>
  89. Precedes eachdefintion
  90. Graphical elements
  91. <hr>
  92. Inserts a horizontal rule
  93. <hr size=?>
  94. Sets size (height) of horizontal rule
  95. <hr width=?>
  96. Sets width of rule (as a % or absolute pixel length)
  97. <hr noshade>
  98. Creates a horizontal rule without a shadow
  99. <img src="URL" />
  100. Adds image; it is a separate file located at the URL
  101. <img src="URL" align=?>
  102. Aligns image left/right/center/bottom/top/middle (use CSS)
  103. <img src="URL" border=?>
  104. Sets size of border surrounding image (use CSS)
  105. <img src="URL" height=?>
  106. Sets height of image, in pixels
  107. <img src="URL" width=?>
  108. Sets width of image, in pixels
  109. <img src="URL" alt=?>
  110. Sets the alternate text for browsers that can't
  111. process images (required by the ADA)
  112.  HTML Cheatsheet page 2 of 2
  113. Forms
  114. <form> </form>
  115. Defines a form
  116. <select multiple name=? size=?> </select>
  117. Creates a scrolling menu. Size sets the number of
  118. menu items visible before user needs to scroll.
  119. <select name=?> </select>
  120. Creates a pulldown menu
  121. <option>
  122. Sets off each menu item
  123. <textarea name=? cols="x" rows="y"></textarea>
  124. Creates a text box area. Columns set the width;
  125. rows set the height.
  126. <input type="checkbox" name=? value=?>
  127. Creates a checkbox.
  128. <input type="checkbox" name=? value=? checked>
  129. Creates a checkbox which is pre-checked.
  130. <input type="radio" name=? value=?>
  131. Creates a radio button.
  132. <input type="radio" name=? value=? checked>
  133. Creates a radio button which is pre-checked.
  134. <input type="text" name=? size=?>
  135. Creates a one-line text area. Size sets length, in
  136. characters.
  137. <input type="submit" value=?>
  138. Creates a submit button. Value sets the text in the
  139. submit button.
  140. <input type="image" name=? src=? border=? alt=?>
  141. Creates a submit button using an image.
  142. <input type="reset">
  143. Creates a reset button
  144. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  145. <table> </table>
  146. Creates a table
  147. <tr> </tr>
  148. Sets off each row in a table
  149. <td> </td>
  150. Sets off each cell in a row
  151. <th> </th>
  152. Sets off the table header (a normal cell with bold,
  153. centered text)
  154. <table border=?>
  155. Sets the width of the border around table cells
  156. <table cellspacing=?>
  157. Sets amount of space between table cells
  158. <table cellpadding=?>
  159. Sets amount of space between a cell's border and
  160. its contents
  161. <table width=?>
  162. Sets width of the table in pixels or as a percentage
  163. <tr align=?>
  164. Sets alignment for cells within the row
  165. (left/center/right)
  166. <td align=?>
  167. Sets alignment for cells (left/center/right)
  168. <tr valign=?>
  169. Sets vertical alignment for cells within the row
  170. (top/middle/bottom)
  171. <td valign=?>
  172. Sets vertical alignment for cell (top/middle/bottom)
  173. <td rowspan=?>
  174. Sets number of rows a cell should span (default=1)
  175. <td colspan=?>
  176. Sets number of columns a cell should span
  177. <td nowrap>
  178. Prevents lines within a cell from being broken to fit
  179. HTML5 input tag attributes
  180. (not all browsers support; visit http://caniuse.com
  181. for details)
  182. <input type="email" name=?>
  183. Sets a single-line textbox for email addresses
  184. <input type="url" name=?>
  185. Sets a single-line textbox for URLs
  186. <input type="number" name=?>
  187. Sets a single-line textbox for a number
  188. <input type="range" name=?>
  189. Sets a single-line text box for a range of numbers
  190. <input type="date/month/week/time" name=?>
  191. Sets a single-line text box with a calendar
  192. showing the date/month/week/time
  193. <input type="search" name=?>
  194. Sets a single-line text box for searching
  195. <input type="color" name=?>
  196. Sets a single-line text box for picking a color
  197. Basic Tags
  198. <html> </html>
  199. Creates an HTML document
  200. <head> </head>
  201. Sets off the title & other info that isn't displayed
  202. <body> </body>
  203. Sets off the visible portion of the document
  204. <title> </title>
  205. Puts name of the document in the title bar; when
  206. bookmarking pages, this is what is bookmarked
  207. Body attributes (only used in email newsletters)
  208. <body bgcolor=?>
  209. Sets background color, using name or hex value
  210. <body text=?>
  211. Sets text color, using name or hex value
  212. <body link=?>
  213. Sets color of links, using name or hex value
  214. <body vlink=?>
  215. Sets color of visited links, using name or hex value
  216. <body alink=?>
  217. Sets color of active links (while mouse-clicking)
  218. Text Tags
  219. <pre> </pre>
  220. Creates preformatted text
  221. <h1> </h1> --> <h6> </h6>
  222. Creates headlines -- H1=largest, H6=smallest
  223. <b> </b>
  224. Creates bold text (should use <strong> instead)
  225. <i> </i>
  226. Creates italicized text (should use <em> instead)
  227. <tt> </tt>
  228. Creates typewriter-style text
  229. <code> </code>
  230. Used to define source code, usually monospace
  231. <cite> </cite>
  232. Creates a citation, usually processed in italics
  233. <address> </address>
  234. Creates address section, usually processed in italics
  235. <em> </em>
  236. Emphasizes a word (usually processed in italics)
  237. <strong> </strong>
  238. Emphasizes a word (usually processed in bold)
  239. <font size=?> </font>
  240. Sets size of font - 1 to 7 (should use CSS instead)
  241. <font color=?> </font>
  242. Sets font color (should use CSS instead)
  243. <font face=?> </font>
  244. Defines the font used (should use CSS instead)
  245. Links
  246. <a href="URL">clickable text</a>
  247. Creates a hyperlink to a Uniform Resource Locator
  248. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  249. Creates a hyperlink to an email address
  250. <a name="NAME">
  251. Creates a target location within a document
  252. <a href="#NAME">clickable text</a>
  253. Creates a link to that target location
  254. Formatting
  255. <p> </p>
  256. Creates a new paragraph
  257. <br>
  258. AInserts a line break (carriage return)
  259. <blockquote> </blockquote>
  260. Puts content in a quote - indents text from both sides
  261. <div> </div>
  262. Used to format block content with CSS
  263. <span> </span>
  264. Used to format inline content with CSS
  265. Lists
  266. <ul> </ul>
  267. Creates an unordered list
  268. <ol start=?> </ol>
  269. Creates an ordered list (start=xx,
  270. where xx is a counting number)
  271. <li> </li>
  272. Encompasses each list item
  273. <dl> </dl>
  274. Creates a definition list
  275. <dt>
  276.  Precedes eachdefintion term
  277. <dd>
  278.  Precedes eachdefintion
  279.  Graphical elements
  280. <hr>
  281. Inserts a horizontal rule
  282. <hr size=?>
  283. Sets size (height) of horizontal rule
  284. <hr width=?>
  285. Sets width of rule (as a % or absolute pixel length)
  286. <hr noshade>
  287. Creates a horizontal rule without a shadow
  288. <img src="URL" />
  289. Adds image; it is a separate file located at the URL
  290. <img src="URL" align=?>
  291. Aligns image left/right/center/bottom/top/middle (use CSS)
  292. <img src="URL" border=?>
  293. Sets size of border surrounding image (use CSS)
  294. <img src="URL" height=?>
  295. Sets height of image, in pixels
  296. <img src="URL" width=?>
  297. Sets width of image, in pixels
  298. <img src="URL" alt=?>
  299. Sets the alternate text for browsers that can't
  300. process images (required by the ADA)
  301. HTML Cheatsheet page 2 of 2
  302. Forms
  303. <form> </form>
  304. Defines a form
  305. <select multiple name=? size=?> </select>
  306. Creates a scrolling menu. Size sets the number of
  307. menu items visible before user needs to scroll.
  308. <select name=?> </select>
  309. Creates a pulldown menu
  310. <option>
  311. Sets off each menu item
  312. <textarea name=? cols="x" rows="y"></textarea>
  313. Creates a text box area. Columns set the width;
  314. rows set the height.
  315. <input type="checkbox" name=? value=?>
  316. Creates a checkbox.
  317. <input type="checkbox" name=? value=? checked>
  318. Creates a checkbox which is pre-checked.
  319. <input type="radio" name=? value=?>
  320. Creates a radio button.
  321. <input type="radio" name=? value=? checked>
  322. Creates a radio button which is pre-checked.
  323. <input type="text" name=? size=?>
  324. Creates a one-line text area. Size sets length, in
  325. characters.
  326. <input type="submit" value=?>
  327. Creates a submit button. Value sets the text in the
  328. submit button.
  329. <input type="image" name=? src=? border=? alt=?>
  330. Creates a submit button using an image.
  331. <input type="reset">
  332. Creates a reset button
  333. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  334. <table> </table>
  335. Creates a table
  336. <tr> </tr>
  337. Sets off each row in a table
  338. <td> </td>
  339. Sets off each cell in a row
  340. <th> </th>
  341. Sets off the table header (a normal cell with bold,
  342. centered text)
  343. <table border=?>
  344. Sets the width of the border around table cells
  345. <table cellspacing=?>
  346. Sets amount of space between table cells
  347. <table cellpadding=?>
  348. Sets amount of space between a cell's border and
  349. its contents
  350. <table width=?>
  351. Sets width of the table in pixels or as a percentage
  352. <tr align=?>
  353. Sets alignment for cells within the row
  354. (left/center/right)
  355. <td align=?>
  356. Sets alignment for cells (left/center/right)
  357. <tr valign=?>
  358. Sets vertical alignment for cells within the row
  359. (top/middle/bottom)
  360. <td valign=?>
  361. Sets vertical alignment for cell (top/middle/bottom)
  362. <td rowspan=?>
  363. Sets number of rows a cell should span (default=1)
  364. <td colspan=?>
  365. Sets number of columns a cell should span
  366. <td nowrap>
  367. Prevents lines within a cell from being broken to fit
  368. HTML5 input tag attributes
  369. (not all browsers support; visit http://caniuse.com
  370.  for details)
  371. <input type="email" name=?>
  372.  Sets a single-line textbox for email addresses
  373. <input type="url" name=?>
  374.  Sets a single-line textbox for URLs
  375. <input type="number" name=?>
  376.  Sets a single-line textbox for a number
  377. <input type="range" name=?>
  378.  Sets a single-line text box for a range of numbers
  379. <input type="date/month/week/time" name=?>
  380.  Sets a single-line text box with a calendar
  381.  showing the date/month/week/time
  382. <input type="search" name=?>
  383.  Sets a single-line text box for searching
  384. <input type="color" name=?>
  385.  Sets a single-line text box for picking a color
  386. Basic Tags
  387. <html> </html>
  388. Creates an HTML document
  389. <head> </head>
  390. Sets off the title & other info that isn't displayed
  391. <body> </body>
  392. Sets off the visible portion of the document
  393. <title> </title>
  394. Puts name of the document in the title bar; when
  395. bookmarking pages, this is what is bookmarked
  396. Body attributes (only used in email newsletters)
  397. <body bgcolor=?>
  398. Sets background color, using name or hex value
  399. <body text=?>
  400. Sets text color, using name or hex value
  401. <body link=?>
  402. Sets color of links, using name or hex value
  403. <body vlink=?>
  404. Sets color of visited links, using name or hex value
  405. <body alink=?>
  406. Sets color of active links (while mouse-clicking)
  407. Text Tags
  408. <pre> </pre>
  409. Creates preformatted text
  410. <h1> </h1> --> <h6> </h6>
  411. Creates headlines -- H1=largest, H6=smallest
  412. <b> </b>
  413. Creates bold text (should use <strong> instead)
  414. <i> </i>
  415. Creates italicized text (should use <em> instead)
  416. <tt> </tt>
  417. Creates typewriter-style text
  418. <code> </code>
  419. Used to define source code, usually monospace
  420. <cite> </cite>
  421. Creates a citation, usually processed in italics
  422. <address> </address>
  423. Creates address section, usually processed in italics
  424. <em> </em>
  425. Emphasizes a word (usually processed in italics)
  426. <strong> </strong>
  427. Emphasizes a word (usually processed in bold)
  428. <font size=?> </font>
  429. Sets size of font - 1 to 7 (should use CSS instead)
  430. <font color=?> </font>
  431. Sets font color (should use CSS instead)
  432. <font face=?> </font>
  433. Defines the font used (should use CSS instead)
  434. Links
  435. <a href="URL">clickable text</a>
  436. Creates a hyperlink to a Uniform Resource Locator
  437. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  438. Creates a hyperlink to an email address
  439. <a name="NAME">
  440. Creates a target location within a document
  441. <a href="#NAME">clickable text</a>
  442. Creates a link to that target location
  443. Formatting
  444. <p> </p>
  445. Creates a new paragraph
  446. <br>
  447. AInserts a line break (carriage return)
  448. <blockquote> </blockquote>
  449. Puts content in a quote - indents text from both sides
  450. <div> </div>
  451. Used to format block content with CSS
  452. <span> </span>
  453. Used to format inline content with CSS
  454. Lists
  455. <ul> </ul>
  456. Creates an unordered list
  457. <ol start=?> </ol>
  458. Creates an ordered list (start=xx,
  459. where xx is a counting number)
  460. <li> </li>
  461. Encompasses each list item
  462. <dl> </dl>
  463. Creates a definition list
  464. <dt>
  465. Precedes eachdefintion term
  466. <dd>
  467. Precedes eachdefintion
  468. Graphical elements
  469. <hr>
  470. Inserts a horizontal rule
  471. <hr size=?>
  472. Sets size (height) of horizontal rule
  473. <hr width=?>
  474. Sets width of rule (as a % or absolute pixel length)
  475. <hr noshade>
  476. Creates a horizontal rule without a shadow
  477. <img src="URL" />
  478. Adds image; it is a separate file located at the URL
  479. <img src="URL" align=?>
  480. Aligns image left/right/center/bottom/top/middle (use CSS)
  481. <img src="URL" border=?>
  482. Sets size of border surrounding image (use CSS)
  483. <img src="URL" height=?>
  484. Sets height of image, in pixels
  485. <img src="URL" width=?>
  486. Sets width of image, in pixels
  487. <img src="URL" alt=?>
  488. Sets the alternate text for browsers that can't
  489. process images (required by the ADA)
  490.  HTML Cheatsheet page 2 of 2
  491. Forms
  492. <form> </form>
  493. Defines a form
  494. <select multiple name=? size=?> </select>
  495. Creates a scrolling menu. Size sets the number of
  496. menu items visible before user needs to scroll.
  497. <select name=?> </select>
  498. Creates a pulldown menu
  499. <option>
  500. Sets off each menu item
  501. <textarea name=? cols="x" rows="y"></textarea>
  502. Creates a text box area. Columns set the width;
  503. rows set the height.
  504. <input type="checkbox" name=? value=?>
  505. Creates a checkbox.
  506. <input type="checkbox" name=? value=? checked>
  507. Creates a checkbox which is pre-checked.
  508. <input type="radio" name=? value=?>
  509. Creates a radio button.
  510. <input type="radio" name=? value=? checked>
  511. Creates a radio button which is pre-checked.
  512. <input type="text" name=? size=?>
  513. Creates a one-line text area. Size sets length, in
  514. characters.
  515. <input type="submit" value=?>
  516. Creates a submit button. Value sets the text in the
  517. submit button.
  518. <input type="image" name=? src=? border=? alt=?>
  519. Creates a submit button using an image.
  520. <input type="reset">
  521. Creates a reset button
  522. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  523. <table> </table>
  524. Creates a table
  525. <tr> </tr>
  526. Sets off each row in a table
  527. <td> </td>
  528. Sets off each cell in a row
  529. <th> </th>
  530. Sets off the table header (a normal cell with bold,
  531. centered text)
  532. <table border=?>
  533. Sets the width of the border around table cells
  534. <table cellspacing=?>
  535. Sets amount of space between table cells
  536. <table cellpadding=?>
  537. Sets amount of space between a cell's border and
  538. its contents
  539. <table width=?>
  540. Sets width of the table in pixels or as a percentage
  541. <tr align=?>
  542. Sets alignment for cells within the row
  543. (left/center/right)
  544. <td align=?>
  545. Sets alignment for cells (left/center/right)
  546. <tr valign=?>
  547. Sets vertical alignment for cells within the row
  548. (top/middle/bottom)
  549. <td valign=?>
  550. Sets vertical alignment for cell (top/middle/bottom)
  551. <td rowspan=?>
  552. Sets number of rows a cell should span (default=1)
  553. <td colspan=?>
  554. Sets number of columns a cell should span
  555. <td nowrap>
  556. Prevents lines within a cell from being broken to fit
  557. HTML5 input tag attributes
  558. (not all browsers support; visit http://caniuse.com
  559. for details)
  560. <input type="email" name=?>
  561. Sets a single-line textbox for email addresses
  562. <input type="url" name=?>
  563. Sets a single-line textbox for URLs
  564. <input type="number" name=?>
  565. Sets a single-line textbox for a number
  566. <input type="range" name=?>
  567. Sets a single-line text box for a range of numbers
  568. <input type="date/month/week/time" name=?>
  569. Sets a single-line text box with a calendar
  570. showing the date/month/week/time
  571. <input type="search" name=?>
  572. Sets a single-line text box for searching
  573. <input type="color" name=?>
  574. Sets a single-line text box for picking a color
  575. Basic Tags
  576. <html> </html>
  577. Creates an HTML document
  578. <head> </head>
  579. Sets off the title & other info that isn't displayed
  580. <body> </body>
  581. Sets off the visible portion of the document
  582. <title> </title>
  583. Puts name of the document in the title bar; when
  584. bookmarking pages, this is what is bookmarked
  585. Body attributes (only used in email newsletters)
  586. <body bgcolor=?>
  587. Sets background color, using name or hex value
  588. <body text=?>
  589. Sets text color, using name or hex value
  590. <body link=?>
  591. Sets color of links, using name or hex value
  592. <body vlink=?>
  593. Sets color of visited links, using name or hex value
  594. <body alink=?>
  595. Sets color of active links (while mouse-clicking)
  596. Text Tags
  597. <pre> </pre>
  598. Creates preformatted text
  599. <h1> </h1> --> <h6> </h6>
  600. Creates headlines -- H1=largest, H6=smallest
  601. <b> </b>
  602. Creates bold text (should use <strong> instead)
  603. <i> </i>
  604. Creates italicized text (should use <em> instead)
  605. <tt> </tt>
  606. Creates typewriter-style text
  607. <code> </code>
  608. Used to define source code, usually monospace
  609. <cite> </cite>
  610. Creates a citation, usually processed in italics
  611. <address> </address>
  612. Creates address section, usually processed in italics
  613. <em> </em>
  614. Emphasizes a word (usually processed in italics)
  615. <strong> </strong>
  616. Emphasizes a word (usually processed in bold)
  617. <font size=?> </font>
  618. Sets size of font - 1 to 7 (should use CSS instead)
  619. <font color=?> </font>
  620. Sets font color (should use CSS instead)
  621. <font face=?> </font>
  622. Defines the font used (should use CSS instead)
  623. Links
  624. <a href="URL">clickable text</a>
  625. Creates a hyperlink to a Uniform Resource Locator
  626. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  627. Creates a hyperlink to an email address
  628. <a name="NAME">
  629. Creates a target location within a document
  630. <a href="#NAME">clickable text</a>
  631. Creates a link to that target location
  632. Formatting
  633. <p> </p>
  634. Creates a new paragraph
  635. <br>
  636. AInserts a line break (carriage return)
  637. <blockquote> </blockquote>
  638. Puts content in a quote - indents text from both sides
  639. <div> </div>
  640. Used to format block content with CSS
  641. <span> </span>
  642. Used to format inline content with CSS
  643. Lists
  644. <ul> </ul>
  645. Creates an unordered list
  646. <ol start=?> </ol>
  647. Creates an ordered list (start=xx,
  648. where xx is a counting number)
  649. <li> </li>
  650. Encompasses each list item
  651. <dl> </dl>
  652. Creates a definition list
  653. <dt>
  654.  Precedes eachdefintion term
  655. <dd>
  656.  Precedes eachdefintion
  657.  Graphical elements
  658. <hr>
  659. Inserts a horizontal rule
  660. <hr size=?>
  661. Sets size (height) of horizontal rule
  662. <hr width=?>
  663. Sets width of rule (as a % or absolute pixel length)
  664. <hr noshade>
  665. Creates a horizontal rule without a shadow
  666. <img src="URL" />
  667. Adds image; it is a separate file located at the URL
  668. <img src="URL" align=?>
  669. Aligns image left/right/center/bottom/top/middle (use CSS)
  670. <img src="URL" border=?>
  671. Sets size of border surrounding image (use CSS)
  672. <img src="URL" height=?>
  673. Sets height of image, in pixels
  674. <img src="URL" width=?>
  675. Sets width of image, in pixels
  676. <img src="URL" alt=?>
  677. Sets the alternate text for browsers that can't
  678. process images (required by the ADA)
  679. HTML Cheatsheet page 2 of 2
  680. Forms
  681. <form> </form>
  682. Defines a form
  683. <select multiple name=? size=?> </select>
  684. Creates a scrolling menu. Size sets the number of
  685. menu items visible before user needs to scroll.
  686. <select name=?> </select>
  687. Creates a pulldown menu
  688. <option>
  689. Sets off each menu item
  690. <textarea name=? cols="x" rows="y"></textarea>
  691. Creates a text box area. Columns set the width;
  692. rows set the height.
  693. <input type="checkbox" name=? value=?>
  694. Creates a checkbox.
  695. <input type="checkbox" name=? value=? checked>
  696. Creates a checkbox which is pre-checked.
  697. <input type="radio" name=? value=?>
  698. Creates a radio button.
  699. <input type="radio" name=? value=? checked>
  700. Creates a radio button which is pre-checked.
  701. <input type="text" name=? size=?>
  702. Creates a one-line text area. Size sets length, in
  703. characters.
  704. <input type="submit" value=?>
  705. Creates a submit button. Value sets the text in the
  706. submit button.
  707. <input type="image" name=? src=? border=? alt=?>
  708. Creates a submit button using an image.
  709. <input type="reset">
  710. Creates a reset button
  711. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  712. <table> </table>
  713. Creates a table
  714. <tr> </tr>
  715. Sets off each row in a table
  716. <td> </td>
  717. Sets off each cell in a row
  718. <th> </th>
  719. Sets off the table header (a normal cell with bold,
  720. centered text)
  721. <table border=?>
  722. Sets the width of the border around table cells
  723. <table cellspacing=?>
  724. Sets amount of space between table cells
  725. <table cellpadding=?>
  726. Sets amount of space between a cell's border and
  727. its contents
  728. <table width=?>
  729. Sets width of the table in pixels or as a percentage
  730. <tr align=?>
  731. Sets alignment for cells within the row
  732. (left/center/right)
  733. <td align=?>
  734. Sets alignment for cells (left/center/right)
  735. <tr valign=?>
  736. Sets vertical alignment for cells within the row
  737. (top/middle/bottom)
  738. <td valign=?>
  739. Sets vertical alignment for cell (top/middle/bottom)
  740. <td rowspan=?>
  741. Sets number of rows a cell should span (default=1)
  742. <td colspan=?>
  743. Sets number of columns a cell should span
  744. <td nowrap>
  745. Prevents lines within a cell from being broken to fit
  746. HTML5 input tag attributes
  747. (not all browsers support; visit http://caniuse.com
  748.  for details)
  749. <input type="email" name=?>
  750.  Sets a single-line textbox for email addresses
  751. <input type="url" name=?>
  752.  Sets a single-line textbox for URLs
  753. <input type="number" name=?>
  754.  Sets a single-line textbox for a number
  755. <input type="range" name=?>
  756.  Sets a single-line text box for a range of numbers
  757. <input type="date/month/week/time" name=?>
  758.  Sets a single-line text box with a calendar
  759.  showing the date/month/week/time
  760. <input type="search" name=?>
  761.  Sets a single-line text box for searching
  762. <input type="color" name=?>
  763.  Sets a single-line text box for picking a color
  764. Basic Tags
  765. <html> </html>
  766. Creates an HTML document
  767. <head> </head>
  768. Sets off the title & other info that isn't displayed
  769. <body> </body>
  770. Sets off the visible portion of the document
  771. <title> </title>
  772. Puts name of the document in the title bar; when
  773. bookmarking pages, this is what is bookmarked
  774. Body attributes (only used in email newsletters)
  775. <body bgcolor=?>
  776. Sets background color, using name or hex value
  777. <body text=?>
  778. Sets text color, using name or hex value
  779. <body link=?>
  780. Sets color of links, using name or hex value
  781. <body vlink=?>
  782. Sets color of visited links, using name or hex value
  783. <body alink=?>
  784. Sets color of active links (while mouse-clicking)
  785. Text Tags
  786. <pre> </pre>
  787. Creates preformatted text
  788. <h1> </h1> --> <h6> </h6>
  789. Creates headlines -- H1=largest, H6=smallest
  790. <b> </b>
  791. Creates bold text (should use <strong> instead)
  792. <i> </i>
  793. Creates italicized text (should use <em> instead)
  794. <tt> </tt>
  795. Creates typewriter-style text
  796. <code> </code>
  797. Used to define source code, usually monospace
  798. <cite> </cite>
  799. Creates a citation, usually processed in italics
  800. <address> </address>
  801. Creates address section, usually processed in italics
  802. <em> </em>
  803. Emphasizes a word (usually processed in italics)
  804. <strong> </strong>
  805. Emphasizes a word (usually processed in bold)
  806. <font size=?> </font>
  807. Sets size of font - 1 to 7 (should use CSS instead)
  808. <font color=?> </font>
  809. Sets font color (should use CSS instead)
  810. <font face=?> </font>
  811. Defines the font used (should use CSS instead)
  812. Links
  813. <a href="URL">clickable text</a>
  814. Creates a hyperlink to a Uniform Resource Locator
  815. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  816. Creates a hyperlink to an email address
  817. <a name="NAME">
  818. Creates a target location within a document
  819. <a href="#NAME">clickable text</a>
  820. Creates a link to that target location
  821. Formatting
  822. <p> </p>
  823. Creates a new paragraph
  824. <br>
  825. AInserts a line break (carriage return)
  826. <blockquote> </blockquote>
  827. Puts content in a quote - indents text from both sides
  828. <div> </div>
  829. Used to format block content with CSS
  830. <span> </span>
  831. Used to format inline content with CSS
  832. Lists
  833. <ul> </ul>
  834. Creates an unordered list
  835. <ol start=?> </ol>
  836. Creates an ordered list (start=xx,
  837. where xx is a counting number)
  838. <li> </li>
  839. Encompasses each list item
  840. <dl> </dl>
  841. Creates a definition list
  842. <dt>
  843. Precedes eachdefintion term
  844. <dd>
  845. Precedes eachdefintion
  846. Graphical elements
  847. <hr>
  848. Inserts a horizontal rule
  849. <hr size=?>
  850. Sets size (height) of horizontal rule
  851. <hr width=?>
  852. Sets width of rule (as a % or absolute pixel length)
  853. <hr noshade>
  854. Creates a horizontal rule without a shadow
  855. <img src="URL" />
  856. Adds image; it is a separate file located at the URL
  857. <img src="URL" align=?>
  858. Aligns image left/right/center/bottom/top/middle (use CSS)
  859. <img src="URL" border=?>
  860. Sets size of border surrounding image (use CSS)
  861. <img src="URL" height=?>
  862. Sets height of image, in pixels
  863. <img src="URL" width=?>
  864. Sets width of image, in pixels
  865. <img src="URL" alt=?>
  866. Sets the alternate text for browsers that can't
  867. process images (required by the ADA)
  868.  HTML Cheatsheet page 2 of 2
  869. Forms
  870. <form> </form>
  871. Defines a form
  872. <select multiple name=? size=?> </select>
  873. Creates a scrolling menu. Size sets the number of
  874. menu items visible before user needs to scroll.
  875. <select name=?> </select>
  876. Creates a pulldown menu
  877. <option>
  878. Sets off each menu item
  879. <textarea name=? cols="x" rows="y"></textarea>
  880. Creates a text box area. Columns set the width;
  881. rows set the height.
  882. <input type="checkbox" name=? value=?>
  883. Creates a checkbox.
  884. <input type="checkbox" name=? value=? checked>
  885. Creates a checkbox which is pre-checked.
  886. <input type="radio" name=? value=?>
  887. Creates a radio button.
  888. <input type="radio" name=? value=? checked>
  889. Creates a radio button which is pre-checked.
  890. <input type="text" name=? size=?>
  891. Creates a one-line text area. Size sets length, in
  892. characters.
  893. <input type="submit" value=?>
  894. Creates a submit button. Value sets the text in the
  895. submit button.
  896. <input type="image" name=? src=? border=? alt=?>
  897. Creates a submit button using an image.
  898. <input type="reset">
  899. Creates a reset button
  900. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  901. <table> </table>
  902. Creates a table
  903. <tr> </tr>
  904. Sets off each row in a table
  905. <td> </td>
  906. Sets off each cell in a row
  907. <th> </th>
  908. Sets off the table header (a normal cell with bold,
  909. centered text)
  910. <table border=?>
  911. Sets the width of the border around table cells
  912. <table cellspacing=?>
  913. Sets amount of space between table cells
  914. <table cellpadding=?>
  915. Sets amount of space between a cell's border and
  916. its contents
  917. <table width=?>
  918. Sets width of the table in pixels or as a percentage
  919. <tr align=?>
  920. Sets alignment for cells within the row
  921. (left/center/right)
  922. <td align=?>
  923. Sets alignment for cells (left/center/right)
  924. <tr valign=?>
  925. Sets vertical alignment for cells within the row
  926. (top/middle/bottom)
  927. <td valign=?>
  928. Sets vertical alignment for cell (top/middle/bottom)
  929. <td rowspan=?>
  930. Sets number of rows a cell should span (default=1)
  931. <td colspan=?>
  932. Sets number of columns a cell should span
  933. <td nowrap>
  934. Prevents lines within a cell from being broken to fit
  935. HTML5 input tag attributes
  936. (not all browsers support; visit http://caniuse.com
  937. for details)
  938. <input type="email" name=?>
  939. Sets a single-line textbox for email addresses
  940. <input type="url" name=?>
  941. Sets a single-line textbox for URLs
  942. <input type="number" name=?>
  943. Sets a single-line textbox for a number
  944. <input type="range" name=?>
  945. Sets a single-line text box for a range of numbers
  946. <input type="date/month/week/time" name=?>
  947. Sets a single-line text box with a calendar
  948. showing the date/month/week/time
  949. <input type="search" name=?>
  950. Sets a single-line text box for searching
  951. <input type="color" name=?>
  952. Sets a single-line text box for picking a color
  953. Basic Tags
  954. <html> </html>
  955. Creates an HTML document
  956. <head> </head>
  957. Sets off the title & other info that isn't displayed
  958. <body> </body>
  959. Sets off the visible portion of the document
  960. <title> </title>
  961. Puts name of the document in the title bar; when
  962. bookmarking pages, this is what is bookmarked
  963. Body attributes (only used in email newsletters)
  964. <body bgcolor=?>
  965. Sets background color, using name or hex value
  966. <body text=?>
  967. Sets text color, using name or hex value
  968. <body link=?>
  969. Sets color of links, using name or hex value
  970. <body vlink=?>
  971. Sets color of visited links, using name or hex value
  972. <body alink=?>
  973. Sets color of active links (while mouse-clicking)
  974. Text Tags
  975. <pre> </pre>
  976. Creates preformatted text
  977. <h1> </h1> --> <h6> </h6>
  978. Creates headlines -- H1=largest, H6=smallest
  979. <b> </b>
  980. Creates bold text (should use <strong> instead)
  981. <i> </i>
  982. Creates italicized text (should use <em> instead)
  983. <tt> </tt>
  984. Creates typewriter-style text
  985. <code> </code>
  986. Used to define source code, usually monospace
  987. <cite> </cite>
  988. Creates a citation, usually processed in italics
  989. <address> </address>
  990. Creates address section, usually processed in italics
  991. <em> </em>
  992. Emphasizes a word (usually processed in italics)
  993. <strong> </strong>
  994. Emphasizes a word (usually processed in bold)
  995. <font size=?> </font>
  996. Sets size of font - 1 to 7 (should use CSS instead)
  997. <font color=?> </font>
  998. Sets font color (should use CSS instead)
  999. <font face=?> </font>
  1000. Defines the font used (should use CSS instead)
  1001. Links
  1002. <a href="URL">clickable text</a>
  1003. Creates a hyperlink to a Uniform Resource Locator
  1004. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  1005. Creates a hyperlink to an email address
  1006. <a name="NAME">
  1007. Creates a target location within a document
  1008. <a href="#NAME">clickable text</a>
  1009. Creates a link to that target location
  1010. Formatting
  1011. <p> </p>
  1012. Creates a new paragraph
  1013. <br>
  1014. AInserts a line break (carriage return)
  1015. <blockquote> </blockquote>
  1016. Puts content in a quote - indents text from both sides
  1017. <div> </div>
  1018. Used to format block content with CSS
  1019. <span> </span>
  1020. Used to format inline content with CSS
  1021. Lists
  1022. <ul> </ul>
  1023. Creates an unordered list
  1024. <ol start=?> </ol>
  1025. Creates an ordered list (start=xx,
  1026. where xx is a counting number)
  1027. <li> </li>
  1028. Encompasses each list item
  1029. <dl> </dl>
  1030. Creates a definition list
  1031. <dt>
  1032.  Precedes eachdefintion term
  1033. <dd>
  1034.  Precedes eachdefintion
  1035.  Graphical elements
  1036. <hr>
  1037. Inserts a horizontal rule
  1038. <hr size=?>
  1039. Sets size (height) of horizontal rule
  1040. <hr width=?>
  1041. Sets width of rule (as a % or absolute pixel length)
  1042. <hr noshade>
  1043. Creates a horizontal rule without a shadow
  1044. <img src="URL" />
  1045. Adds image; it is a separate file located at the URL
  1046. <img src="URL" align=?>
  1047. Aligns image left/right/center/bottom/top/middle (use CSS)
  1048. <img src="URL" border=?>
  1049. Sets size of border surrounding image (use CSS)
  1050. <img src="URL" height=?>
  1051. Sets height of image, in pixels
  1052. <img src="URL" width=?>
  1053. Sets width of image, in pixels
  1054. <img src="URL" alt=?>
  1055. Sets the alternate text for browsers that can't
  1056. process images (required by the ADA)
  1057. HTML Cheatsheet page 2 of 2
  1058. Forms
  1059. <form> </form>
  1060. Defines a form
  1061. <select multiple name=? size=?> </select>
  1062. Creates a scrolling menu. Size sets the number of
  1063. menu items visible before user needs to scroll.
  1064. <select name=?> </select>
  1065. Creates a pulldown menu
  1066. <option>
  1067. Sets off each menu item
  1068. <textarea name=? cols="x" rows="y"></textarea>
  1069. Creates a text box area. Columns set the width;
  1070. rows set the height.
  1071. <input type="checkbox" name=? value=?>
  1072. Creates a checkbox.
  1073. <input type="checkbox" name=? value=? checked>
  1074. Creates a checkbox which is pre-checked.
  1075. <input type="radio" name=? value=?>
  1076. Creates a radio button.
  1077. <input type="radio" name=? value=? checked>
  1078. Creates a radio button which is pre-checked.
  1079. <input type="text" name=? size=?>
  1080. Creates a one-line text area. Size sets length, in
  1081. characters.
  1082. <input type="submit" value=?>
  1083. Creates a submit button. Value sets the text in the
  1084. submit button.
  1085. <input type="image" name=? src=? border=? alt=?>
  1086. Creates a submit button using an image.
  1087. <input type="reset">
  1088. Creates a reset button
  1089. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  1090. <table> </table>
  1091. Creates a table
  1092. <tr> </tr>
  1093. Sets off each row in a table
  1094. <td> </td>
  1095. Sets off each cell in a row
  1096. <th> </th>
  1097. Sets off the table header (a normal cell with bold,
  1098. centered text)
  1099. <table border=?>
  1100. Sets the width of the border around table cells
  1101. <table cellspacing=?>
  1102. Sets amount of space between table cells
  1103. <table cellpadding=?>
  1104. Sets amount of space between a cell's border and
  1105. its contents
  1106. <table width=?>
  1107. Sets width of the table in pixels or as a percentage
  1108. <tr align=?>
  1109. Sets alignment for cells within the row
  1110. (left/center/right)
  1111. <td align=?>
  1112. Sets alignment for cells (left/center/right)
  1113. <tr valign=?>
  1114. Sets vertical alignment for cells within the row
  1115. (top/middle/bottom)
  1116. <td valign=?>
  1117. Sets vertical alignment for cell (top/middle/bottom)
  1118. <td rowspan=?>
  1119. Sets number of rows a cell should span (default=1)
  1120. <td colspan=?>
  1121. Sets number of columns a cell should span
  1122. <td nowrap>
  1123. Prevents lines within a cell from being broken to fit
  1124. HTML5 input tag attributes
  1125. (not all browsers support; visit http://caniuse.com
  1126.  for details)
  1127. <input type="email" name=?>
  1128.  Sets a single-line textbox for email addresses
  1129. <input type="url" name=?>
  1130.  Sets a single-line textbox for URLs
  1131. <input type="number" name=?>
  1132.  Sets a single-line textbox for a number
  1133. <input type="range" name=?>
  1134.  Sets a single-line text box for a range of numbers
  1135. <input type="date/month/week/time" name=?>
  1136.  Sets a single-line text box with a calendar
  1137.  showing the date/month/week/time
  1138. <input type="search" name=?>
  1139.  Sets a single-line text box for searching
  1140. <input type="color" name=?>
  1141.  Sets a single-line text box for picking a color
  1142. Basic Tags
  1143. <html> </html>
  1144. Creates an HTML document
  1145. <head> </head>
  1146. Sets off the title & other info that isn't displayed
  1147. <body> </body>
  1148. Sets off the visible portion of the document
  1149. <title> </title>
  1150. Puts name of the document in the title bar; when
  1151. bookmarking pages, this is what is bookmarked
  1152. Body attributes (only used in email newsletters)
  1153. <body bgcolor=?>
  1154. Sets background color, using name or hex value
  1155. <body text=?>
  1156. Sets text color, using name or hex value
  1157. <body link=?>
  1158. Sets color of links, using name or hex value
  1159. <body vlink=?>
  1160. Sets color of visited links, using name or hex value
  1161. <body alink=?>
  1162. Sets color of active links (while mouse-clicking)
  1163. Text Tags
  1164. <pre> </pre>
  1165. Creates preformatted text
  1166. <h1> </h1> --> <h6> </h6>
  1167. Creates headlines -- H1=largest, H6=smallest
  1168. <b> </b>
  1169. Creates bold text (should use <strong> instead)
  1170. <i> </i>
  1171. Creates italicized text (should use <em> instead)
  1172. <tt> </tt>
  1173. Creates typewriter-style text
  1174. <code> </code>
  1175. Used to define source code, usually monospace
  1176. <cite> </cite>
  1177. Creates a citation, usually processed in italics
  1178. <address> </address>
  1179. Creates address section, usually processed in italics
  1180. <em> </em>
  1181. Emphasizes a word (usually processed in italics)
  1182. <strong> </strong>
  1183. Emphasizes a word (usually processed in bold)
  1184. <font size=?> </font>
  1185. Sets size of font - 1 to 7 (should use CSS instead)
  1186. <font color=?> </font>
  1187. Sets font color (should use CSS instead)
  1188. <font face=?> </font>
  1189. Defines the font used (should use CSS instead)
  1190. Links
  1191. <a href="URL">clickable text</a>
  1192. Creates a hyperlink to a Uniform Resource Locator
  1193. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  1194. Creates a hyperlink to an email address
  1195. <a name="NAME">
  1196. Creates a target location within a document
  1197. <a href="#NAME">clickable text</a>
  1198. Creates a link to that target location
  1199. Formatting
  1200. <p> </p>
  1201. Creates a new paragraph
  1202. <br>
  1203. AInserts a line break (carriage return)
  1204. <blockquote> </blockquote>
  1205. Puts content in a quote - indents text from both sides
  1206. <div> </div>
  1207. Used to format block content with CSS
  1208. <span> </span>
  1209. Used to format inline content with CSS
  1210. Lists
  1211. <ul> </ul>
  1212. Creates an unordered list
  1213. <ol start=?> </ol>
  1214. Creates an ordered list (start=xx,
  1215. where xx is a counting number)
  1216. <li> </li>
  1217. Encompasses each list item
  1218. <dl> </dl>
  1219. Creates a definition list
  1220. <dt>
  1221. Precedes eachdefintion term
  1222. <dd>
  1223. Precedes eachdefintion
  1224. Graphical elements
  1225. <hr>
  1226. Inserts a horizontal rule
  1227. <hr size=?>
  1228. Sets size (height) of horizontal rule
  1229. <hr width=?>
  1230. Sets width of rule (as a % or absolute pixel length)
  1231. <hr noshade>
  1232. Creates a horizontal rule without a shadow
  1233. <img src="URL" />
  1234. Adds image; it is a separate file located at the URL
  1235. <img src="URL" align=?>
  1236. Aligns image left/right/center/bottom/top/middle (use CSS)
  1237. <img src="URL" border=?>
  1238. Sets size of border surrounding image (use CSS)
  1239. <img src="URL" height=?>
  1240. Sets height of image, in pixels
  1241. <img src="URL" width=?>
  1242. Sets width of image, in pixels
  1243. <img src="URL" alt=?>
  1244. Sets the alternate text for browsers that can't
  1245. process images (required by the ADA)
  1246.  HTML Cheatsheet page 2 of 2
  1247. Forms
  1248. <form> </form>
  1249. Defines a form
  1250. <select multiple name=? size=?> </select>
  1251. Creates a scrolling menu. Size sets the number of
  1252. menu items visible before user needs to scroll.
  1253. <select name=?> </select>
  1254. Creates a pulldown menu
  1255. <option>
  1256. Sets off each menu item
  1257. <textarea name=? cols="x" rows="y"></textarea>
  1258. Creates a text box area. Columns set the width;
  1259. rows set the height.
  1260. <input type="checkbox" name=? value=?>
  1261. Creates a checkbox.
  1262. <input type="checkbox" name=? value=? checked>
  1263. Creates a checkbox which is pre-checked.
  1264. <input type="radio" name=? value=?>
  1265. Creates a radio button.
  1266. <input type="radio" name=? value=? checked>
  1267. Creates a radio button which is pre-checked.
  1268. <input type="text" name=? size=?>
  1269. Creates a one-line text area. Size sets length, in
  1270. characters.
  1271. <input type="submit" value=?>
  1272. Creates a submit button. Value sets the text in the
  1273. submit button.
  1274. <input type="image" name=? src=? border=? alt=?>
  1275. Creates a submit button using an image.
  1276. <input type="reset">
  1277. Creates a reset button
  1278. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  1279. <table> </table>
  1280. Creates a table
  1281. <tr> </tr>
  1282. Sets off each row in a table
  1283. <td> </td>
  1284. Sets off each cell in a row
  1285. <th> </th>
  1286. Sets off the table header (a normal cell with bold,
  1287. centered text)
  1288. <table border=?>
  1289. Sets the width of the border around table cells
  1290. <table cellspacing=?>
  1291. Sets amount of space between table cells
  1292. <table cellpadding=?>
  1293. Sets amount of space between a cell's border and
  1294. its contents
  1295. <table width=?>
  1296. Sets width of the table in pixels or as a percentage
  1297. <tr align=?>
  1298. Sets alignment for cells within the row
  1299. (left/center/right)
  1300. <td align=?>
  1301. Sets alignment for cells (left/center/right)
  1302. <tr valign=?>
  1303. Sets vertical alignment for cells within the row
  1304. (top/middle/bottom)
  1305. <td valign=?>
  1306. Sets vertical alignment for cell (top/middle/bottom)
  1307. <td rowspan=?>
  1308. Sets number of rows a cell should span (default=1)
  1309. <td colspan=?>
  1310. Sets number of columns a cell should span
  1311. <td nowrap>
  1312. Prevents lines within a cell from being broken to fit
  1313. HTML5 input tag attributes
  1314. (not all browsers support; visit http://caniuse.com
  1315. for details)
  1316. <input type="email" name=?>
  1317. Sets a single-line textbox for email addresses
  1318. <input type="url" name=?>
  1319. Sets a single-line textbox for URLs
  1320. <input type="number" name=?>
  1321. Sets a single-line textbox for a number
  1322. <input type="range" name=?>
  1323. Sets a single-line text box for a range of numbers
  1324. <input type="date/month/week/time" name=?>
  1325. Sets a single-line text box with a calendar
  1326. showing the date/month/week/time
  1327. <input type="search" name=?>
  1328. Sets a single-line text box for searching
  1329. <input type="color" name=?>
  1330. Sets a single-line text box for picking a color
  1331. Basic Tags
  1332. <html> </html>
  1333. Creates an HTML document
  1334. <head> </head>
  1335. Sets off the title & other info that isn't displayed
  1336. <body> </body>
  1337. Sets off the visible portion of the document
  1338. <title> </title>
  1339. Puts name of the document in the title bar; when
  1340. bookmarking pages, this is what is bookmarked
  1341. Body attributes (only used in email newsletters)
  1342. <body bgcolor=?>
  1343. Sets background color, using name or hex value
  1344. <body text=?>
  1345. Sets text color, using name or hex value
  1346. <body link=?>
  1347. Sets color of links, using name or hex value
  1348. <body vlink=?>
  1349. Sets color of visited links, using name or hex value
  1350. <body alink=?>
  1351. Sets color of active links (while mouse-clicking)
  1352. Text Tags
  1353. <pre> </pre>
  1354. Creates preformatted text
  1355. <h1> </h1> --> <h6> </h6>
  1356. Creates headlines -- H1=largest, H6=smallest
  1357. <b> </b>
  1358. Creates bold text (should use <strong> instead)
  1359. <i> </i>
  1360. Creates italicized text (should use <em> instead)
  1361. <tt> </tt>
  1362. Creates typewriter-style text
  1363. <code> </code>
  1364. Used to define source code, usually monospace
  1365. <cite> </cite>
  1366. Creates a citation, usually processed in italics
  1367. <address> </address>
  1368. Creates address section, usually processed in italics
  1369. <em> </em>
  1370. Emphasizes a word (usually processed in italics)
  1371. <strong> </strong>
  1372. Emphasizes a word (usually processed in bold)
  1373. <font size=?> </font>
  1374. Sets size of font - 1 to 7 (should use CSS instead)
  1375. <font color=?> </font>
  1376. Sets font color (should use CSS instead)
  1377. <font face=?> </font>
  1378. Defines the font used (should use CSS instead)
  1379. Links
  1380. <a href="URL">clickable text</a>
  1381. Creates a hyperlink to a Uniform Resource Locator
  1382. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  1383. Creates a hyperlink to an email address
  1384. <a name="NAME">
  1385. Creates a target location within a document
  1386. <a href="#NAME">clickable text</a>
  1387. Creates a link to that target location
  1388. Formatting
  1389. <p> </p>
  1390. Creates a new paragraph
  1391. <br>
  1392. AInserts a line break (carriage return)
  1393. <blockquote> </blockquote>
  1394. Puts content in a quote - indents text from both sides
  1395. <div> </div>
  1396. Used to format block content with CSS
  1397. <span> </span>
  1398. Used to format inline content with CSS
  1399. Lists
  1400. <ul> </ul>
  1401. Creates an unordered list
  1402. <ol start=?> </ol>
  1403. Creates an ordered list (start=xx,
  1404. where xx is a counting number)
  1405. <li> </li>
  1406. Encompasses each list item
  1407. <dl> </dl>
  1408. Creates a definition list
  1409. <dt>
  1410.  Precedes eachdefintion term
  1411. <dd>
  1412.  Precedes eachdefintion
  1413.  Graphical elements
  1414. <hr>
  1415. Inserts a horizontal rule
  1416. <hr size=?>
  1417. Sets size (height) of horizontal rule
  1418. <hr width=?>
  1419. Sets width of rule (as a % or absolute pixel length)
  1420. <hr noshade>
  1421. Creates a horizontal rule without a shadow
  1422. <img src="URL" />
  1423. Adds image; it is a separate file located at the URL
  1424. <img src="URL" align=?>
  1425. Aligns image left/right/center/bottom/top/middle (use CSS)
  1426. <img src="URL" border=?>
  1427. Sets size of border surrounding image (use CSS)
  1428. <img src="URL" height=?>
  1429. Sets height of image, in pixels
  1430. <img src="URL" width=?>
  1431. Sets width of image, in pixels
  1432. <img src="URL" alt=?>
  1433. Sets the alternate text for browsers that can't
  1434. process images (required by the ADA)
  1435. HTML Cheatsheet page 2 of 2
  1436. Forms
  1437. <form> </form>
  1438. Defines a form
  1439. <select multiple name=? size=?> </select>
  1440. Creates a scrolling menu. Size sets the number of
  1441. menu items visible before user needs to scroll.
  1442. <select name=?> </select>
  1443. Creates a pulldown menu
  1444. <option>
  1445. Sets off each menu item
  1446. <textarea name=? cols="x" rows="y"></textarea>
  1447. Creates a text box area. Columns set the width;
  1448. rows set the height.
  1449. <input type="checkbox" name=? value=?>
  1450. Creates a checkbox.
  1451. <input type="checkbox" name=? value=? checked>
  1452. Creates a checkbox which is pre-checked.
  1453. <input type="radio" name=? value=?>
  1454. Creates a radio button.
  1455. <input type="radio" name=? value=? checked>
  1456. Creates a radio button which is pre-checked.
  1457. <input type="text" name=? size=?>
  1458. Creates a one-line text area. Size sets length, in
  1459. characters.
  1460. <input type="submit" value=?>
  1461. Creates a submit button. Value sets the text in the
  1462. submit button.
  1463. <input type="image" name=? src=? border=? alt=?>
  1464. Creates a submit button using an image.
  1465. <input type="reset">
  1466. Creates a reset button
  1467. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  1468. <table> </table>
  1469. Creates a table
  1470. <tr> </tr>
  1471. Sets off each row in a table
  1472. <td> </td>
  1473. Sets off each cell in a row
  1474. <th> </th>
  1475. Sets off the table header (a normal cell with bold,
  1476. centered text)
  1477. <table border=?>
  1478. Sets the width of the border around table cells
  1479. <table cellspacing=?>
  1480. Sets amount of space between table cells
  1481. <table cellpadding=?>
  1482. Sets amount of space between a cell's border and
  1483. its contents
  1484. <table width=?>
  1485. Sets width of the table in pixels or as a percentage
  1486. <tr align=?>
  1487. Sets alignment for cells within the row
  1488. (left/center/right)
  1489. <td align=?>
  1490. Sets alignment for cells (left/center/right)
  1491. <tr valign=?>
  1492. Sets vertical alignment for cells within the row
  1493. (top/middle/bottom)
  1494. <td valign=?>
  1495. Sets vertical alignment for cell (top/middle/bottom)
  1496. <td rowspan=?>
  1497. Sets number of rows a cell should span (default=1)
  1498. <td colspan=?>
  1499. Sets number of columns a cell should span
  1500. <td nowrap>
  1501. Prevents lines within a cell from being broken to fit
  1502. HTML5 input tag attributes
  1503. (not all browsers support; visit http://caniuse.com
  1504.  for details)
  1505. <input type="email" name=?>
  1506.  Sets a single-line textbox for email addresses
  1507. <input type="url" name=?>
  1508.  Sets a single-line textbox for URLs
  1509. <input type="number" name=?>
  1510.  Sets a single-line textbox for a number
  1511. <input type="range" name=?>
  1512.  Sets a single-line text box for a range of numbers
  1513. <input type="date/month/week/time" name=?>
  1514.  Sets a single-line text box with a calendar
  1515.  showing the date/month/week/time
  1516. <input type="search" name=?>
  1517.  Sets a single-line text box for searching
  1518. <input type="color" name=?>
  1519.  Sets a single-line text box for picking a color
  1520. Basic Tags
  1521. <html> </html>
  1522. Creates an HTML document
  1523. <head> </head>
  1524. Sets off the title & other info that isn't displayed
  1525. <body> </body>
  1526. Sets off the visible portion of the document
  1527. <title> </title>
  1528. Puts name of the document in the title bar; when
  1529. bookmarking pages, this is what is bookmarked
  1530. Body attributes (only used in email newsletters)
  1531. <body bgcolor=?>
  1532. Sets background color, using name or hex value
  1533. <body text=?>
  1534. Sets text color, using name or hex value
  1535. <body link=?>
  1536. Sets color of links, using name or hex value
  1537. <body vlink=?>
  1538. Sets color of visited links, using name or hex value
  1539. <body alink=?>
  1540. Sets color of active links (while mouse-clicking)
  1541. Text Tags
  1542. <pre> </pre>
  1543. Creates preformatted text
  1544. <h1> </h1> --> <h6> </h6>
  1545. Creates headlines -- H1=largest, H6=smallest
  1546. <b> </b>
  1547. Creates bold text (should use <strong> instead)
  1548. <i> </i>
  1549. Creates italicized text (should use <em> instead)
  1550. <tt> </tt>
  1551. Creates typewriter-style text
  1552. <code> </code>
  1553. Used to define source code, usually monospace
  1554. <cite> </cite>
  1555. Creates a citation, usually processed in italics
  1556. <address> </address>
  1557. Creates address section, usually processed in italics
  1558. <em> </em>
  1559. Emphasizes a word (usually processed in italics)
  1560. <strong> </strong>
  1561. Emphasizes a word (usually processed in bold)
  1562. <font size=?> </font>
  1563. Sets size of font - 1 to 7 (should use CSS instead)
  1564. <font color=?> </font>
  1565. Sets font color (should use CSS instead)
  1566. <font face=?> </font>
  1567. Defines the font used (should use CSS instead)
  1568. Links
  1569. <a href="URL">clickable text</a>
  1570. Creates a hyperlink to a Uniform Resource Locator
  1571. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  1572. Creates a hyperlink to an email address
  1573. <a name="NAME">
  1574. Creates a target location within a document
  1575. <a href="#NAME">clickable text</a>
  1576. Creates a link to that target location
  1577. Formatting
  1578. <p> </p>
  1579. Creates a new paragraph
  1580. <br>
  1581. AInserts a line break (carriage return)
  1582. <blockquote> </blockquote>
  1583. Puts content in a quote - indents text from both sides
  1584. <div> </div>
  1585. Used to format block content with CSS
  1586. <span> </span>
  1587. Used to format inline content with CSS
  1588. Lists
  1589. <ul> </ul>
  1590. Creates an unordered list
  1591. <ol start=?> </ol>
  1592. Creates an ordered list (start=xx,
  1593. where xx is a counting number)
  1594. <li> </li>
  1595. Encompasses each list item
  1596. <dl> </dl>
  1597. Creates a definition list
  1598. <dt>
  1599. Precedes eachdefintion term
  1600. <dd>
  1601. Precedes eachdefintion
  1602. Graphical elements
  1603. <hr>
  1604. Inserts a horizontal rule
  1605. <hr size=?>
  1606. Sets size (height) of horizontal rule
  1607. <hr width=?>
  1608. Sets width of rule (as a % or absolute pixel length)
  1609. <hr noshade>
  1610. Creates a horizontal rule without a shadow
  1611. <img src="URL" />
  1612. Adds image; it is a separate file located at the URL
  1613. <img src="URL" align=?>
  1614. Aligns image left/right/center/bottom/top/middle (use CSS)
  1615. <img src="URL" border=?>
  1616. Sets size of border surrounding image (use CSS)
  1617. <img src="URL" height=?>
  1618. Sets height of image, in pixels
  1619. <img src="URL" width=?>
  1620. Sets width of image, in pixels
  1621. <img src="URL" alt=?>
  1622. Sets the alternate text for browsers that can't
  1623. process images (required by the ADA)
  1624.  HTML Cheatsheet page 2 of 2
  1625. Forms
  1626. <form> </form>
  1627. Defines a form
  1628. <select multiple name=? size=?> </select>
  1629. Creates a scrolling menu. Size sets the number of
  1630. menu items visible before user needs to scroll.
  1631. <select name=?> </select>
  1632. Creates a pulldown menu
  1633. <option>
  1634. Sets off each menu item
  1635. <textarea name=? cols="x" rows="y"></textarea>
  1636. Creates a text box area. Columns set the width;
  1637. rows set the height.
  1638. <input type="checkbox" name=? value=?>
  1639. Creates a checkbox.
  1640. <input type="checkbox" name=? value=? checked>
  1641. Creates a checkbox which is pre-checked.
  1642. <input type="radio" name=? value=?>
  1643. Creates a radio button.
  1644. <input type="radio" name=? value=? checked>
  1645. Creates a radio button which is pre-checked.
  1646. <input type="text" name=? size=?>
  1647. Creates a one-line text area. Size sets length, in
  1648. characters.
  1649. <input type="submit" value=?>
  1650. Creates a submit button. Value sets the text in the
  1651. submit button.
  1652. <input type="image" name=? src=? border=? alt=?>
  1653. Creates a submit button using an image.
  1654. <input type="reset">
  1655. Creates a reset button
  1656. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  1657. <table> </table>
  1658. Creates a table
  1659. <tr> </tr>
  1660. Sets off each row in a table
  1661. <td> </td>
  1662. Sets off each cell in a row
  1663. <th> </th>
  1664. Sets off the table header (a normal cell with bold,
  1665. centered text)
  1666. <table border=?>
  1667. Sets the width of the border around table cells
  1668. <table cellspacing=?>
  1669. Sets amount of space between table cells
  1670. <table cellpadding=?>
  1671. Sets amount of space between a cell's border and
  1672. its contents
  1673. <table width=?>
  1674. Sets width of the table in pixels or as a percentage
  1675. <tr align=?>
  1676. Sets alignment for cells within the row
  1677. (left/center/right)
  1678. <td align=?>
  1679. Sets alignment for cells (left/center/right)
  1680. <tr valign=?>
  1681. Sets vertical alignment for cells within the row
  1682. (top/middle/bottom)
  1683. <td valign=?>
  1684. Sets vertical alignment for cell (top/middle/bottom)
  1685. <td rowspan=?>
  1686. Sets number of rows a cell should span (default=1)
  1687. <td colspan=?>
  1688. Sets number of columns a cell should span
  1689. <td nowrap>
  1690. Prevents lines within a cell from being broken to fit
  1691. HTML5 input tag attributes
  1692. (not all browsers support; visit http://caniuse.com
  1693. for details)
  1694. <input type="email" name=?>
  1695. Sets a single-line textbox for email addresses
  1696. <input type="url" name=?>
  1697. Sets a single-line textbox for URLs
  1698. <input type="number" name=?>
  1699. Sets a single-line textbox for a number
  1700. <input type="range" name=?>
  1701. Sets a single-line text box for a range of numbers
  1702. <input type="date/month/week/time" name=?>
  1703. Sets a single-line text box with a calendar
  1704. showing the date/month/week/time
  1705. <input type="search" name=?>
  1706. Sets a single-line text box for searching
  1707. <input type="color" name=?>
  1708. Sets a single-line text box for picking a color
  1709. Basic Tags
  1710. <html> </html>
  1711. Creates an HTML document
  1712. <head> </head>
  1713. Sets off the title & other info that isn't displayed
  1714. <body> </body>
  1715. Sets off the visible portion of the document
  1716. <title> </title>
  1717. Puts name of the document in the title bar; when
  1718. bookmarking pages, this is what is bookmarked
  1719. Body attributes (only used in email newsletters)
  1720. <body bgcolor=?>
  1721. Sets background color, using name or hex value
  1722. <body text=?>
  1723. Sets text color, using name or hex value
  1724. <body link=?>
  1725. Sets color of links, using name or hex value
  1726. <body vlink=?>
  1727. Sets color of visited links, using name or hex value
  1728. <body alink=?>
  1729. Sets color of active links (while mouse-clicking)
  1730. Text Tags
  1731. <pre> </pre>
  1732. Creates preformatted text
  1733. <h1> </h1> --> <h6> </h6>
  1734. Creates headlines -- H1=largest, H6=smallest
  1735. <b> </b>
  1736. Creates bold text (should use <strong> instead)
  1737. <i> </i>
  1738. Creates italicized text (should use <em> instead)
  1739. <tt> </tt>
  1740. Creates typewriter-style text
  1741. <code> </code>
  1742. Used to define source code, usually monospace
  1743. <cite> </cite>
  1744. Creates a citation, usually processed in italics
  1745. <address> </address>
  1746. Creates address section, usually processed in italics
  1747. <em> </em>
  1748. Emphasizes a word (usually processed in italics)
  1749. <strong> </strong>
  1750. Emphasizes a word (usually processed in bold)
  1751. <font size=?> </font>
  1752. Sets size of font - 1 to 7 (should use CSS instead)
  1753. <font color=?> </font>
  1754. Sets font color (should use CSS instead)
  1755. <font face=?> </font>
  1756. Defines the font used (should use CSS instead)
  1757. Links
  1758. <a href="URL">clickable text</a>
  1759. Creates a hyperlink to a Uniform Resource Locator
  1760. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  1761. Creates a hyperlink to an email address
  1762. <a name="NAME">
  1763. Creates a target location within a document
  1764. <a href="#NAME">clickable text</a>
  1765. Creates a link to that target location
  1766. Formatting
  1767. <p> </p>
  1768. Creates a new paragraph
  1769. <br>
  1770. AInserts a line break (carriage return)
  1771. <blockquote> </blockquote>
  1772. Puts content in a quote - indents text from both sides
  1773. <div> </div>
  1774. Used to format block content with CSS
  1775. <span> </span>
  1776. Used to format inline content with CSS
  1777. Lists
  1778. <ul> </ul>
  1779. Creates an unordered list
  1780. <ol start=?> </ol>
  1781. Creates an ordered list (start=xx,
  1782. where xx is a counting number)
  1783. <li> </li>
  1784. Encompasses each list item
  1785. <dl> </dl>
  1786. Creates a definition list
  1787. <dt>
  1788.  Precedes eachdefintion term
  1789. <dd>
  1790.  Precedes eachdefintion
  1791.  Graphical elementsowrap>
  1792. Prevents lines within a cell from being broken to fit
  1793. HTML5 input tag attributes
  1794. (not all browsers support; visit http://caniuse.com
  1795.  for details)
  1796. <input type="email" name=?>
  1797.  Sets a single-line textbox for email addresses
  1798. <input type="url" name=?>
  1799.  Sets a single-line textbox for URLs
  1800. <input type="number" name=?>
  1801.  Sets a single-line textbox for a number
  1802. <input type="range" name=?>
  1803.  Sets a single-line text box for a range of numbers
  1804. <input type="date/month/week/time" name=?>
  1805.  Sets a single-line text box with a calendar
  1806.  showing the date/month/week/time
  1807. <input type="search" name=?>
  1808.  Sets a single-line text box for searching
  1809. <input type="color" name=?>
  1810.  Sets a single-line text box for picking a color
  1811. Basic Tags
  1812. <html> </html>
  1813. Creates an HTML document
  1814. <head> </head>
  1815. Sets off the title & other info that isn't displayed
  1816. <body> </body>
  1817. Sets off the visible portion of the document
  1818. <title> </title>
  1819. Puts name of the document in the title bar; when
  1820. bookmarking pages, this is what is bookmarked
  1821. Body attributes (only used in email newsletters)
  1822. <body bgcolor=?>
  1823. Sets background color, using name or hex value
  1824. <body text=?>
  1825. Sets text color, using name or hex value
  1826. <body link=?>
  1827. Sets color of links, using name or hex value
  1828. <body vlink=?>
  1829. Sets color of visited links, using name or hex value
  1830. <body alink=?>
  1831. Sets color of active links (while mouse-clicking)
  1832. Text Tags
  1833. <pre> </pre>
  1834. Creates preformatted text
  1835. <h1> </h1> --> <h6> </h6>
  1836. Creates headlines -- H1=largest, H6=smallest
  1837. <b> </b>
  1838. Creates bold text (should use <strong> instead)
  1839. <i> </i>
  1840. Creates italicized text (should use <em> instead)
  1841. <tt> </tt>
  1842. Creates typewriter-style text
  1843. <code> </code>
  1844. Used to define source code, usually monospace
  1845. <cite> </cite>
  1846. Creates a citation, usually processed in italics
  1847. <address> </address>
  1848. Creates address section, usually processed in italics
  1849. <em> </em>
  1850. Emphasizes a word (usually processed in italics)
  1851. <strong> </strong>
  1852. Emphasizes a word (usually processed in bold)
  1853. <font size=?> </font>
  1854. Sets size of font - 1 to 7 (should use CSS instead)
  1855. <font color=?> </font>
  1856. Sets font color (should use CSS instead)
  1857. <font face=?> </font>
  1858. Defines the font used (should use CSS instead)
  1859. Links
  1860. <a href="URL">clickable text</a>
  1861. Creates a hyperlink to a Uniform Resource Locator
  1862. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  1863. Creates a hyperlink to an email address
  1864. <a name="NAME">
  1865. Creates a target location within a document
  1866. <a href="#NAME">clickable text</a>
  1867. Creates a link to that target location
  1868. Formatting
  1869. <p> </p>
  1870. Creates a new paragraph
  1871. <br>
  1872. AInserts a line break (carriage return)
  1873. <blockquote> </blockquote>
  1874. Puts content in a quote - indents text from both sides
  1875. <div> </div>
  1876. Used to format block content with CSS
  1877. <span> </span>
  1878. Used to format inline content with CSS
  1879. Lists
  1880. <ul> </ul>
  1881. Creates an unordered list
  1882. <ol start=?> </ol>
  1883. Creates an ordered list (start=xx,
  1884. where xx is a counting number)
  1885. <li> </li>
  1886. Encompasses each list item
  1887. <dl> </dl>
  1888. Creates a definition list
  1889. <dt>
  1890. Precedes eachdefintion term
  1891. <dd>
  1892. Precedes eachdefintion
  1893. Graphical elements
  1894. <hr>
  1895. Inserts a horizontal rule
  1896. <hr size=?>
  1897. Sets size (height) of horizontal rule
  1898. <hr width=?>
  1899. Sets width of rule (as a % or absolute pixel length)
  1900. <hr noshade>
  1901. Creates a horizontal rule without a shadow
  1902. <img src="URL" />
  1903. Adds image; it is a separate file located at the URL
  1904. <img src="URL" align=?>
  1905. Aligns image left/right/center/bottom/top/middle (use CSS)
  1906. <img src="URL" border=?>
  1907. Sets size of border surrounding image (use CSS)
  1908. <img src="URL" height=?>
  1909. Sets height of image, in pixels
  1910. <img src="URL" width=?>
  1911. Sets width of image, in pixels
  1912. <img src="URL" alt=?>
  1913. Sets the alternate text for browsers that can't
  1914. process images (required by the ADA)
  1915.  HTML Cheatsheet page 2 of 2
  1916. Forms
  1917. <form> </form>
  1918. Defines a form
  1919. <select multiple name=? size=?> </select>
  1920. Creates a scrolling menu. Size sets the number of
  1921. menu items visible before user needs to scroll.
  1922. <select name=?> </select>
  1923. Creates a pulldown menu
  1924. <option>
  1925. Sets off each menu item
  1926. <textarea name=? cols="x" rows="y"></textarea>
  1927. Creates a text box area. Columns set the width;
  1928. rows set the height.
  1929. <input type="checkbox" name=? value=?>
  1930. Creates a checkbox.
  1931. <input type="checkbox" name=? value=? checked>
  1932. Creates a checkbox which is pre-checked.
  1933. <input type="radio" name=? value=?>
  1934. Creates a radio button.
  1935. <input type="radio" name=? value=? checked>
  1936. Creates a radio button which is pre-checked.
  1937. <input type="text" name=? size=?>
  1938. Creates a one-line text area. Size sets length, in
  1939. characters.
  1940. <input type="submit" value=?>
  1941. Creates a submit button. Value sets the text in the
  1942. submit button.
  1943. <input type="image" name=? src=? border=? alt=?>
  1944. Creates a submit button using an image.
  1945. <input type="reset">
  1946. Creates a reset button
  1947. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  1948. <table> </table>
  1949. Creates a table
  1950. <tr> </tr>
  1951. Sets off each row in a table
  1952. <td> </td>
  1953. Sets off each cell in a row
  1954. <th> </th>
  1955. Sets off the table header (a normal cell with bold,
  1956. centered text)
  1957. <table border=?>
  1958. Sets the width of the border around table cells
  1959. <table cellspacing=?>
  1960. Sets amount of space between table cells
  1961. <table cellpadding=?>
  1962. Sets amount of space between a cell's border and
  1963. its contents
  1964. <table width=?>
  1965. Sets width of the table in pixels or as a percentage
  1966. <tr align=?>
  1967. Sets alignment for cells within the row
  1968. (left/center/right)
  1969. <td align=?>
  1970. Sets alignment for cells (left/center/right)
  1971. <tr valign=?>
  1972. Sets vertical alignment for cells within the row
  1973. (top/middle/bottom)
  1974. <td valign=?>
  1975. Sets vertical alignment for cell (top/middle/bottom)
  1976. <td rowspan=?>
  1977. Sets number of rows a cell should span (default=1)
  1978. <td colspan=?>
  1979. Sets number of columns a cell should span
  1980. <td nowrap>
  1981. Prevents lines within a cell from being broken to fit
  1982. HTML5 input tag attributes
  1983. (not all browsers support; visit http://caniuse.com
  1984. for details)
  1985. <input type="email" name=?>
  1986. Sets a single-line textbox for email addresses
  1987. <input type="url" name=?>
  1988. Sets a single-line textbox for URLs
  1989. <input type="number" name=?>
  1990. Sets a single-line textbox for a number
  1991. <input type="range" name=?>
  1992. Sets a single-line text box for a range of numbers
  1993. <input type="date/month/week/time" name=?>
  1994. Sets a single-line text box with a calendar
  1995. showing the date/month/week/time
  1996. <input type="search" name=?>
  1997. Sets a single-line text box for searching
  1998. <input type="color" name=?>
  1999. Sets a single-line text box for picking a color
  2000. Basic Tags
  2001. <html> </html>
  2002. Creates an HTML document
  2003. <head> </head>
  2004. Sets off the title & other info that isn't displayed
  2005. <body> </body>
  2006. Sets off the visible portion of the document
  2007. <title> </title>
  2008. Puts name of the document in the title bar; when
  2009. bookmarking pages, this is what is bookmarked
  2010. Body attributes (only used in email newsletters)
  2011. <body bgcolor=?>
  2012. Sets background color, using name or hex value
  2013. <body text=?>
  2014. Sets text color, using name or hex value
  2015. <body link=?>
  2016. Sets color of links, using name or hex value
  2017. <body vlink=?>
  2018. Sets color of visited links, using name or hex value
  2019. <body alink=?>
  2020. Sets color of active links (while mouse-clicking)
  2021. Text Tags
  2022. <pre> </pre>
  2023. Creates preformatted text
  2024. <h1> </h1> --> <h6> </h6>
  2025. Creates headlines -- H1=largest, H6=smallest
  2026. <b> </b>
  2027. Creates bold text (should use <strong> instead)
  2028. <i> </i>
  2029. Creates italicized text (should use <em> instead)
  2030. <tt> </tt>
  2031. Creates typewriter-style text
  2032. <code> </code>
  2033. Used to define source code, usually monospace
  2034. <cite> </cite>
  2035. Creates a citation, usually processed in italics
  2036. <address> </address>
  2037. Creates address section, usually processed in italics
  2038. <em> </em>
  2039. Emphasizes a word (usually processed in italics)
  2040. <strong> </strong>
  2041. Emphasizes a word (usually processed in bold)
  2042. <font size=?> </font>
  2043. Sets size of font - 1 to 7 (should use CSS instead)
  2044. <font color=?> </font>
  2045. Sets font color (should use CSS instead)
  2046. <font face=?> </font>
  2047. Defines the font used (should use CSS instead)
  2048. Links
  2049. <a href="URL">clickable text</a>
  2050. Creates a hyperlink to a Uniform Resource Locator
  2051. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  2052. Creates a hyperlink to an email address
  2053. <a name="NAME">
  2054. Creates a target location within a document
  2055. <a href="#NAME">clickable text</a>
  2056. Creates a link to that target location
  2057. Formatting
  2058. <p> </p>
  2059. Creates a new paragraph
  2060. <br>
  2061. AInserts a line break (carriage return)
  2062. <blockquote> </blockquote>
  2063. Puts content in a quote - indents text from both sides
  2064. <div> </div>
  2065. Used to format block content with CSS
  2066. <span> </span>
  2067. Used to format inline content with CSS
  2068. Lists
  2069. <ul> </ul>
  2070. Creates an unordered list
  2071. <ol start=?> </ol>
  2072. Creates an ordered list (start=xx,
  2073. where xx is a counting number)
  2074. <li> </li>
  2075. Encompasses each list item
  2076. <dl> </dl>
  2077. Creates a definition list
  2078. <dt>
  2079.  Precedes eachdefintion term
  2080. <dd>
  2081.  Precedes eachdefintion
  2082.  Graphical elements
  2083. <hr>
  2084. Inserts a horizontal rule
  2085. <hr size=?>
  2086. Sets size (height) of horizontal rule
  2087. <hr width=?>
  2088. Sets width of rule (as a % or absolute pixel length)
  2089. <hr noshade>
  2090. Creates a horizontal rule without a shadow
  2091. <img src="URL" />
  2092. Adds image; it is a separate file located at the URL
  2093. <img src="URL" align=?>
  2094. Aligns image left/right/center/bottom/top/middle (use CSS)
  2095. <img src="URL" border=?>
  2096. Sets size of border surrounding image (use CSS)
  2097. <img src="URL" height=?>
  2098. Sets height of image, in pixels
  2099. <img src="URL" width=?>
  2100. Sets width of image, in pixels
  2101. <img src="URL" alt=?>
  2102. Sets the alternate text for browsers that can't
  2103. process images (required by the ADA)
  2104. HTML Cheatsheet page 2 of 2
  2105. Forms
  2106. <form> </form>
  2107. Defines a form
  2108. <select multiple name=? size=?> </select>
  2109. Creates a scrolling menu. Size sets the number of
  2110. menu items visible before user needs to scroll.
  2111. <select name=?> </select>
  2112. Creates a pulldown menu
  2113. <option>
  2114. Sets off each menu item
  2115. <textarea name=? cols="x" rows="y"></textarea>
  2116. Creates a text box area. Columns set the width;
  2117. rows set the height.
  2118. <input type="checkbox" name=? value=?>
  2119. Creates a checkbox.
  2120. <input type="checkbox" name=? value=? checked>
  2121. Creates a checkbox which is pre-checked.
  2122. <input type="radio" name=? value=?>
  2123. Creates a radio button.
  2124. <input type="radio" name=? value=? checked>
  2125. Creates a radio button which is pre-checked.
  2126. <input type="text" name=? size=?>
  2127. Creates a one-line text area. Size sets length, in
  2128. characters.
  2129. <input type="submit" value=?>
  2130. Creates a submit button. Value sets the text in the
  2131. submit button.
  2132. <input type="image" name=? src=? border=? alt=?>
  2133. Creates a submit button using an image.
  2134. <input type="reset">
  2135. Creates a reset button
  2136. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  2137. <table> </table>
  2138. Creates a table
  2139. <tr> </tr>
  2140. Sets off each row in a table
  2141. <td> </td>
  2142. Sets off each cell in a row
  2143. <th> </th>
  2144. Sets off the table header (a normal cell with bold,
  2145. centered text)
  2146. <table border=?>
  2147. Sets the width of the border around table cells
  2148. <table cellspacing=?>
  2149. Sets amount of space between table cells
  2150. <table cellpadding=?>
  2151. Sets amount of space between a cell's border and
  2152. its contents
  2153. <table width=?>
  2154. Sets width of the table in pixels or as a percentage
  2155. <tr align=?>
  2156. Sets alignment for cells within the row
  2157. (left/center/right)
  2158. <td align=?>
  2159. Sets alignment for cells (left/center/right)
  2160. <tr valign=?>
  2161. Sets vertical alignment for cells within the row
  2162. (top/middle/bottom)
  2163. <td valign=?>
  2164. Sets vertical alignment for cell (top/middle/bottom)
  2165. <td rowspan=?>
  2166. Sets number of rows a cell should span (default=1)
  2167. <td colspan=?>
  2168. Sets number of columns a cell should span
  2169. <td nowrap>
  2170. Prevents lines within a cell from being broken to fit
  2171. HTML5 input tag attributes
  2172. (not all browsers support; visit http://caniuse.com
  2173.  for details)
  2174. <input type="email" name=?>
  2175.  Sets a single-line textbox for email addresses
  2176. <input type="url" name=?>
  2177.  Sets a single-line textbox for URLs
  2178. <input type="number" name=?>
  2179.  Sets a single-line textbox for a number
  2180. <input type="range" name=?>
  2181.  Sets a single-line text box for a range of numbers
  2182. <input type="date/month/week/time" name=?>
  2183.  Sets a single-line text box with a calendar
  2184.  showing the date/month/week/time
  2185. <input type="search" name=?>
  2186.  Sets a single-line text box for searching
  2187. <input type="color" name=?>
  2188.  Sets a single-line text box for picking a color
  2189. Basic Tags
  2190. <html> </html>
  2191. Creates an HTML document
  2192. <head> </head>
  2193. Sets off the title & other info that isn't displayed
  2194. <body> </body>
  2195. Sets off the visible portion of the document
  2196. <title> </title>
  2197. Puts name of the document in the title bar; when
  2198. bookmarking pages, this is what is bookmarked
  2199. Body attributes (only used in email newsletters)
  2200. <body bgcolor=?>
  2201. Sets background color, using name or hex value
  2202. <body text=?>
  2203. Sets text color, using name or hex value
  2204. <body link=?>
  2205. Sets color of links, using name or hex value
  2206. <body vlink=?>
  2207. Sets color of visited links, using name or hex value
  2208. <body alink=?>
  2209. Sets color of active links (while mouse-clicking)
  2210. Text Tags
  2211. <pre> </pre>
  2212. Creates preformatted text
  2213. <h1> </h1> --> <h6> </h6>
  2214. Creates headlines -- H1=largest, H6=smallest
  2215. <b> </b>
  2216. Creates bold text (should use <strong> instead)
  2217. <i> </i>
  2218. Creates italicized text (should use <em> instead)
  2219. <tt> </tt>
  2220. Creates typewriter-style text
  2221. <code> </code>
  2222. Used to define source code, usually monospace
  2223. <cite> </cite>
  2224. Creates a citation, usually processed in italics
  2225. <address> </address>
  2226. Creates address section, usually processed in italics
  2227. <em> </em>
  2228. Emphasizes a word (usually processed in italics)
  2229. <strong> </strong>
  2230. Emphasizes a word (usually processed in bold)
  2231. <font size=?> </font>
  2232. Sets size of font - 1 to 7 (should use CSS instead)
  2233. <font color=?> </font>
  2234. Sets font color (should use CSS instead)
  2235. <font face=?> </font>
  2236. Defines the font used (should use CSS instead)
  2237. Links
  2238. <a href="URL">clickable text</a>
  2239. Creates a hyperlink to a Uniform Resource Locator
  2240. <a href="mailto:EMAIL_ADDRESS">clickable text</a>
  2241. Creates a hyperlink to an email address
  2242. <a name="NAME">
  2243. Creates a target location within a document
  2244. <a href="#NAME">clickable text</a>
  2245. Creates a link to that target location
  2246. Formatting
  2247. <p> </p>
  2248. Creates a new paragraph
  2249. <br>
  2250. AInserts a line break (carriage return)
  2251. <blockquote> </blockquote>
  2252. Puts content in a quote - indents text from both sides
  2253. <div> </div>
  2254. Used to format block content with CSS
  2255. <span> </span>
  2256. Used to format inline content with CSS
  2257. Lists
  2258. <ul> </ul>
  2259. Creates an unordered list
  2260. <ol start=?> </ol>
  2261. Creates an ordered list (start=xx,
  2262. where xx is a counting number)
  2263. <li> </li>
  2264. Encompasses each list item
  2265. <dl> </dl>
  2266. Creates a definition list
  2267. <dt>
  2268. Precedes eachdefintion term
  2269. <dd>
  2270. Precedes eachdefintion
  2271. Graphical elements
  2272. <hr>
  2273. Inserts a horizontal rule
  2274. <hr size=?>
  2275. Sets size (height) of horizontal rule
  2276. <hr width=?>
  2277. Sets width of rule (as a % or absolute pixel length)
  2278. <hr noshade>
  2279. Creates a horizontal rule without a shadow
  2280. <img src="URL" />
  2281. Adds image; it is a separate file located at the URL
  2282. <img src="URL" align=?>
  2283. Aligns image left/right/center/bottom/top/middle (use CSS)
  2284. <img src="URL" border=?>
  2285. Sets size of border surrounding image (use CSS)
  2286. <img src="URL" height=?>
  2287. Sets height of image, in pixels
  2288. <img src="URL" width=?>
  2289. Sets width of image, in pixels
  2290. <img src="URL" alt=?>
  2291. Sets the alternate text for browsers that can't
  2292. process images (required by the ADA)
  2293.  HTML Cheatsheet page 2 of 2
  2294. Forms
  2295. <form> </form>
  2296. Defines a form
  2297. <select multiple name=? size=?> </select>
  2298. Creates a scrolling menu. Size sets the number of
  2299. menu items visible before user needs to scroll.
  2300. <select name=?> </select>
  2301. Creates a pulldown menu
  2302. <option>
  2303. Sets off each menu item
  2304. <textarea name=? cols="x" rows="y"></textarea>
  2305. Creates a text box area. Columns set the width;
  2306. rows set the height.
  2307. <input type="checkbox" name=? value=?>
  2308. Creates a checkbox.
  2309. <input type="checkbox" name=? value=? checked>
  2310. Creates a checkbox which is pre-checked.
  2311. <input type="radio" name=? value=?>
  2312. Creates a radio button.
  2313. <input type="radio" name=? value=? checked>
  2314. Creates a radio button which is pre-checked.
  2315. <input type="text" name=? size=?>
  2316. Creates a one-line text area. Size sets length, in
  2317. characters.
  2318. <input type="submit" value=?>
  2319. Creates a submit button. Value sets the text in the
  2320. submit button.
  2321. <input type="image" name=? src=? border=? alt=?>
  2322. Creates a submit button using an image.
  2323. <input type="reset">
  2324. Creates a reset button
  2325. Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
  2326. <table> </table>
  2327. Creates a table
  2328. <tr> </tr>
  2329. Sets off each row in a table
  2330. <td> </td>
  2331. Sets off each cell in a row
  2332. <th> </th>
  2333. Sets off the table header (a normal cell with bold,
  2334. centered text)
  2335. <table border=?>
  2336. Sets the width of the border around table cells
RAW Paste Data