Scribd
Upload
122 views

HTML - Cheat Sheet

This document provides an overview of HTML tags, attributes, and links. It lists common tags like <div>, <form>, <input>, <table>, and headings. It also lists global attributes that can be used on many tags like id, class, and lang. It explains how to create hyperlinks within a document using <a name> and links to other pages or emails using <a href>. It provides examples of linking an external stylesheet and embedding a JavaScript file.

Uploaded by

daniel montanha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
122 views

HTML - Cheat Sheet

This document provides an overview of HTML tags, attributes, and links. It lists common tags like <div>, <form>, <input>, <table>, and headings. It also lists global attributes that can be used on many tags like id, class, and lang. It explains how to create hyperlinks within a document using <a name> and links to other pages or emails using <a href>. It provides examples of linking an external stylesheet and embedding a JavaScript file.

Uploaded by

daniel montanha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Tags Página em Branco Estruturas Atributos Links h

. taccess d
To os os atributos
Syntax Force HTTPS accept
form, input p
input, textarea
Div Y
<!DOCT PE html>
Tabela <a href="URL">clickable text</a>

<html lang="en">
accept-charset
form laceholder
video
<tag attributename="value" /> Creates a hyperlink to a Uniform Resource Locator

<div>Block element</div> <head>


<table><caption>Phone numbers</caption>
RewriteEngine on
accesskey
Global attribute poster
audio, video
<meta charset="utf-8">
<thead>

<a href="mailto:EMAIL_ADDRESS">clickable text</a>

{ }
RewriteCond % HTTPS !on

<title>Page Title</title>
<tr>

Creates a hyperlink to an email address

