Scribd
Importer
24 vues5 pages

Cours HTML

Un site web est un ensemble de pages interconnectées accessibles via une URL, hébergées sur un serveur. Les pages web sont créées en utilisant des langages comme HTML pour la structure et CSS pour la mise en forme. La création d'une page web implique l'utilisation d'un éditeur de texte et d'un navigateur pour visualiser le code HTML.

Transféré par

kalthoumhedhli27
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
24 vues5 pages

Cours HTML

Un site web est un ensemble de pages interconnectées accessibles via une URL, hébergées sur un serveur. Les pages web sont créées en utilisant des langages comme HTML pour la structure et CSS pour la mise en forme. La création d'une page web implique l'utilisation d'un éditeur de texte et d'un navigateur pour visualiser le code HTML.

Transféré par

kalthoumhedhli27
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
Vous êtes sur la page 1/ 5

■ Un site web est un ensemble de pages web et des ressources inter reliées entre elles par des liens

hypertextes, auxquelles l'internaute peut accéder par une adresse web appelée URL, le tout
enregistre sous le même nom de domaine. Un site web ou site internet englobe des textes et
multimédia, il est héberge sur un serveur web, auquel on peut accéder à travers le réseau internet ou
intranet.
■ Une page web (ou document HTML) est un fichier texte écrit en langage HTML et enregistre
avec l'extension .html
■ Les langages HTML et CSS sont les principaux langages du web. Les deux langages sont
complémentaires :
■ Le HTML décrit la structure (le
squelette) d'une page web.
■ Le CSS sert à la mise en forme et la mise en
page d'une page web.
■ Ce langage est essentiel pour embellir et
donner une apparence attractive a une page
web.
■

Pour créer un site web (des pages web) on a besoin de :


■ Un éditeur web pour écrire le code des pages web :

■ Un client web (navigateur) pour interpréter (visualiser) le code HTML:

Chrome (Google) Firefox (Mozilla) Edge (Microsoft) Safari (Apple)

Comment on va faire pour obtenir une page web ?


1) Lancer l'éditeur bloc-notes et taper la phrase suivante: ce texte est écrit en utilisant bloc-
notes.
Sans titre - Bloc-notes

Fichier Edition Format Affichage ?


ce texte est écrit en utilisant bloc-notes

2) Enregistrer votre travail dans un fichier ayant pour nom pl.html et pour emplacement votre
dossier de travail.
3) Fermer l'éditeur bloc-notes.
4) Ouvrir le fichier pl.html en utilisant le navigateur internet explorer.

Le fichier texte s'est transformé en page web ce qui signifie qu'une page web n'est rien d'autre qu'un
fichier texte enregistre avec !'extension html.

Le document HTML peut contenir un ensemble de balises tels que, <html>, <body>, <Head>, etc
Une balise est un mot spécifique (commande) encadre par les signes < et > et qui permet de mettre en
forme ou d'insérer (ajouter) un élément HTML dans une page web.
On distingue deux types de balises HTML :
■ Les balises en paires : ce type de balises se composent de deux parties : une ouvrante (de
début) et l'autre fermante (de fin) <balise>........... </balise>.
■ Les balises orphelines : ce type de balises se composent d'une seule partie ouvrante
uniquement <balise>.
Les attributs sont un peu les options des balises.
Ils viennent les compléter pour donner des informations supplémentaires.

L'attribut se place après le nom de la balise ouvrante et a le plus souvent une valeur, comme
ceci :
<balise attribut="valeur">.
Certaines balises (paire ou orpheline) contiennent des attributs, comme: <a href="lien">,....
D'autres ne possèdent pas d'attributs, comme: <title>, ....

Exemple d’un programme HTML :


<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>
premiere page HTML
</title>
</head>
<body>
voici ma seconde ligne en HTML
</body>
</html>

Explication la signification de chaque élément de la page


<!DOCTYPE html>: Elle est indispensable car c'est elle qui indique qu'il s'agit bien d'une page web
HTML.
La balise meta fourni des métas donnés sur la page courante. Ces informations ne sont pas visibles,
mais sont traitées par les navigateurs et par les moteurs de recherche.
<meta charset="UTF-8">: indique l'encodage des caractères, l'UTF-8 est un encodage universel qui
permet d'afficher toutes les langues (latin, arabe, chinois, japonais, etc.).
La balise title sert à définir le titre de la page web qui sera affiche dans la barre du titre du navigateur.

Généralement, un code HTML contient les balises suivantes :

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8"> Balise Rôle
<title> Html Elle englôbe tout le contenu de la
…………………. page.
</title>
Head Elle sert a definir quelques
</head>
<body> informations générales sur la
page(telque le titre,la langue ..etc).
</body> body Elle est utilisee pôur definir le
</html> contenu de la page Web.

Liste des balises en HTML5 : ➢ Balises d'en-tête

➢ Balises de premier niveau • <link > Liaison avec une feuille de style
• <html> Balise principale
• <meta > Métadonnées de la page web (charset,
• <head> En-tête de la page
• <body> Corps de la page
mots-clés, etc.)
• <script > Code JavaScript

• <title > Titre de la page ➢ Balises de listes

➢ Balises de structuration du texte • <ul> Liste à puces, non numérotée

• <blockquote> Citation (longue) • <ol> Liste numérotée

• <strong> Mise en valeur forte • <li> Élément de la liste à puces

• <em> Mise en valeur normale • <dl> Liste de définitions

• <mark> Mise en valeur visuelle • <dt> Terme à définir

• <h1> Titre de niveau 1 • <dd> Définition du term

• <h2> Titre de niveau 2

• <h3> Titre de niveau 3

• <h4> Titre de niveau 4

• <h5> Titre de niveau 5

• <h6> Titre de niveau 6

• <img > Image

• <a> Lien hypertexte

• <br > Retour à la ligne

• <p> Paragraphe

• <hr > Ligne de séparation horizontale

➢ Quelques balises auto fermantes


(orphelines):

<br>,<hr>,<img>,<input>,<link>,<meta>
En cours ……

Vous aimerez peut-être aussi