Cheatography
https://cheatography.com
Structure de base
<!DOCTYPE html> |
type du document |
<head> |
Contient les infos pour le navigateur |
<html> |
contient toute la page |
<body> |
Contient ce qui est l’écran |
<header> |
Contient l'entête |
<main> |
contient ce qui est important |
<footer> |
Contient le pied de page |
Élément Head
<meta> |
information pour navigateur |
charset="" |
contient l'encodage |
name="author" |
indique l'auteur |
<link> |
lien vers feuille externe |
rel="" |
vers quelle sorte de feuille il pointe |
href="" |
contient le lien sur la page |
<title> |
Contient le titre de la page |
<body>
<time> |
représente date ou heure précise |
<adress> |
contact d'une personne |
formatage de text
<h1>, <h2>,..., <h6> |
titre de niveau 1, 2, ...,6 pas plus |
<p> |
paragraphe |
<pre> |
garde tout les caractère écrit |
<mark> |
surligner du text |
<del> |
texte tracé |
<br> |
retour chariot |
<hr> |
saut de section |
<dfn> |
définition d'un terme |
<abbr title = " "> |
abbréviation |
<figure> |
<figcaption> |
légende de <figure> |
|
|
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é |
tableau
<table> |
tableau |
<caption> |
titre |
<thead> |
entète |
<tbody> |
corp |
<th> |
cellule d'entête |
<tr> |
ligne de taleau |
<td> |
cellule de donnée |
partage de code
<code> |
pour partager du code |
< |
< |
> |
> |
<pre> |
bloc de code |
<kbd> |
raccourci clavier |
|
|
image
<img> |
balise image |
src="" |
source de l'image |
alt="" |
description alternative de l'image |
height="" |
hauteur de l'image |
width="" |
largeur de l'image |
Exemple : <img src="./img/marty-mcfly.jpg" alt="portrait de Marty dans retour vers le futur" height="190px" width="210px" />
boite
<div> |
conteneur de type block |
<span> |
conteneur de type inline |
<iframe> |
conteneur d’élément externe au site |
Réference
<cite> |
cite auteur, oeuvre |
<q> |
citation courte |
<blockquote> |
citation longue |
Raccourci webstorm
ctrl + c |
copier |
ctrl + v |
coller |
ctrl + a |
sélectionner 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 devellopement |
ctrl + maj + c |
inspecteur |
ctrl + maj + m |
vue adaptive |
|
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment