HTML Cheatsheet Cheat Sheet: by Via

HTML Cheatsheet Cheat Sheet
by kesavanbr via cheatography.com/25369/cs/6744/
Basic Tags Tables Table Attributes (cont) Text Tags (cont)
<htm Creates an HTML <tabl Creates a table <tr Sets vertical <em></em> Emphasizes a word
l></h document e> valign="top" alignment for cell(s) (with italic or bold)
tml> </tabl > or <td (top, middle, or
<strong> Emphasizes a word
e> valign="top" bottom)
<hea Sets off the title and other </strong> (with italic or bold)
>
d></ information that isn’t <tr> Sets off each row in a
<font Sets size of font,
head displayed on the web page </tr> table <td Sets number of
size="3"> from 1 to 7
> itself colspan="2" columns a cell
<td> Sets off each cell in a row </font>
> should span
<bod Sets off the visible portion </td>
<font Sets font color,
(default=1)
y></ of the document
<th> Sets off the table header color="green" using name or hex
body <td Sets number of
</th> (a normal cell with bold, ></font> value
> centered text) rowspan="4" rows a cell should
> span (default=1)
Forms
Body Attributes <td nowrap> Prevents the lines
Table Attributes
<form></for Creates all forms
within a cell from
<body Sets the <table Sets width of border m>
being broken to fit
bgcolor="pink"> background
border="1" around table cells <select Creates a scrolling
color, using
> multiple menu. Size sets the
name or hex Text Tags
<table Sets amount of space name="NA number of menu
value <pre> Creates preformatted
cellspacin between table cells ME" items visible before
<body Sets the text g="1"> </pre> text size=?> you need to scroll.
text="black"> color, using <hl> Creates the largest </select>
<table Sets amount of space
name or hex
cellpaddin between a cell’s </hl> headline <option> Sets off each menu
value
g="1"> border and its <h6> Creates the smallest item
<body Sets the color
contents </h6> headline <select Creates a pulldown
link="blue"> of links, using
<table Sets width of table, in <b></b Creates bold text name="NA menu
name or hex
width="50 pixels or as a > ME">
value
0" or percentage of </select>
<i></i> Creates italic text
"80%"> document width <option> Sets off each menu
vlink="#ff0000"> of followed <tt> Creates teletype, or
<tr Sets alignment for item
links, using </tt> typewriter-style text
align="left" cell(s) (left, center, or <textarea Creates a text box
name or hex <cite>< Creates a citation,
> or <td right) name="NA area. Columns set
value /cite> usually italic
align="left"
ME" the width; rows set
>
cols=40 the height.
alink="#00ff00"> of links on click
rows=8>
<body Disallows text </textarea
ondragstart="retu selection with name>
rn false" the mouse and
<input Creates a checkbox.
onselectstart="ret keyboard
type="check Text follows tag
urn false">
box"
name="NA
ME">
By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

