Hypertext Markup Language


Le langage HTML (Hyper Text Markup Language) est un langage de balisage pour la création d'une page web. Les pages web sont généralement visualisées dans un navigateur web. Elles peuvent contenir des textes, des liens, des images et même du son et de la vidéo. Le HTML est utilisé pour marquer et décrire chacun de ces types de contenu afin que le navigateur web puisse les afficher correctement. Le HTML peut également être utilisé pour ajouter des méta-informations à une page web. Les méta-informations ne sont généralement pas affichées par les navigateurs web et sont des données concernant la page web, par exemple le nom de la personne qui a créé la page. Les feuilles de style en cascade (CSS) sont utilisées pour styliser les éléments HTML tandis que JavaScript est utilisé pour manipuler les éléments HTML et les styles CSS.

Le HTML a été réalisé par le World Wide Web Consortium (W3C). Il existe plusieurs versions de HTML. Depuis septembre 2018, la norme HTML actuelle est appelée HTML 5 et se trouve plus précisément à la version 5.2.

Tags

Le HTML utilise des éléments spéciaux du langage de programmation appelés "balises" pour indiquer au navigateur à quoi doit ressembler une page web. Les balises sont généralement présentées par paires : une balise d'ouverture définit le début d'un bloc de contenu et une balise de fermeture définit la fin de ce bloc de contenu. Il existe de nombreux types de balises différentes, chacune ayant un objectif différent. Voir les balises HTML de base ci-dessous pour des exemples de balises.

Certaines balises ne fonctionnent que dans certains navigateurs. Par exemple, la balise <menuitem>, qui est utilisée pour faire apparaître quelque chose lorsque la personne appuie sur le bouton droit de la souris, ne fonctionne que sur le navigateur Mozilla Firefox. Les autres navigateurs ignorent simplement ce tag et affichent l'écriture normalement. De nombreux créateurs de pages web évitent d'utiliser ces balises "non standard" parce qu'ils veulent que leurs pages aient le même aspect avec tous les navigateurs.

Exemple

Voici un exemple de page en HTML.

 1 <!DOCTYPE html> 2 < html> 3 < tête> 4 < titre> C'est le titre de la page. </titre> 5 </ tête> 6 < corps> 7 < p> C'est un paragraphe. </p> 8 < a href="https://www.domain.com"> Ceci est un lien. </a> 9 < img src="image.j    pg" alt="Image"> 10 </body> 11 </html>

Une simple page HTML serait celle-ci : un seul paragraphe avec "Hello world !" écrit dessus.

1 <!DOCTYPE html> 2 < html> 3 < tête> 4 < titre> Hi ! </titre>     5 </ tête> 6 < corps> 7 < p> Hello world ! </p> 8 </ corps> 9 </html>    

Balises HTML de base

 

Nom de l'étiquette

Nom

Fonction

Exemple de code

<!DOCTYPE>

Doctype

Définit le type de document

<!DOCTYPE html>

<html>

HTML

Définit un document HTML et lance un document HTML.

< html> Tout le code</html>

< tête>

Responsable

Contient tout code qui n'est pas utilisé pour afficher des éléments sur la page web

< tête></ tête>

<titre>

Titre

Définit le titre de la page web (indiqué sur l'onglet) et est saisi dans le champ <head>.

< titre> page web</titre>

<corps>

Corps

Contient les éléments visibles de la page web (et contient le paragraphe et plus)

< corps> balises Html</corps>

<h1> à <h6>

Rubriques

Des rubriques de tailles diverses (<h1> étant la plus grande)

< h1> Rubrique</h1>

<p>

Paragraphe

Définit un paragraphe de texte

< p> TEXTE</p>

<a>

Anchor

Crée des liens actifs vers d'autres pages web

< a href="www.domain.com"> Visitez notre site</a>

<img>

Image

Affiche une image sur la page

< img src="ImageUrl" alt="Texte affiché si l'image n'est pas disponible">

<br>

Pause

Insérer un saut de ligne

Texte < br> Texte

 

<centrer>

Centre

Déplace le contenu au centre de la page

< centre> Code</centre>

<script>

Scénario

Crée un script dans la page web, généralement écrit en JavaScript

< script> document. write("Hello World !")</script>

Utilisation des balises HTML

Création d'une page web

Il suffit de se souvenir des balises et de l'ordre de création d'une page web.

Tout d'abord, vous devez trouver un endroit pour taper les balises HTML (je recommande le bloc-notes) et taper les balises.

Voici un autre exemple de page de balises HTML.

<html>

< tête>

<titre> Salut ! <titre>

<h1> Bonjour le monde ! </h1>

</head>

<corps>

<p>

Ceci est une page de balises HTML.

</p>

<pied>

Par : *Insérer le nom ici*

</footer>

</html>

Une fois que vous avez terminé, enregistrez dans ce format : helloworld.htm

(ne pas mettre d'espaces)

Et c'est fini ! Une fois que vous l'aurez enregistré dans votre ordinateur, si vous appuyez dessus, il vous enverra sur votre page web dans google !

Questions et réponses

Q : Qu'est-ce que le HTML ?


R : Le HTML est un type de langage de balisage utilisé pour créer des pages web contenant des textes, des liens, des images et des éléments audiovisuels.

Q : Quelle est la fonction du HTML ?


R : La fonction du HTML est d'indiquer aux navigateurs web à quoi doivent ressembler les pages web et d'ajouter des méta-informations telles que le nom du créateur de la page web.

Q : Quels sont les exemples de médias qui peuvent être inclus dans les pages web créées à l'aide du langage HTML ?


R : Les fichiers audio et les clips vidéo sont des exemples de médias qui peuvent être inclus dans les pages web créées à l'aide du langage HTML.

Q : Comment le CSS complète-t-il le HTML ?


R : CSS est utilisé pour modifier l'apparence des pages HTML.

Q : Quel est le rôle de JavaScript dans le développement web ?


R : JavaScript est un langage de script essentiel dans le développement web, car il indique aux sites web comment se comporter et peut modifier l'apparence des pages HTML et CSS.

Q : Qui est responsable de la création du langage HTML ?


R : Le langage HTML est créé par le World Wide Web Consortium (W3C).

Q : Quelle est la version standard actuelle du HTML ?


R : En septembre 2018, HTML 5 est la dernière version standard de HTML, à savoir la version 5.2.

AlegsaOnline.com - 2020 / 2023 - License CC3