Initiation au langage HTML Flashcards
A quoi sert le HTML ?
structurer le contenu
comment est configuré une page internet ?
à l’aide d’un fichier HTML
comment commence-t-on un code HTML ?
<!DOCTYPE html>
de quoi est composée l’entête d’un code HTML ?
<head> <title> <meta></meta>
</title></head>
avec quoi on commence le corps d’un code HTML ?
<body>
</body>
ca veut dire quoi élément HTML
élément racine et parent des autres.
“lang”
code de la langue normalisée
“dir”
sens de la lecture du texte de la page
<base></base>
URL qui fournit l’adresse de base de tous les fichiers de la page
<link></link>
pour lier des documents externes
<meta></meta>
meta-info identifiables par un nom et une valeur
<main>
</main>
contenu principal
<footer>
</footer>
pied de page
<aside>
</aside>
infos contenues sur le côté de la page
<nav>
</nav>
liste des liens utiles à la navigation hors ou dans le site
<iframe>
</iframe>
incorpore un contenu externe
<h1><h2>
</h2></h1>
titres
<p> </p>
paragraphe
<section>
</section>
section générique regroupant un même sujet, même fonctionnalité…
<article>
</article>
section de contenu indépendante, pouvant être extraite individuellement
balise HTML
contient un paragraphe ou permet de définir un format
balise HTML (ex)
<b> </b>
attributs HTML
paramètres qui permettent de préciser le comportement des balises. Certaines peuvent êtres obligatoires ou d’autres peuvent être mises n’importe ou.
“scr”
principalement dans les images + URL de l’image
“id”
pour attribuer un identifiant à n’importe quelle balise, utile pour le CSS et Java
“href”
principalement pour les liens
“name”
dans les contrôles de formulaires
quels sont les 3 types fondamentaux de listes ?
liste simple non ordonnée, liste ordonnée, liste de définition.
comment on introduit la liste simple non ordonnée et chaque élément ?
<ul> et <li>
</li></ul>
comment on introduit la liste ordonnée et ses éléments ?
<ol> et <li>
</li></ol>
comment on introduit une liste de définition et ses éléments ?
chaque élément est accompagné d’une définition écrité sur la ligne suivante avec un retrait <dt>
<div>
</div>
utilisé comme conteneur pour d’autres éléments HTML. Utilisé pour regrouper des sections d’une page web.
<table>
</table>
conteneur de table
<th>
</th>
conteneur de titre
<tr>
</tr>
conteneur de ligne
<td>
</td>
conteneur de cellules
align= “left”
alignement horizontal
valign= “top”
alignement vertical
“x”
épaisseur de cadre
bgcolor=”x”
couleur des cellules
height= “x”
taille en hauteur
widht= “x”
taille en % / largeur de la fenêtre
cellpadding= “y”
taille de la bordure entre les cellules
intégrer un lien hypertexte
navigation à l’intérieur du site et renvoi ou non vers d’autres sites.
balises
<a>…..</a>
valeur de l’url
<a href ….</a>
élément qui contient <img></img> et <figcaption>
<figure>
</figure>
alt= “x”
texte de remplacement si le naviagateur n’arrive pas à afficher l’image.
types d’images acceptées
.gif .jpeg .jpg .png
exemple d’insertion vidéo
<video>...</audio>
</video>
controls= “controls”
affiche les éléments comme pause, retour.. en dessous de la vidéo
autoplay= “autoplay”
déclenche la lecture dès l’ouverture de la page
poster= “url image”
affiche une image fixe le temps du chargement.
exemple d’insertion audio
<audio>...</audio>
<form>....</form>
contiennent tous les éléments du form
<fieldset>
</fieldset>
délimite des groupes de composants actifs du formulaire
<legend>
</legend>
titre d’un groupe de composants
<input></input>
élément essentiel des formulaires qui permettent de créer bon nombre d’éléments interactifs
name=
permet au script de connaître le champ associé à la paire nom/valeur.
type=
préciser le type d’élément que représente la balise input
<label></label>
étiquette pour de nombreux éléments du formulaire
for=
de la balise label doit être égal à l’attribut identifiant de l’élément <input></input> pour les lier ensemble
bonne manière d’écrire une ligne d’éléments qui ne se chevauchent pas
<h1>important !</h1>
</div>
comment les attributs doivent être écrit ?
entre guillemets et séparés d’au moins 1 espace