cheatography.com/kesavanbr/ Last updated 24th January, 2016. Everyone has a novel in them. Finish Yours!
Page 1 of 3. https://apollopad.com
Forms (cont) Frames Frames Attributes Formatting
<input Creates a radio <frame‐ Replaces the <body> <frame Specifies which HTML <p></p Creates a new
type="radio" button. Text set> tag in a frames src="UR document should be > paragraph
name="NAME" follows tag </frame document; can also be L"> displayed
<p Aligns a paragraph to the
value="x"> set> nested in other
<frame Names the frame, or align="l left (default), right, or
framesets
<input Creates a one- name="n region, so it may be eft"> center.
type="text" line text area. <frame Defines the rows within ame"> targeted by other <br> Inserts a line break
name="NAME" Size sets set a frameset, using frames
<blockq Indents text from both
size=20> length, in rows=" number in pixels, or
<frame Defines the left and
uote></ sides
characters. value,va percentage of width
marginwi right margins for the
blockqu
lue">
<input Creates a dth="valu frame; must be equal
ote>
type="submit" Submit button <frame Defines the columns e"> to or greater than 1
<dl> Creates a definition list
value="NAME"> set within a frameset, using <frame Defines the top and
</dl>
<button Creates an cols="v number in pixels, or marginhe bottom margins for the
alue,val‐ percentage of width <dt> Precedes each definition
type="submit">S actual button ight="val frame; must be equal
ue"> term
ubmit</button> that is clicked ue"> to or greater than 1
<frame Defines a single frame <dd> Precedes each definition
<input Creates a <frame Sets whether the frame
type="image" Submit button > — or region — within a scrolling‐ has a scrollbar; value <ol> Creates a numbered list
border=0 using an image frameset ="value" may equal “yes,” “no,” </ol>
name="NAME" <nofra‐ Defines what will appear > or “auto.” The default, <ul> Creates a bulleted list
src="name.gif"> mes> on browsers that don’t as in ordinary </ul>
<input Creates a </nofra support frames documents, is auto
<li> Precedes each list item,
type="reset"> Reset button mes> <frame Prevents the user from </li> and adds a number or
noresize resizing a frame symbol depending upon
Links ="noresi‐ the type of list selected
ze">
<a Creates a hyperlink <div A generic tag used to
href="URL" align="l format large blocks of
></a> eft"> HTML, also used for
stylesheets
<a Creates a mailto
href="mailto: link <img Adds an image
EMAIL"></a‐ src="na
> me">
<a Creates an
href="URL" image/link
><img
src="URL">
</a>
<a Creates a target

name="NA location within a
ME"></a> document
<a Links to that target

href="#NAM location from
E"></a> elsewhere in the
document

Formatting (cont)
<img src="name" Aligns an image: left, right, center;

align="left"> bottom, top, middle
<img src="name" Sets size of border around an image

border="1">
<hr /> Inserts a horizontal rule
<hr size="3" /> Sets size (height) of rule
<hr width="80%" /> Sets width of rule, in percentage or

absolute value
<hr noshade /> Creates a rule without a shadow


HTML Cheatsheet Cheat Sheet: by Via

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Cheatsheet Cheat Sheet: by Via

Uploaded by

Copyright:

Available Formats

HTML Cheatsheet Cheat Sheet

by kesavanbr via cheatography.com/25369/cs/6744/

Basic Tags Tables Table Attributes (cont) Text Tags (cont)

By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

Forms (cont) Frames Frames Attributes Formatting

<a Creates a target

<a Links to that target

By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

<img src="name" Aligns an image: left, right, center;

<img src="name" Sets size of border around an image

<hr /> Inserts a horizontal rule

<hr size="3" /> Sets size (height) of rule

<hr width="80%" /> Sets width of rule, in percentage or

<hr noshade /> Creates a rule without a shadow

By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

You might also like

HTML Cheatsheet Cheat Sheet: by Via

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Cheatsheet Cheat Sheet: by Via

Uploaded by

Copyright:

Available Formats

HTML Cheatsheet Cheat Sheet

by kesavanbr via cheatography.com/25369/cs/6744/

Basic Tags Tables Table Attributes (cont) Text Tags (cont)

By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

Forms (cont) Frames Frames Attributes Formatting

<a Creates a target

<a Links to that target

By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

<img src="na​me" Aligns an image: left, right, center;

<img src="na​me" Sets size of border around an image

<hr /> Inserts a horizontal rule

<hr size="3​" /> Sets size (height) of rule

<hr width=​"​80%​" /> Sets width of rule, in percentage or

<hr noshade /> Creates a rule without a shadow

By kesavanbr Published 24th January, 2016. Sponsored by ApolloPad.com

You might also like

<img src="name" Aligns an image: left, right, center;

<img src="name" Sets size of border around an image

<hr size="3" /> Sets size (height) of rule

<hr width="80%" /> Sets width of rule, in percentage or