HTML structure
<!DOCTYPE html>
<html>
<head>
<title>Exemple</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
</body>
</html>
|
Formulaires
<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 |
Base du html
<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> |
propriétés css
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 |
|
|
Commentaires
HTML |
<!-- ceci est un commentaire --> |
CSS |
/* commentaire */ |
Tableau
<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 |
Inclure du css
inline |
<p style="color:red"></p>
|
interne |
<style type="text/css"></style>
|
externe |
<link href="fichier.css" rel="stylesheet" type="text/css"/> |
Base css
selecteur {
prop1: valeur;
prop2: valeur;
}
|
selecteurs
* |
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 |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets