Fiche de cours

Description des documents électroniques du langage à balises html

Culture générale   >   Description des documents électroniques du langage à balises html

  • Fiche de cours
  • Quiz et exercices
  • Vidéos et podcasts
Objectif :
Découvrir les fondamentaux du standard des documents Web.
1. Présentation : de la normalisation du réseau à celle des documents
Rappel : Internet apporte la solution de l'interconnexion des réseaux de structures et de technologies différentes permettant la communication normalisée au travers de la pile de protocole TCP/IP. 

HTML a été développé comme langage standardisé puis normalisée au travers de XHTML permettant de représenter les documents du service WWW qui représente plusieurs dizaines de milliards de « pages Web » à travers le monde.
2. Qu'est-ce que le langage HTML
HTML (HyperText Markup Language) est un langage de balises (Markup) qui permettent de formater un texte qui sera par la suite interprété de façon visuelle par un navigateur WWW.

Les documents hypertextes sont composés d’un mélange de texte, image (éventuellement son, vidéo…) qui sont soit statiques, soit liés. La liaison d’un objet hypertexte permet d’offrir la possibilité à l’utilisateur par un simple clic de souris de naviguer d’un document hypertexte à un autre (ou à l'intérieur du même document). Les objets liés renferment un lien hypertexte qui définit l’adresse URL d’une cible ; l’activation du lien hypertexte dans le navigateur WWW par un clic de souris demande alors le chargement de la cible (locale ou externe).
3. Les bases de la syntaxe HTML
a. Notion de balises html
Les balises selon les recommandations XHTML sont toujours définies par paires de la forme <balise></balise>.
Exemples : <HTML></HTML>, <HEAD></HEAD>, <BODY></BODY>…
b. Organisation de documents html
La structure normalisée d'un document html est délimitée par les balises <HTML></HTML> composés d'un entête de document <HEAD></HEAD> et d'un corps de document <BODY></BODY>

c. Présentation de documents html
Un document html intègre le contenu (texte, image, son, vidéo) défini par l'auteur ainsi que la présentation.

Illustrations : paragraphe, saut de ligne, gras, italique, souligné, police de caractères couleurs et taille


d. Structure de documents html
Un document html permet de définir la structure organisationnelle du document à l'aide des titres et des listes qui s'ajoutent au contenu et à la présentation.


e. Gestion des liens hypertextes
Les liens hypertextes permettent le navigation à l'intérieur d'un document ou entre documents en gérant l’accès vers la cible qui sera atteinte quand utilisateur cliquera sur le support du lien.



Voir l'application à travers un exemple  :


Remarque : les liens hypertextes permettent de définir une structure non linéaire de la lecture d'un document qui reposera alors sur les choix du lecteur.
f. Gestion des images et des tableaux
Le programme de terminale STG GSI demande la connaissance de la syntaxe html des tableaux et images.

• Insertion d'images : les images sont des fichiers externes inclus dans une page html.
Exemple : <IMG SRC="images/classe.jpg" BORDER=0 WIDTH=429 HEIGHT=330>


• Définition d'un tableau


Voir l'application à travers un exemple :
4. Les évolutions du HTML
On note 2 grandes évolutions du html :

• le dynamic html (Dhtml) qui a permis d'intégrer des programmes principalement écrits en langage JavaScript (ou encore VBScript) qui permettent le dynamisme client d'un document (ou page) Web.
Exemple


• le Xhtml qui suite aux recommandations du W3C a permis d'apporter une conformité d'écriture des documents html ; il existe un certain nombre d'outils en ligne qui permettent de vérifier la validité Xhtml (comme http://validator.w3.org/ du W3C).
5. Préparation au référencement Internet
Il est important lors de la création d'un site Internet ou intranet de préparer son référencement par les moteurs de recherche s'appuie sur un certain nombre de balises comme le titre <TITLE></TITLE> où les balises <META NAME="Description" et <META NAME="Keywords" …
Exemple

L'essentiel
Internet est le vecteur de la communication mondiale ; les sites WWW permettent aux organisations d'être en contact avec leurs partenaires quelles que soient leurs localisations à travers le globe.

Le HTML permet la gestion : du contenu, de la structure et de la présentation des documents électroniques Web.
Les documents électroniques Web (au format html) permettent aux lecteurs d'avoir une approche linéaire (lecture classique en fonction de la structure définie par l'auteur) ou une approche plus dynamique grâce à utilisation des liens hypertextes qui permettent des sauts à l'intérieur d'un même document ou vers d'autres documents externes.
146401

