Show Menu
Cheatography

Structure de base

<!D­OCTYPE html>
type du document
<he­ad>
Contient les infos pour le navigateur
<ht­ml>
contient toute la page
<bo­dy>
Contient ce qui est l’écran
<he­ade­r>
Contient l'entête
<ma­in>
contient ce qui est important
<fo­ote­r>
Contient le pied de page

Élément Head

<me­ta>
inform­ation pour navigateur
charse­t=""
contient l'encodage
name="a­uth­or"
indique l'auteur
<li­nk>
lien vers feuille externe
rel=""
vers quelle sorte de feuille il pointe
href=""
contient le lien sur la page
<ti­tle>
Contient le titre de la page

<bo­dy>

<ti­me>
représente date ou heure précise
<ad­res­s>
contact d'une personne

formatage de text

<h1­>, <h2­>,..., <h6>
titre de niveau 1, 2, ...,6 pas plus
<p>
paragraphe
<pr­e>
garde tout les caractère écrit
<ma­rk>
surligner du text
<de­l>
texte tracé
<br>
retour chariot
<hr>
saut de section
<df­n>
définition d'un terme
<abbr title = " ">
abbrév­iation
<fi­gur­e>
<fi­gca­pti­on>
légende de <fi­gur­e>
 

listes

<ul>
liste non triée
<li>
élément de liste
<ol>
liste trié
<dl>
liste de definition
<dt>
terme à definir
<dl>
definition
start
premier element
type
type de liste
reversed
liste inversé

image

tableau

<ta­ble>
tableau
<ca­pti­on>
titre
<th­ead>
entète
<tb­ody>
corp
<th>
cellule d'entête
<tr>
ligne de taleau
<td>
cellule de donnée

partage de code

<co­de>
pour partager du code
&lt
<
&gt
>
<pr­e>
bloc de code
<kb­d>
raccourci clavier
 

image

<im­g>
balise image
src=""
source de l'image
alt=""
descri­ption altern­ative de l'image
height­=""
hauteur de l'image
width=­"­"
largeur de l'image
Exemple : <img src="./­img­/ma­rty­-mc­fly.jp­g" alt="po­rtrait de Marty dans retour vers le futur" height­="19­0px­" width=­"­210­px" />

boite

<di­v>
conteneur de type block
<sp­an>
conteneur de type inline
<if­ram­e>
conteneur d’élément externe au site

Réference

<ci­te>
cite auteur, oeuvre
<q>
citation courte
<bl­ock­quo­te>
citation longue

Raccourci webstorm

ctrl + c
copier
ctrl + v
coller
ctrl + a
sélect­ionner tout
ctrl + f
chercher
ctrl + alt + i
indenter
alt + f2
pour ouvrir dans le navigateur
maj + click
pour ouvrir dans le navigateur en local

Raccourci Navigateur Chrome

ctrl + u
pour afficher le code source
ctrl + maj + i
inspecter
ctrl + r
actualiser

Raccourci Navigateur Firefox

ctrl + maj + i
outils de devell­opement
ctrl + maj + c
inspecteur
ctrl + maj + m
vue adaptive

Support Cheatography!

 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.