Scribd
Upload
14 views

Cheat Sheet HTML

The document defines HTML tags and their aliases. It lists HTML input types like email, url, password, and their aliases. It also lists other common HTML tags and their short aliases like link, img, section, and others.

Uploaded by

Milos
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
14 views

Cheat Sheet HTML

The document defines HTML tags and their aliases. It lists HTML input types like email, url, password, and their aliases. It also lists other common HTML tags and their short aliases like link, img, section, and others.

Uploaded by

Milos
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML

Allunknownabbreviationswillbetransformedtotag,e.g.foo<foo></foo>.
! input:email leg
Alias of html:5 Alias of inp[type=email] Alias of legend
<!DOCTYPE html> <input type="email" name=" " id=" " /> <legend> </legend>
<html lang="en">
<head>
<meta charset="UTF-8" /> input:url sect
<title> Document </title>
</head> Alias of inp[type=url] Alias of section
<body> <input type="url" name=" " id=" " /> <section> </section>

</body>
</html> input:password, input:p art
Alias of inp[type=password] Alias of article
a <input type="password" name=" " id=" " /> <article> </article>
<a href=" "> </a>
input:datetime hdr
a:link Alias of inp[type=datetime] Alias of header
<a href="http:// "> </a>
<input type="datetime" name=" " id=" " /> <header> </header>

a:mail
input:date ftr
<a href="mailto: "> </a>
Alias of inp[type=date] Alias of footer

abbr <input type="date" name=" " id=" " /> <footer> </footer>
<abbr title=" "> </abbr>
input:datetime-local adr
acronym, acr Alias of inp[type=datetime-local] Alias of address
<acronym title=" "> </acronym> <input type="datetime-local" name=" " id=" " /> <address> </address>

base input:month dlg


<base href=" " /> Alias of inp[type=month] Alias of dialog
<input type="month" name=" " id=" " /> <dialog> </dialog>
basefont
<basefont />
input:week str
Alias of inp[type=week] Alias of strong
br
<br /> <input type="week" name=" " id=" " /> <strong> </strong>

frame input:time prog


<frame /> Alias of inp[type=time] Alias of progress
<input type="time" name=" " id=" " /> <progress> </progress>
hr
<hr />
input:tel mn
Alias of inp[type=tel] Alias of main
bdo
<bdo dir=" "> </bdo> <input type="tel" name=" " id=" " /> <main> </main>

bdo:r input:number tem


<bdo dir="rtl"> </bdo> Alias of inp[type=number] Alias of template
<input type="number" name=" " id=" " /> <template> </template>
bdo:l
<bdo dir="ltr"> </bdo> input:color datag
Alias of inp[type=color] Alias of datagrid
col <input type="color" name=" " id=" " /> <datagrid> </datagrid>
<col />

input:checkbox, input:c datal


link
Alias of inp[type=checkbox] Alias of datalist
<link rel="stylesheet" href=" " />
<input type="checkbox" name=" " id=" " /> <datalist> </datalist>
link:css
<link rel="stylesheet" href=" style .css" /> input:radio, input:r kg
Alias of inp[type=radio] Alias of keygen
link:print <keygen />
<input type="radio" name=" " id=" " />
<link rel="stylesheet" href=" print .css" media="print" />
out
input:range
link:favicon Alias of output
Alias of inp[type=range]
<link rel="shortcut icon" type="image/x-icon" href=" favicon.ico " />
<output> </output>
<input type="range" name=" " id=" " />
link:touch
det
<link rel="apple-touch-icon" href=" favicon.png " /> input:file, input:f
Alias of details
Alias of inp[type=file]
link:rss <details> </details>
<input type="file" name=" " id=" " />
<link rel="alternate" type="application/rss+xml" title="RSS" href=" rss.xml " />
cmd
input:submit, input:s
link:atom <input type="submit" value=" " /> Alias of command
<link rel="alternate" type="application/atom+xml" title="Atom" href=" atom.xml " /> <command />

input:image, input:i
link:import, link:im doc
<link rel="import" href=" component .html" /> <input type="image" src=" " alt=" " />
Alias of html>(head>meta[charset=${charset}]+title{${1:Document}})+body
<html>
meta input:button, input:b <head>
<meta /> <input type="button" value=" " /> <meta charset="UTF-8" />
<title> Document </title>
</head>
meta:utf isindex <body>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <isindex />
</body>
</html>
meta:win input:reset
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" /> Alias of input:button[type=reset]
doc4
<input type="reset" value=" " />
Alias of html>(head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}})+body
meta:vp
<meta name="viewport" content="width= device-width , user-scalable= no , initial-scale= 1.0 , maximum-scale= 1.0 , minimum-scale= 1.0 " /> <html>
select <head>
<select name=" " id=" "> </select> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
meta:compat <title> Document </title>
<meta http-equiv="X-UA-Compatible" content=" IE=7 " /> </head>
select:disabled, select:d <body>
Alias of select[disabled.]
style </body>
<style> </style> <select name=" " id=" " disabled="disabled"> </select> </html>

script option, opt ri:dpr, ri:d


<script> </script> <option value=" "> </option> Alias of img:s
<img srcset=" " src=" " alt=" " />
script:src textarea
<script src=" "> </script> <textarea name=" " id=" " cols=" 30 " rows=" 10 "> </textarea>
ri:viewport, ri:v
Alias of img:z
img marquee
<img sizes=" " srcset=" " src=" " alt=" " />
<img src=" " alt=" " /> <marquee behavior=" " direction=" "> </marquee>

