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 cssfont-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 |
| | CommentairesHTML | <!-- 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 cssinline | <p style="color:red"></p>
| interne | <style type="text/css"></style>
| externe | <link href="fichier.css" rel="stylesheet" type="text/css"/> |
Base cssselecteur {
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