Initiation au langage HTML Flashcards
(64 cards)
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
- et
- et
|
conteneur de titre
35
conteneur de ligne
36
|
conteneur de cellules
37
align= "left"
alignement horizontal
38
valign= "top"
alignement vertical
39
"x"
épaisseur de cadre
40
bgcolor="x"
couleur des cellules
41
height= "x"
taille en hauteur
42
widht= "x"
taille en % / largeur de la fenêtre
43
cellpadding= "y"
taille de la bordure entre les cellules
44
intégrer un lien hypertexte
navigation à l'intérieur du site et renvoi ou non vers d'autres sites.
47
élément qui contient
48
alt= "x"
texte de remplacement si le naviagateur n'arrive pas à afficher l'image.
49
types d'images acceptées
.gif .jpeg .jpg .png
50
exemple d'insertion vidéo
51
controls= "controls"
affiche les éléments comme pause, retour.. en dessous de la vidéo
52
autoplay= "autoplay"
déclenche la lecture dès l'ouverture de la page
53
poster= "url image"
affiche une image fixe le temps du chargement.
54
exemple d'insertion audio
55
contiennent tous les éléments du form
56
délimite des groupes de composants actifs du formulaire
57
titre d'un groupe de composants
58
élément essentiel des formulaires qui permettent de créer bon nombre d'éléments interactifs
59
name=
permet au script de connaître le champ associé à la paire nom/valeur.
60
type=
préciser le type d'élément que représente la balise input
61
étiquette pour de nombreux éléments du formulaire
62
for=
de la balise label doit être égal à l'attribut identifiant de l'élément pour les lier ensemble
63
bonne manière d'écrire une ligne d'éléments qui ne se chevauchent pas
important !
64
comment les attributs doivent être écrit ?
entre guillemets et séparés d'au moins 1 espace
|
|---|