* { } {
RewriteRule (. ) https://% HTTP_HOST % REQUEST_URI } action
form preload
command
Títulos Global attributes <a name="NAME">

align

applet, caption, col, colgroup, hr, iframe, img, table, tbody, radiogroup
input, textarea
<meta name="description" content="Roughly 155 characters">
<th>Name</th>

Creates a target location within a document

<link rel="stylesheet" type="text/css" href="mystyle.css">


<th colspan="2">Phone</th>
td, tfoot , th, thead, tr , altapplet, area, img, input readonly
a, area, link
<h1>Page title</h1>
<div id="demo" class="big" dir="ltr" lang="en"
<a href="#NAME">clickable text</a>
Force www

HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</tr>

<h2>Subheading</h2>
style="color: red;" tabindex="0" title="Tooltip"
Creates a link to that target location async
script rel
input, select, textarea
<script src="script.js"></script>
</thead>

<h3>Tertiary heading</h3>
<tbody>
contenteditable="true" spellcheck="true"
RewriteEngine on
autocomplete
form, input required
ol
</head>

<h4>Quaternary heading</h4>
<body>
<tr>
data-htmlcheat="99">Hello World!</div> { }^
RewriteCond % HTTP_HOST htmlg .com NC \ [ ]
autofocus
button, input, keygen, select, textarea reversed
textarea
<!-- Content -->
<td>John</td>
^ *$ $ [
RewriteRule (. ) http://www.htmlg.com/ 1 L,R=301,NC ] autoplay
audio, video rows
td, th

Cheat sheet Paragrafo </body>


<td>577854</td>

autosave
input rowspan
ifram
</html> <td>577855</td>
Internacionalização Force non-www
<p style="text-align: center;">text</p> </tr>

<tr>

dir, lang, xml:lang


Forms bgcolor

buffered

body,
audio,
col, colgroup, marquee, table, tbody, tfoot, td, th, tr
video
sandbox

selected

option
input, select
<td>Jack</td>
RewriteEngine on

Image m <td>577856</td>

<html lang="en-US">

{ }^ \
RewriteCond % HTTP_HOST www .htmlg .com NC \ [ ]
challenge
keygen size
Global attribute

<td>577857</td>

...

<p dir="rtl">Right to left (Arabic)</p>


<form> </form>

^ *$ $ [
RewriteRule (. ) http://htmlg.com/ 1 L,R=301 ] charset
meta, script slot
col, colgroup
<img src="/demo.jpg" alt="description" height="48" width="100" />

​ HTML5 Estrutura Completa </tr>

</tbody>

...
Define um formulário
checked
command, input span
Global attribute
</html>
<select multiple name=? size=?> </select>
Página de erros customizada cite
blockquote, del, ins, q spellcheck
audio, embed, iframe, img, input, script, source,
<tfoot>

Link de meail ​
Cria um select, um input com várias opções
class
Global attribute src

track, video
<tr>

// Link: download, href, hreflang, media, rel, target, type


<option>

<td>&nbsp;</td>
ErrorDocument 500 "Sorry, something went wrong!"
code
applet ol
<a href="mailto:[email protected]?Subject=Hi%20mate" target="_top">Send <header>
<a
Item usado dentro do select

<td>Personal</td>
ErrorDocument 401 https://htmlg.com/404/

Mail</a>
<div id="logo">HTML</div>
href="https://htmlg.com/"
<textarea name=? cols="x" rows="y"></textarea>
codebase
applet start
input
<td>Office</td>
ErrorDocument 404 404error.html
​ <nav>
target="_blank"
Cria um input com mais de uma linha para escrever textos maiores

Texto negrito </tr>


colorbase
font, font, hr step
Global attribute
<ul>
rel="external"
<input type="checkbox" name=? value=?>

</tfoot>
cols
textarea style
Global attribute
<strong>Bold text</strong>
<li><a href="/">Home</a></li>
hreflang="en"
Cria um input do tipo checkbox
Redirecionar site completo
</table> colspan
td, th tabindex
a, area, base, form
​ <li><a href="/link">Page</a></li>
type="text/html"
<input type="checkbox" name=? value=? checked>

</ul>
>
Cria um checkbox que já está marcado por padrão
content
meta target
Global attribute
Texto italico Redirect 301 / https://htmlg.com/
</nav>
Link
<input type="radio" name=? value=?>

Linha não ordenada contenteditable


Global attribute title
button, input, command, embed, object, script, source,
</header>
</a>
Cria um input do tipo radio button

<em>Italic text</em> contextmenu


Global attribute type

style, menu
<main role="main">
​ <input type="radio" name=? value=? checked>
Redirect permanente
<ul>

<article>
Cria um radio button que já está marcado por padrão
controls
audio, video img, input, object
<li>First</li>

Texto underline <h2>Title 1</h2>


<input type="text" name=? size=?>
Redirect 301 /oldlink.html https://htmlg.com/help/

<li>Second</li>
coords
area usemap
button, option, input, li, meter, progress, param
<p>Content 1</p>
Cria um input de texto de apenas uma linha
Redirect 301 /oldlink https://htmlg.com/about/
<li>Third</li>
Image data
object value
canvas, embed, iframe, img, input, object, video
<span style="text-decoration: underline;">Underlined text</span> </article>
<input type="submit" value=?>

</ul>
<article>
src, alt, heigt, ismap, longdesc, src, srcset, usemap, width Cria um botão de envio para o formulário data-*
Global attribute width
textare
<h2>Title 2</h2>
Alias Directory
datetime
del, ins, time wrap
track
Iframe <p>Content 2</p>

</article>
Listas de definição <img src="/demo.jpg" alt="description" height="48" width="100" longdesc="desc.txt" />
RewriteEngine On

default
track kind
track
<iframe src="link.html" width="200" height="200"> </iframe> ^ * $
Formatação
</main>
RewriteRule source_directory/(. ) target_directory/ 1 defer
script label
Global attribute
<section>A group of related content</section>
<dl>

dir
Global attribute lang
script
<aside>Sidebar</aside>
<dt>HTML</dt>

Abbreviation <dd>Hypertext Markup Language</dd>


Bloquear endereço IP dirname
input, textarea language
input

Listas
<footer>

<p>&copy; HTML CheatSheet</p>


<dt>CSS</dt>
disabled

button, command, fieldset, input, keygen, optgroup, option, list


audio, bgsound, marquee, video
<abbr title="Hypertext Markup Language">HTML</
<address>Contact <a href="mailto:[email protected]">me</a></address>
<dd>Cascading Style Sheets </dd>
<p> </p>
Order deny,allow

abbr> select, textarea loop


meter
</footer> </dl> Cria um novo paragráfo
Allow from all

download
a, area low
html
Comentário <br>
Deny from 123.123.123.123

<ul> </ul>
Insere uma linha em branco
Deny from 123.123.123.123 draggable
Global attribute manifest
input, meter, progress
<!-- HTML Comment --> Formulário Cria uma lista sem order
<blockquote> </blockquote>
dropzone
Global attribut max
input, textarea
<ol> </ol>
Insere o conteúdo entre um bloco com uma linha vertical estilo quote

Open Graph
<form action="/action.php" method="post">
Cria uma lista ordenada
Permitir acesso apenas de um IP enctype
form, input maxlength
a, area, link, source, style
<div> </div>

Linha Horizontal <input name="name" type="text" />


<li> </li>
Cria um bloco em branco para ser formatado com CSS
for
form media
form
<input max="99" min="1" name="age" step="1" type="number" value="18" />
Item de cada lista
<span> </span>
# Require all denied

<hr />
form
Global attribute method
input, meter
<select name="gender">
<dl> </dl>
Cria um bloco inline para ser formatado com CSS # Require ip 123.123.123.123
Cria uma lista definida
formaction
form min
input, select
<option selected="selected" value="male">Male</option>

<option value="female">Female</option>
<dt>
headers

applet, caption, col, colgroup, hr, iframe, img, table, tbody, multiple
video
Quebra de linha <!doctype html>

</select>
Precede cada termo de definição
td, tfoot , th, thead, tr , altapplet, area, img, input muted
button, form, fieldset, iframe, input, keygen, object,
<html xmlns:og="http://ogp.me/ns#">

<br /> <input checked="checked" name="newsletter" type="radio" value="daily" />


<dd>

<head>
height
canvas, embed, iframe, img, input, object, video name

output, select, textarea, map, meta, param


<input name="newsletter" type="radio" value="weekly" />
Precede cada definição
<title>The Rock (1996)</title>

<textarea cols="20" name="comments" rows="5">Comment</textarea>


hidden
Global attribute form
<meta property="og:title" content="Cheat Sheet" />

Quote <meta property="og:type" content="website" />


<input name="terms" type="checkbox" value="tandc" />
high
meter novalidate
details
<input type="submit" value="Submit" />
href
base, link open

Elementos gráficos
<meta property="og:url" content="https://htmlcheatsheet.com/" />
a, area, meter
<q>Success is a journey not a destination.</q>
</form>
<meta property="og:image" content="https://htmlcheatsheet.com/demo.jpg" /> hreflang
a, area, link optimum

<blockquote cite="https://ruwix.com/">
input
The Rubik's Cube is the World’s best selling puzzle toy.
http-equiv
meta pattern
a, area
</blockquote>
Meta tags opcionais icon
command ping
<hr>

Vídeo <meta property="og:audio" content="https://htmlcheatsheet.com/track.mp3" />


Robots.txt Insere um linha horizontal

<hr size=?>

id

integrity

Global attribute
link, script
<meta property="og:description" content="A brief description" />

<video width="200" height="150" Define o tamanho vertical da linha


ismap
img
<meta property="og:determiner" content="the" />

<hr width=?>

controls>
<meta property="og:locale" content="en_US" />
Example
itemprop
Global attribute
Define o tamanho horizontal da linha

<source src="vid.mp4" type="video/ <meta property="og:locale:alternate" content="es_ES" />


User-agent: *
<hr noshade>
keytype keygen
mp4">
<meta property="og:site_name" content="HTML CheatSheet" />
Disallow: /dont-index-this-folder/

<source src="vid.ogg" type="video/ogg">


Cria uma linha horizontal sem sombra

<meta property="og:video" content="https://htmlcheatsheet.com/video.swf" /> Sitemap: https://htmlcheatsheet.com/sitemap.xml

No video support.
<img src="URL" />

​
Adiciona uma imagem, onde src é o endereço da imagem (URL)

</video> Ban all robots

Audio <img src="URL" align=?>

User-agent: *
Alinhar uma imagem (left/right/center/bottom/top/middle)

<audio controls>
Disallow: / <img src="URL" border=?>

<source src="sound.ogg" type="audio/ogg">


Seta o tamanho da borda de uma imagem

<source src="sound.mp3" type="audio/mpeg">


<img src="URL" height=?>

No audio support.
Seta o tamanho vertical de uma imagem

</audio> <img src="URL" width=?>

Seta o tamanho horizontal de uma imagem

<img src="URL" alt=?>

Seta o texto que será exibido para dispositivos que não leem imagens

You might also like