Correction exercice I l’algorithme et programmation web : Langage HTML
Correction exercice I
1. Définition
La balise, tag en anglais, désigne dans le domaine de la programmation une série de caractères destinée à déclencher, de façon automatique, l'exécution d'une action par un programme informatique. À la lecture d'une balise, un programme informatique exécute ainsi instantanément une commande spécifique.
Le HTML (HyperText Markup Language) est un langage permettant de concevoir les pages web statique.
Page Web : Tout document pouvant s’ouvrir dans un navigateur, Fichier conçus à partir du langage HTML.
Site web : Ensemble de pages web liées entre elles par des liens hypertextes.
Attribut : Paramètre ou propriété d’une balise permettant de donner plus de précision sur l’action d’une balise. L’attribut permet d’enrichir l’action de la balise.
2. Pour créer une page web statique, nous avons besoin de deux éléments logiciels :
a) Un éditeur de texte
b) Un Navigateur.
3. Un élément a la structure suivante : <non>
Contenu </non>
4. La structure minimale d’une page web est composée de deux parties : l’entête et le corps.
5. La déclaration Doctype est obligatoire et doit être placée en tête du code. Elle contient le nom de l'élément racine soit html.
Correction exercice II l’algorithme et programmation web : Langage HTML
Correction exercice II
1 Le nom de l'élément racine est donné dans Doctype ; c'est l'élément qui inclut tous les autres donc le sommet de la hiérarchie.
2 Les enfants de premier niveau de <html>
sont <head>
et <body>
.
3 L’élément <head>
est l’en-tête du document. Tout son contenu, à part l’élément <title>
ne crée aucune information visible dans un navigateur. Il contient des informations utiles au document. Ses éléments enfants sont : <base />
, <link/>
, <meta/>
, <script>
, <style>
et <title>
.
4. Seul l’élément <title>
est obligatoire dans l’en-tête <head>
. Il contient le titre de la page qui est affiché dans la barre de titre du navigateur et dans les moteurs de recherche. Seuls les éléments <base />
et <title>
ne doivent être utilisés qu’une seule fois.
Correction exercice III l’algorithme et programmation web : Langage HTML
Correction exercice III
1. Ce code n’est pas conforme car l’élément <body> contient du texte directement (CAMERECOLE ! Le meilleur des sites éducatif.), alors qu’il devrait être inclus dans un des éléments enfants de <body>
2. Écrivons la page
<html >
<head>
<title>première ti : cours surs le langage html</title>
</head>
<body>
<h1>Chapitre 1 : </h1>
<h2>Introduction</h2>
<p>Un formulaire est un objet d’une page web permettant de faciliter la communication entre l’internaute et le site web. Le formulaire offre une interface permettant de recueillir les informations d’un utilisateur. Il est composé de plusieurs éléments de l’interface homme-machine : champ de saisie, boutons à cliquer, liste de choix, radio bouton, case à cocher. </p>
<h2>Conclusion</h2>
<p> Les formulaires sont des objets très important dans la conception des sites web, dans la mesure où ils permettent une communication entre les internautes et le site par l’intermédiaire des pages d’inscriptions et autres. Toutes les informations remplies de formulaire sont immédiatement transmises à une page cible située dans une machine distante ou locale qui se chargera de récupérer ces informations pour les traiter. L’usage d’un langage de script (Javascript, PHP, etc..) est nécessaire pour pouvoir écrire le code de traitement </p>
</body>
</html>
Chapitre 1 :
Introduction
Un formulaire est un objet d’une page web permettant de faciliter la communication entre l’internaute et le site web. Le formulaire offre une interface permettant de recueillir les informations d’un utilisateur. Il est composé de plusieurs éléments de l’interface homme-machine : champ de saisie, boutons à cliquer, liste de choix, radio bouton, case à cocher.
Conclusion
Les formulaires sont des objets très important dans la conception des sites web, dans la mesure où ils permettent une communication entre les internautes et le site par l’intermédiaire des pages d’inscriptions et autres. Toutes les informations remplies de formulaire sont immédiatement transmises à une page cible située dans une machine distante ou locale qui se chargera de récupérer ces informations pour les traiter. L’usage d’un langage de script (Javascript, PHP, etc..) est nécessaire pour pouvoir écrire le code de traitement
Correction exercice IV l’algorithme et programmation web : Langage HTML
Correction exercice IV
1. Listes d’adresses e-mails
<html>
<head>
<title> Listes d’adresses emails</title>
</head>
<body>
<p>
<ul>
<li>info@camerecole.org </li>
<li>admin@camerecole.org </li>
<li>drh@camerecole.org </li>
<li>direction@camerecole.org<;/li>
</ul>
<p>
</body>
</html>
Comme le disait La Fontaine Rien ne sert de courir
alors que pour Shakespeare la question est Être ou ne pas être
2. code
<html >
<head>
<title>Cours html</title>
</head>
<body>
<p>
Suite numérique : u<sub>n</sub>=2(u<sub>n-1</sub> + u<sub>n-
2</sub>)<br />
Fonction polynome: f(x)=3x<sup>4</sup>+7x<sup>3</sup>-9x<sup>2</sup> <br />
</p>
</body>
</html>
Cours html
Suite numérique : un=2(un-1 + un- 2)
Fonction polynome: f(x)=3x4+7x3-9x2
Correction exercice V l’algorithme et programmation web : Langage HTML
Correction exercice V
1. Écrirons les mots HTML et CSS en gras dans un texte normal.
La racine du document HTML5 est html. Pour mettre du style au code html, on utilise du CSS
2. Créons une liste de noms numérotés de l à 4.
<li>Langage XHTML</li>
<li>Styles CSS </li>
<li>Scripts JavaScript</li>
<li>Scripts PHP</li>
</ol>
- Langage XHTML
- Styles CSS
- Scripts JavaScript
- Scripts PHP
3. Créons une liste de noms numérotés de 7 à 11.
<li>Langage XHTML</li>
<li>Styles CSS </li>
<li>Scripts JavaScript</li>
<li>Scripts PHP</li>
</ol>
- >
- Langage XHTML
- Styles CSS
- Scripts JavaScript
- Scripts PHP
4. Créons la même liste de noms avec des puces.
<li>Langage XHTML</li>
<li>Styles CSS </li>
<li>Scripts JavaScript</li>
<li>Scripts PHP</li>
</ul>
- Langage XHTML
- Styles CSS
- Scripts JavaScript
- Scripts PHP
5. L’attribut alt est obligatoire et src est indispensable car il contient l’URL du fichier image.
Correction exercice VI l’algorithme et programmation web : Langage HTML
Correction exercice VI
1. Image
2. Créons le lien
Le langage HTML permet la création de pages structurées, CSS3 des présentations variées.
3. Citons les éléments spécialisés utilisables pour la création des tableaux et leur ordre d’apparition dans le code HTML5.
<table>, <thead>, <tbody>, <tr>, <th>, <td>, <tfoot>
4. Créons un tableau composé de quatre lignes et de cinq colonnes.
<tr> <td> L1 C1 </td><td>L1 C2</td><td>L1 C3</td><td>L1 C4</td><td>L1 C5</td> </tr>
<tr> <td> L2 C1 </td><td>L2 C2</td><td>L2 C3</td><td>L2 C4</td><td>L2 C5</td> </tr>
<tr> <td> L3 C1 </td><td>L3 C2</td><td>L3 C3</td><td>L3 C4</td><td>L3 C5</td> </tr>
<tr> <td> L4 C1 </td><td>L4 C2</td><td>L4 C3</td><td>L4 C4</td><td>L4 C5</td> </tr>
</table>
L1 C1 | L1 C2 | L1 C3 | L1 C4 | L1 C5 |
L2 C1 | L2 C2 | L2 C3 | L2 C4 | L2 C5 |
L3 C1 | L3 C2 | L3 C3 | L3 C4 | L3 C5 |
L4 C1 | L4 C2 | L4 C3 | L4 C4 | L4 C5 |
Correction exercice VII l’algorithme et programmation web : Langage HTML
Correction exercice VI
1. Avec get les données sont ajoutées à l’URL du fichier désigné par l’attribut action de l’élément <form> (celui qui traite les données). Avec post ce n’est pas le cas, il faut utiliser cette valeur pour le transfert de fichier.
2. Formulaire
<fieldset>
<legend>Formulaire</legend>
<label> Votre Nom : </label>
<input type="text" name="nom" size="25" maxlength="25" tabindex="1"
accesskey="A"/><br />
<label> Mot de passe : </label>
<input type="password" name="pass" size="8" maxlength="8" tabindex="2"
accesskey="B"/><br />
<label>Mail : </label>
<input type="email" name="mail" size="40" tabindex="3" accesskey="C"/><br
/>
<label>Envoi : </label>
<input type="submit" name="envoi" value="Envoi"/>
<label>Effacer : </label>
<input type="reset" name="efface" value="Effacer"/>
</fieldset>
</form>