Scribd
Importer
8 vues11 pages

Intro HTML

HTML est le langage de balisage fondamental qui structure le contenu du web, défini par des balises et des attributs. Il a évolué avec HTML5, intégrant des balises sémantiques, un support natif pour l'audio et la vidéo, ainsi que des formulaires avancés. HTML est essentiel pour les développeurs web et continuera d'évoluer avec les besoins des utilisateurs.

Transféré par

bilal.elarrassi02
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
8 vues11 pages

Intro HTML

HTML est le langage de balisage fondamental qui structure le contenu du web, défini par des balises et des attributs. Il a évolué avec HTML5, intégrant des balises sémantiques, un support natif pour l'audio et la vidéo, ainsi que des formulaires avancés. HTML est essentiel pour les développeurs web et continuera d'évoluer avec les besoins des utilisateurs.

Transféré par

bilal.elarrassi02
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Introduction au HTML

Le langage fondamental qui structure le contenu du World Wide Web. Il


définit la signification sémantique des informations sur les pages web.
Qu'est-ce que le HTML ?
HyperText Markup Langage de Balisage HTML5 Actuel
Language
Non pas un langage de Standard W3C depuis 2014,
Inventé par Tim Berners- programmation, mais pour le plus utilisé.
Lee en 1991. structurer.
Les Fondamentaux du
HTML
Les Balises Les Attributs
Repose sur des "balises" pour Chaque élément peut avoir des
définir les éléments. Exemple: "attributs" pour plus de détails.
<p> et </p>. Exemple: <a href="...">.

Interprétation du Navigateur
Le navigateur lit et interprète le HTML pour afficher la page.
Les Balises
<html> : racine du document

<head> : informations sur la page (non visibles)

<body> : contenu visible

<h1> à <h6> : titres (h1 = plus important)

<p> : paragraphe

<a href="..."> : lien hypertexte

<img src="..." alt="..."> : image

<ul> / <ol> / <li> : listes non ordonnées / ordonnées

<div> : division de page

<span> : mise en forme inline

<br> : saut de ligne

<hr> : ligne horizontale


Les attributs
href : destination du lien

target="_blank" : ouvre dans un nouvel onglet

alt : texte alternatif (image)

src : source d'une image


Structure d'une Page HTML
<!DOCTYPE html>: Déclaration du type de document.
<html>: Élément racine, englobe tout.
<head>: Métadonnées (titre, CSS, favicon).
<body>: Tout le contenu visible de la page.
Éléments Essentiels de
Contenu

Titres Paragraphes
<h1> à <h6> pour la hiérarchie. <p> pour le texte courant, le plus
Important pour le SEO. utilisé.

Listes
<ul> (non-ordonnées) et <ol>
(ordonnées) avec <li> pour les
éléments.
Exemple
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Titre de la page</title>
</head>
<body>
<h1>Bonjour, monde !</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>
Liens et Médias
Liens Hypertextes

<a href="url">Texte</a> pour la navigation entre pages.

Images Intégrées

<img src="[Link]" alt="Description"> pour afficher


des visuels.

Accessibilité

L'attribut alt est essentiel pour les lecteurs d'écran et le SEO.


L'Évolution avec HTML5
Balises Sémantiques
<header>, <nav>, <article>, <section>, <footer> pour une
meilleure structure.

Audio & Vidéo


Support natif avec les balises <audio> et <video>, plus besoin
de plugins.

Formulaires Avancés
Nouveaux types d'input et validation intégrée.
Conclusion et Perspectives
• HTML est la colonne vertébrale de plus de 1.9 milliard de sites web.
• Synergie avec CSS (style) et JavaScript (interactivité).
• Compétence fondamentale pour tout développeur web.
• Continuera d'évoluer avec les standards du web et les besoins des utilisateurs.

Vous aimerez peut-être aussi