Que signifie l’acronyme HTML ?
HyperText Markup Language. HTML est un langage de balisage.
Quel est le boilerplate d’une page HTML ?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"
<title>Une page web!</title>
<meta></meta>
</head>
<body>
<main>
<h1>Titre</h1>
<p>Un paragraphe</p>
</main>
</body>
</html>
Quelle est la balise racine d’une page html ?
La balise <html> est élément racine d’un document. Il ne peut y en avoir qu’une par balise.
Que contient la balise <head> ?
Il s’agit du conteneur de métadonnées. Il contient tout ce qui n’est pas du contenu. Il ne peut y en avoir qu’un par page HTML.
Qu’est ce qu’un élément HTML ?
Les balises HTML (par paire ou orpheline) permettent d’enrichir le texte de structure, sémantique et comportement. Elles contiennent également les attributs.
<p>Hello World!</p>
En quoi consiste la philosophie de résilience du code HTML.
Lorsque le code HTML est incorrect, le navigateur s’adapte :
- balise incorrecte -> balise <span>
- nom attribut incorrect -> ignoré
- valeur attribut incorrect -> valeur par défaut
- style incorrect (propriété ou valeur) -> ignoré</span>
Quel site permet de vérifier son code HTML ?
validator.W3.org
Quels caractère doivent être échappé en HTML ?
Caractère - Nom HTML - Numéro HTML
& - & - &
< - < - <
> - > - >
“ - " - "
‘ - &apos - '
Comment déclare-t-on un commentaire en HTML ?
<!-- commentaire -->
ATTENTION : les commentaire sont visibles dans le code de la page web. Ne jamais mettre d’informations confidentielles !
Quels sont les 3 positionnement possible pour un élément ?
block / inline / inline-block
Quels sont les deux conteneur génériques (sans sémantique) ?
<div></div>
: conteneur générique block
<span></span> : conteneur générique inline
Comment déclare-t-on une liste en HTML ?
<ol>
<li>1er élément de liste</li>
<li>1eme élément de liste</li>
</ol>
ol : liste ordonnée / ul : liste non ordonnée
IMPORTANT : les listes peuvent être imbriquées.
Comment déclare-t-on un titre en HTML ?
Les titres sont représentés par les balises <h1></h1>. Les titres vont de h1 à h6 et doivent être déclarés dans l’ordre sans sauter de niveau.
Quels sont les balises permettant de sectionner le contenu et ainsi d’impacter le plan du document ?
<h1> à <h6> : titre
<p> : paragraphe
<hgoupe> : groupe d'un titre et un sous-titre (<p>)
<section>
<article> : contenu autonome
<aside> : élément en aparté sans rapport direct avec le main
<header> : en-tête d'introduction (souvent <nav>)
<footer> : pied de page ou de section
<nav> : liens de navigations
<main> : contenu principal (1 seul par page)
<adress> : adresse de contact
</adress></main></nav></footer></nav></header></aside></article></section></p></hgoupe></p></h6></h1>
Quels sont les balises de contenu en ligne ?
<em> : emphase, permet d’insister (par défaut : italique)
<strong> : marque une importance (par défaut : gras)
<mark> : marque un élément (par défaut : surligné)</mark></strong></em>
anciennes balises : toujours utilisées mais non référencées
<b> : attire l’attention (mot-clé, nom produit)
<i> : différenciation (terme technique, mot en langue étrangère)
<u> : annotation textuelle, sous-lignage</u></i></b>
Qu’est-ce qu’un lien hypertexte ?
Un lien hypertexte est un texte contenant des liens vers d’autres textes. Par exemple : <a> / <link></link> / <img></img> / <form></a>
Qu’est ce qu’une ancre en HTML ?
Une ancre est un élément en ligne permettant de diriger l’utilisateur vers un emplacement de page courante ou vers une page extérieure.
<a>Destination du lien</a>
L’attribut href est un adresse du lien hypertexte vers lequel l’ancre est dirigée (page web, fichier, adresse-mail, emplacement dans la même page, autre ressource).
Que permet l’attribut href=”nomfichier.extension” d’une ancre ?
Elle crée un lien hypertexte qui permet de télécharger le fichier spécifié.
Quelle est la différence entre un lien externe et un lien interne (relatif ou absolu) ?
- Lien externe : il envoie vers un site externe au site courant
exemple : <a>Google</a> - Lien interne : il pointe vers une page du site courant
Il peut être absolu (depuis la racine du site). exemple : <a> ou <a href=”/about/></a>
Ou il peut être relatif à la page courante. exemple : <a href=”voisin.html> (page dans le même dossier) ou <a href=”../parent/” (vers une page dans le dossier parent)
Quels sont les principaux protocoles href ?
- mailto : envoyer un mail vers une adresse précise
- tel : appeler un numéro de téléphone précis
- sms : envoyer un sms
A quoi sert l’attribut target ?
L’attribut target permet de définir la condition dans laquelle une nouvelle page va s’ouvrir.
- target=”_self” (par défaut) : affiche dans la fenêtre courante
- target”_blank” : affiche dans un nouvel onglet
A quoi sert la balise <link></link> ?
La balise <link></link> permet de charger des fichiers externes depuis le <head>. Le plus souvent, il s’agit des feuilles de style CSS ou d’une icône de favoris.
<link></link>
A quoi sert la balise
?
La balise
permet d'exécuter des script Javascript. Elle se situe le plus souvent dans l'entête <head>.
Comment implémente-t-on une image en HTML ?
On utilise la balise <img></img>.
<img src=”image.png” alt=”image de …”
L’attribut src indique l’emplacement de l’image.
L’attribut alt donne une alternative textuelle (dans le cas où l’image ne s’affiche pas ou pour les technologies d’assistance)
| Cellule 1 | Cellule 1 |
-
Git38
-
Algorithmie40
-
Langage C38
-
Anglais 162
-
Fonctionnement des entreprises38
-
HTML32
-
CSS30
-
Architecture Web8
-
Langage SQL26
-
Anglais 242
-
PHP36
-
URLs7
-
Protocole HTTP6
-
Symfony17
-
Etique et responsabilités d'un développeur15
-
JavaScript46
-
Autre1
-
Anglais 36
-
Anglais 462
-
Gestion de projet14
-
UI/UX17
-
Numérique responsable16
-
Java51
-
WordPress11
-
Key Links
-
Subjects
-
Company
-
Find Us
-