ri:art, ri:a
img:srcset, img:s menu:context, menu:c
Alias of pic>src:m+img
<img srcset=" " src=" " alt=" " /> Alias of menu[type=context]>
<picture>
<menu type="context"> </menu> <source media="( min-width: )" srcset=" " />
img:sizes, img:z <img src=" " alt=" " />
<img sizes=" " srcset=" " src=" " alt=" " /> menu:toolbar, menu:t </picture>
Alias of menu[type=toolbar]>
picture <menu type="toolbar"> </menu> ri:type, ri:t
<picture> </picture> Alias of pic>src:t+img

video <picture>
source, src <source srcset=" " type=" image/ " />
<video src=" "> </video>
<source /> <img src=" " alt=" " />
</picture>
audio
source:src, src:sc
<audio src=" "> </audio> html:4t
<source src=" " type=" " />
Alias of !!!4t+doc4[lang=${lang}]
html:xml <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
source:srcset, src:s
<html xmlns="http://www.w3.org/1999/xhtml"> </html> <html lang="en">
<source srcset=" " /> <head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
keygen <title> Document </title>
source:media, src:m <keygen /> </head>
<source media="( min-width: )" srcset=" " /> <body>
command </body>
source:type, src:t <command /> </html>
<source srcset=" " type=" image/ " />
button:submit, button:s, btn:s html:4s
source:sizes, src:z Alias of button[type=submit] Alias of !!!4s+doc4[lang=${lang}]
<source sizes=" " srcset=" " />
<button type="submit"> </button> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
source:media:type, src:mt <head>
<source media="( min-width: )" srcset=" " type=" image/ " /> button:reset, button:r, btn:r <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
Alias of button[type=reset] <title> Document </title>
</head>
source:media:sizes, src:mz <button type="reset"> </button> <body>
<source media="( min-width: )" sizes=" " srcset=" " />
</body>
button:disabled, button:d, btn:d </html>
source:sizes:type, src:zt Alias of button[disabled.]
<source sizes=" " srcset=" " type=" image/ " /> <button disabled="disabled"> </button> html:xt
Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
iframe fieldset:disabled, fieldset:d, fset:d, fst:d <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<iframe src=" " frameborder="0"> </iframe> Alias of fieldset[disabled.] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<fieldset disabled="disabled"> </fieldset> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
embed <title> Document </title>
<embed src=" " type=" " /> </head>
bq <body>
Alias of blockquote
object </body>
<object data=" " type=" "> </object> <blockquote> </blockquote> </html>

param fig html:xs


<param name=" " value=" " /> Alias of figure Alias of !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
<figure> </figure> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
map <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<map name=" "> </map> figc <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
Alias of figcaption <title> Document </title>
area </head>
<figcaption> </figcaption> <body>
<area shape=" " coords=" " href=" " alt=" " />
</body>
pic </html>
area:d
Alias of picture
<area shape="default" href=" " alt=" " />
<picture> </picture> html:xxs
area:c Alias of !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]
<area shape="circle" coords=" " href=" " alt=" " /> ifr <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Alias of iframe <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
area:r <iframe src=" " frameborder="0"> </iframe> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<area shape="rect" coords=" " href=" " alt=" " /> <title> Document </title>
</head>
emb <body>
area:p Alias of embed
<area shape="poly" coords=" " href=" " alt=" " /> </body>
<embed src=" " type=" " /> </html>

form obj html:5


<form action=" "> </form>
Alias of object Alias of !!!+doc[lang=${lang}]
<object data=" " type=" "> </object> <!DOCTYPE html>
form:get <html lang="en">
<form action=" " method="get"> </form> <head>
cap <meta charset="UTF-8" />
Alias of caption <title> Document </title>
form:post </head>
<form action=" " method="post"> </form> <caption> </caption> <body>

</body>
label colg </html>
<label for=" "> </label> Alias of colgroup
<colgroup> </colgroup> ol+
input Alias of ol>li
<input type=" text " />
fst, fset <ol>
Alias of fieldset <li> </li>
inp </ol>
<input type=" text " name=" " id=" " /> <fieldset> </fieldset>

ul+
input:hidden, input:h btn
Alias of ul>li
Alias of button
Alias of input[type=hidden name] <ul>
<input type="hidden" name=" " /> <button> </button> <li> </li>
</ul>

input:text, input:t optg


Alias of optgroup dl+
Alias of inp
<optgroup> </optgroup> Alias of dl>dt+dd
<input type=" text " name=" " id=" " />
<dl>
<dt> </dt>
input:search tarea
<dd> </dd>
Alias of textarea </dl>
Alias of inp[type=search]
<input type="search" name=" " id=" " /> <textarea name=" " id=" " cols=" 30 " rows=" 10 "> </textarea>
map+ select+ !!!xt
Alias of map>area Alias of select>option <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<map name=" "> <select name=" " id=" ">
<area shape=" " coords=" " href=" " alt=" " /> <option value=" "> </option> !!!xs
</map> </select> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

table+ optgroup+, optg+ !!!xxs


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Alias of table>tr>td Alias of optgroup>option
<table> <optgroup>
<tr> <option value=" "> </option> c
<td> </td> </optgroup> <!-- ${child} -->
</tr>
</table>
pic+ cc:ie6
Alias of picture>source:srcset+img <!--[if lte IE 6]>
colgroup+, colg+ ${child}
<picture> <![endif]-->
Alias of colgroup>col
<colgroup> <source srcset=" " />
<col /> <img src=" " alt=" " />
</colgroup> </picture> cc:ie
<!--[if IE]>
${child}
tr+ !!! <![endif]-->
<!DOCTYPE html>
Alias of tr>td
<tr> cc:noie
<td> </td> !!!4t <!--[if !IE]><!-->
</tr> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ${child}
<!--<![endif]-->
!!!4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

You might also like