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

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

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.