0% ont trouvé ce document utile (0 vote)
63 vues8 pages

Introduction Au HTML

Transféré par

Rucel
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

Thèmes abordés

  • Python,
  • exemples HTML,
  • SQL,
  • langage de balisage,
  • contenu HTML,
  • conditions d'utilisation,
  • HTML,
  • apprentissage en ligne,
  • historique HTML,
  • balises HTML
0% ont trouvé ce document utile (0 vote)
63 vues8 pages

Introduction Au HTML

Transféré par

Rucel
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

Thèmes abordés

  • Python,
  • exemples HTML,
  • SQL,
  • langage de balisage,
  • contenu HTML,
  • conditions d'utilisation,
  • HTML,
  • apprentissage en ligne,
  • historique HTML,
  • balises HTML

 Menu   Spaces Get Certified Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.CSS

lementor.com
Créez votre site, essayez-le gratui OUVRIR Site

Présentation HTML
❮ Précédent Suivant ❯

HTML est le langage de balisage standard pour la création de pages Web.

Qu’est-ce que le HTML ?


HTML signifie Hyper Text Markup Language
HTML est le langage de balisage standard pour créer des pages Web
HTML décrit la structure d'une page Web
HTML se compose d'une série d'éléments
Les éléments HTML indiquent au navigateur comment afficher le contenu
Les éléments HTML étiquettent des éléments de contenu tels que « ceci est un titre », « ceci
est un paragraphe », « ceci est un lien », etc.

Un simple document HTML

Exemple
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>
 Menu   Spaces Get Certified Sign Up Log in
</body>
HTML CSS
 </html> JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.CSS

Essayez-le vous-même »

Exemple expliqué
La <!DOCTYPE html> déclaration définit que ce document est un document HTML5
L' <html> élément est l'élément racine d'une page HTML
L' <head> élément contient des méta-informations sur la page HTML
L' <title> élément spécifie un titre pour la page HTML (qui est affiché dans la barre de
titre du navigateur ou dans l'onglet de la page)
L' <body> élément définit le corps du document et constitue un conteneur pour tous les
contenus visibles, tels que les titres, les paragraphes, les images, les hyperliens, les
tableaux, les listes, etc.
L' <h1> élément définit un grand titre
L' <p> élément définit un paragraphe

Qu'est-ce qu'un élément HTML ?


Un élément HTML est défini par une balise de début, du contenu et une balise de fin :

< tagname > Le contenu va ici... < /tagname >

L' élément HTML comprend tout, de la balise de début à la balise de fin :

< h1 > Mon premier titre < /h1 >

< p > Mon premier paragraphe. < /p >

Start tag Element content End tag

<h1> My First Heading </h1>

<p> My first paragraph. </p>

<br> none none


 Menu   Spaces Get Certified Sign Up
Remarque : Certains éléments HTML n'ont aucun contenu (comme l'élément <br>). Ces éléments
Log in

sont appelés
HTML CSS éléments vides. Les éléments
JAVASCRIPT SQL vides n'ont pas
PYTHON de balise
JAVA de fin ! COMMENT
PHP W3.CSS

PUBLICITÉ

Créez votre site Web aujourd'h


Plugin Elementor Pro
Plan Essentiel, Expert et Agence. Seulement
à partir de 59$/an. Débloquez toute la puissanc
Elementor.
elementor.com

OUVRIR

Navigateurs Web
Le but d'un navigateur web (Chrome, Edge, Firefox, Safari) est de lire des documents HTML et de
les afficher correctement.

Un navigateur n'affiche pas les balises HTML, mais les utilise pour déterminer comment afficher le
document :
 Menu   Spaces Get Certified Sign Up Log in

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.CSS

Structure des pages HTML


Vous trouverez ci-dessous une visualisation de la structure d'une page HTML :

<html>

<tête>

<title>Titre de la page</title>

</tête>

<corps>

<h1>Ceci est un titre</h1>

<p>Ceci est un paragraphe.</p>

<p>Ceci est un autre paragraphe.</p>

</corps>

</html>
 Menu   Spaces Get Certified Sign Up
Remarque : Le contenu de la section <body> sera affiché dans un navigateur. Le contenu à
Log in

l'intérieurCSS
HTML de l'élément <title> sera affiché
JAVASCRIPT SQL dans la barre deJAVA
PYTHON titre du navigateur
PHP ou dans l'ongletW3.CSS
COMMENT de la
page.

Historique HTML
Depuis les débuts du World Wide Web, il existe de nombreuses versions de HTML :

Year Version

1989 Tim Berners-Lee invented www

1991 Tim Berners-Lee invented HTML

1993 Dave Raggett drafted HTML+

1995 HTML Working Group defined HTML 2.0

1997 W3C Recommendation: HTML 3.2

1999 W3C Recommendation: HTML 4.01

2000 W3C Recommendation: XHTML 1.0

2008 WHATWG HTML5 First Public Draft

2012 WHATWG HTML5 Living Standard

2014 W3C Recommendation: HTML5

2016 W3C Candidate Recommendation: HTML 5.1

2017 W3C Recommendation: HTML5.1 2nd Edition

2017 W3C Recommendation: HTML5.2

Ce tutoriel suit la dernière norme HTML5.

❮ Précédent Suivant ❯
 Menu   Spaces Get Certified Sign Up Log in
PUBLICITÉ
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.CSS
Créez votre site, essayez-le gratuiteme
OUVRIR

PIPETTE À COULEURS

  

PUBLICITÉ
 Menu   Spaces Get Certified Sign Up Log in

HTML
 CSS JAVASCRIPT TarifsSQLdu plugin
PYTHON Elementor
JAVA PHP COMMENT W3.CSS

Créez votre site, essayez-le gratuite


Plan Essentiel, Expert et Agence.
Seulement à partir de 59$/an. Débloquez t
puissance d’Elementor.
elementor.com

OUVRIR

 LES ESPACES MISE À NIVEAU

SANS PUBLICITÉ BULLETIN

OBTENIR UNE CERTIFICATION RAPPORT D'ERREUR

Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
W3.CSS Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery

Principales références
Référence HTML Référence

 CSS Référence
Menu 
JavaScript Référence
 Spaces Get Certified Sign Up Log in
SQL Référence
HTML
 CSS Python Référence
JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.CSS
W3.CSS Référence
Bootstrap Référence
PHP
Couleurs HTML Référence
Java Référence
Angular Référence
jQuery

Meilleurs exemples Obtenir une certification


Exemples HTML Exemples Certificat HTML Certificat
CSS Exemples CSS Certificat
JavaScript Exemples JavaScript Certificat
pratiques Exemples Front End Certificat
SQL Exemples SQL Certificat
Python Exemples Python Certificat
W3.CSS Exemples PHP Certificat
d'amorçage Exemples jQuery Certificat
PHP Exemples Java Certificat
Java Exemples C++ Certificat
XML Exemples C# Certificat
jQuery XML

    FORUM À PROPOS
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage.
Les didacticiels, références et exemples sont constamment révisés pour éviter les erreurs, mais
nous ne pouvons garantir l'exactitude totale
de tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .

Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
W3.CSS .

Vous aimerez peut-être aussi