Évalue ce cours !

 

Note 2.5 / 5. Nombre de vote(s) : 2

Des quiz et exercices pour mieux assimiler sa leçon

La plateforme de soutien scolaire en ligne myMaxicours propose des quiz et exercices en accompagnement de chaque fiche de cours. Les exercices permettent de vérifier si la leçon est bien comprise ou s’il reste encore des notions à revoir.

S’abonner

 

Des exercices variés pour ne pas s’ennuyer

Les exercices se déclinent sous toutes leurs formes sur myMaxicours ! Selon la matière et la classe étudiées, retrouvez des dictées, des mots à relier ou encore des phrases à compléter, mais aussi des textes à trous et bien d’autres formats !

Dans les classes de primaire, l’accent est mis sur des exercices illustrés très ludiques pour motiver les plus jeunes.

S’abonner

 

Des quiz pour une évaluation en direct

Les quiz et exercices permettent d’avoir un retour immédiat sur la bonne compréhension du cours. Une fois toutes les réponses communiquées, le résultat s’affiche à l’écran et permet à l’élève de se situer immédiatement.

myMaxicours offre des solutions efficaces de révision grâce aux fiches de cours et aux exercices associés. L’élève se rassure pour le prochain examen en testant ses connaissances au préalable.

S’abonner

Des vidéos et des podcasts pour apprendre différemment

Certains élèves ont une mémoire visuelle quand d’autres ont plutôt une mémoire auditive. myMaxicours s’adapte à tous les enfants et adolescents pour leur proposer un apprentissage serein et efficace.

Découvrez de nombreuses vidéos et podcasts en complément des fiches de cours et des exercices pour une année scolaire au top !

S’abonner

 

Des podcasts pour les révisions

La plateforme de soutien scolaire en ligne myMaxicours propose des podcasts de révision pour toutes les classes à examen : troisième, première et terminale.

Les ados peuvent écouter les différents cours afin de mieux les mémoriser en préparation de leurs examens. Des fiches de cours de différentes matières sont disponibles en podcasts ainsi qu’une préparation au grand oral avec de nombreux conseils pratiques.

S’abonner

 

Des vidéos de cours pour comprendre en image

Des vidéos de cours illustrent les notions principales à retenir et complètent les fiches de cours. De quoi réviser sa prochaine évaluation ou son prochain examen en toute confiance !

S’abonner

Découvrez le soutien scolaire en ligne avec myMaxicours

Plongez dans l'univers de myMaxicours et découvrez une approche innovante du soutien scolaire en ligne, conçue pour captiver et éduquer les élèves de CP à la terminale. Notre plateforme se distingue par une riche sélection de contenus interactifs et ludiques, élaborés pour stimuler la concentration et la motivation à travers des parcours d'apprentissage adaptés à chaque tranche d'âge. Chez myMaxicours, nous croyons en une éducation où chaque élève trouve sa place, progresse à son rythme et développe sa confiance en soi dans un environnement bienveillant.

Profitez d'un accès direct à nos Profs en ligne pour une assistance personnalisée, ou explorez nos exercices et corrigés pour renforcer vos connaissances. Notre assistance scolaire en ligne est conçue pour vous accompagner à chaque étape de votre parcours éducatif, tandis que nos vidéos et fiches de cours offrent des explications claires et concises sur une multitude de sujets. Avec myMaxicours, avancez sereinement sur le chemin de la réussite scolaire, armé des meilleurs outils et du soutien de professionnels dédiés à votre épanouissement académique.

EXERCE-TOI EN T'ABONNANT