HTML Cheat Sheet [Updated] - Download PDF for Quick Reference

HTML signifie Hyper Text Mark-up Language

Utilisé pour : créer des pages web (documents) qui sont affichées sur le World Wide Web (sites web). Ces pages peuvent être un mélange de texte, d’images, de vidéos et d’autres éléments. Il peut être créé avec : notepad, TextPad ou tout autre éditeur de texte.

Enregistré sous forme de : .html files

HTML Cheat Sheet

Voici que nous partageons avec vous le HTML Cheat Sheet complet:

Structure de base

<!DOCTYPE html><html> <head> <title></title> </head> <body> body tags and main content </body></html>

Les principaux éléments du HTML sont les balises. Les balises structurent et présentent les données sous différentes formes.

Heading

<h1>Heading 1</h1><h2>Heading 2 </h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6 </h6>

Paragraphe

Span

La balise span est utilisée pour styliser les éléments en ligne.

<span style = "color:green”> Address </span>

– imprime le mot ‘Adresse’ dans la couleur spécifiée (ici le vert). L’attribut style est utilisé pour styliser les éléments HTML.

Caractères

Mise en forme

Corps

<body> – le contenu principal se trouve dans le corps. À l’intérieur de <body>, il peut y avoir de nombreuses sections. Attributs –

Métadonnées

nom = « » – peut être un nom comme mot-clé, auteur, description etc…
contenu = « » – la valeur correspondant aux noms ci-dessus

Exemple – <meta name= »keywords » content= »What is HTML, Comment apprendre le HTML »>

Sections et divisions

<div></div> nouvelle section ; Les balises div imbriquées sont très courantes lorsque plusieurs sous-sections sont nécessaires
<hr> -. ligne horizontale

<hr> possède les attributs suivants –

<hr size = « » width = « »/width = « % » color = « » align = « left/center/right »>
taille – épaisseur de la ligne en pixels
largeur – en pixels ou en pourcentage (au choix)
couleur – couleur en valeur hexagonale
alignement – alignement ; gauche, droite ou centre

Tables

<table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr></table>

<table> – crée une table,
<tr> – crée une ligne,
<td> – crée une colonne,
<th> – crée des colonnes d’en-tête
… crée des colonnes d’en-tête

<table> attributs –

<td> attributs

Exemple –

<colgroup> <col span="1" style="background-color:green"> <col style="background-color:blue"></colgroup>

La première colonne sera mise en évidence en vert, tandis que les autres colonnes seront mises en évidence en bleu.

Formulaires (HTML Cheat Sheet)

La plupart des contenus dynamiques comme les entrées utilisateur, la soumission d’une page, le remplissage d’un formulaire se produisent à l’intérieur de cette balise. Il s’agit d’un groupe d’entrées connexes.

<form> <input> <select><option></option></select> <textarea></form>

<form> attributs de la balise –

<input> attributs de balise –

<select></select> -. Sélectionnez des options dans la liste déroulante <select> des attributs de la balise :

<option></option> – éléments individuels de la liste déroulante </option> tag Attributs :

value= » » – Valeur de l’option sélectionnée ou valeur par défaut définie
<textarea>lot de texte comme la description </textarea> -. Grande zone pour les entrées de texte

<textarea> Attributs de la balise :

iframe

<iframe src= » »></iframe> – intègre un autre document dans le document (page) actuel dans un cadre.
Attribut « src » – emplacement du document à intégrer

Liens

Les liens HTML, également appelés hyperliens, sont définis par la balise ‘a’ – <a></a>. Attributs –

href = « » – l’url à visiter lorsque le lien est cliqué
cible = « » – précise où ouvrir le lien -. _blank (nouvel onglet/fenêtre), _self (même fenêtre/onglet), _parent (dans le cadre parent), framename – ouvrir dans un cadre particulier.
titre = « » – donne des informations sur l’élément
id = « » – pour créer des signets dans la page qui peuvent être utilisés comme valeur dans l’attribut href.

Exemples –

Styles

Pour le style, il y a de nombreux attributs utilisés avec diverses balises. Les attributs sont –

<style> text-align= "” – align text; left, right, center background-color = "” – background color of the element color=”” – for color of texts font-family = "” – for various fonts font-size = "” size of the font border = "” – border thickness and color for a table</style>

Ces éléments de style sont réunis dans un CSS.

Listes

Il existe deux types de listes – ordonnées et non ordonnées. <ol></ol> – liste ordonnée Attributs –

type= » » – la numérotation de la liste – A, a, I, 1, i
starter = « » – valeur de départ
<ul></ul> – liste non ordonnée
. liste non ordonnée

Attributs –

type = « » – type de puce – carré, cercle, disque
<li></li> – valeur individuelle dans la liste
. valeur individuelle dans la liste