<!DOCTYPE html>
<html>
<head>
<title>Exemple</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
</body>
</html>
<form></form> |
Déclare un formulaire
|
name, action, method (GET, POST), enctype
|
<fieldset></fieldset> |
Regroupement
|
|
<legend></legend> |
nom dans un fieldset
|
|
<label></label> |
Donne un label à un element de forumulaire
|
for="id"
|
<input /> |
type (text, password, checkbox, radio, submit, image, reset, file), placeholder, name, value
|
|
<textarea></textarea> |
rows, cols
|
|
<select></select> |
contient des option
|
name, size, multiple="multiple", code
|
<p></p> |
|
<h1></h1> |
jusqu'à 6
|
<br></br> |
saut de ligne
|
<hr></hr> |
horizontal rule
|
|
Elements inline HTML5
|
em, strong, cite, code, samp, kbd, var, dfn, abbr
|
<ul></ul> |
Contient des <li></li>
|
<ol></ol> |
Contient des <li></li>
|
<dl></dl> |
Contient des <dt> et des <dd>
|
|
<img src="" alt=""/>
|
width, height
|
|
<a href="">texte</a>
|
|
|
font-size
|
|
|
font-style
|
|
|
font-family
|
|
|
font-weight
|
|
|
line-height
|
|
|
text-align
|
|
|
text-transform
|
|
|
height
|
|
|
width
|
|
|
display
|
block, inline, inline-block
|
|
float
|
left, right
|
|
margin
|
|
|
padding
|
|
|
border
|
2px solid black
|
|
position
|
absolute, fixed, relative
|
|
top; left; right; bottom
|
décalage
|
|
z-index
|
profondeur
|
|
HTML
|
<!-- ceci est un commentaire -->
|
|
CSS
|
/* commentaire */
|
<table></table> |
Englobe le tableau
|
<caption></caption> |
titre du tableau
|
<thead></thead> |
entete
|
<tfoot></tfoot> |
pied
|
<tbody></tbody> |
corps
|
<tr></tr> |
row
|
<td></td> |
cellule (att rowspan, colspan pour fussionner cellules)
|
<th></th> |
cellule important
|
|
inline
|
<p style="color:red"></p> |
|
interne
|
<style type="text/css"></style> |
|
externe
|
<link href="fichier.css" rel="stylesheet" type="text/css"/>
|
selecteur {
prop1: valeur;
prop2: valeur;
}|
*
|
universel
|
|
#
|
id
|
|
.
|
classe
|
|
p h2
|
descendant (h2 dans un p)
|
|
p > h2
|
enfant (h2 directement dans p)
|
|
p + h2
|
adjacent (h2 directement après p)
|
|
a:visited
|
pseudo-classe lien visité
|
|
pseudo-classe:
|
:first-letter ; :before ; :after
|
No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.