1 2-HTML

Transféré par

Alaa Eddine
4 vues4 pages
document

Titre original

1.2-HTML

Copyright

© © All Rights Reserved

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Signaler ce document

Description :

document

Droits d'auteur :

© All Rights Reserved
Signaler comme contenu inapproprié
4 vues4 pages

1 2-HTML

Titre original :

1.2-HTML

Transféré par

Alaa Eddine

Description :

document

Droits d'auteur :

© All Rights Reserved
Signaler comme contenu inapproprié
sur 4

UNIVESITE MOHAMED V

FACULTE DES SCIENCES DE RABAT

DEPARTEMENT D’INFORMATIQUE

LICENCE SMI

SEMESTRE SMI-6

MODULE : BASES DES DONNEES ET PROGRAMMATION WEB

PARTIE I : PROGRAMMATION WEB EN PHP

Professeur Said Slaoui

1.2 HTML.
1.2.1 : Les Balises HTML.

• Les balises, aussi appelées éléments, sont des commandes à l’intention du navigateur
et saisies entre des signes inférieur à (<) et supérieur à (>).
• En règle générale, à toute balise d’ouverture correspond une balise de fermeture qui
marque la fin de la commande annoncée par la balise d’ouverture.
• La balise de fermeture reprend le même énoncé que la balise d’ouverture mais ce
dernier est précédé d’une barre oblique (/).
• Exemples:
• Il est <gras>important</gras> d’apprendre le langage <italique>Html5</italique> !
• La syntaxe complète d’une balise avec un attribut est : <balise attribut="valeur"> …
</balise>.
• <b> b pour bold ce qui signifie gras .
• <i> i pour italic ce qui signifie italique.
• <p> p pour paragraph ce qui signifie paragraphe.
• <div> div pour une section.
• <table> table signifie tableau.
• <form> form signifie formulaire.
• <img > img pour image.
• <br> : pour le passage à la ligne.
• <sup> mettra le contenu en exposant.
• <sub > mettra le contenu en indice.

1
• Il est possible de mettre du texte en gras et en italique par le cumul des balises <b> et
<i>.
• les commentaires doivent être précédés de la balise <!-- et être fermés par la balise --
>.
• <sup> mettra le contenu en exposant.
• <sub > mettra le contenu en indice.
• Il est possible de mettre du texte en gras et en italique par le cumul des balises <b> et
<i>.
• les commentaires doivent être précédés de la balise <!-- et être fermés par la balise --
>.
• Le doc type: <!DOCTYPE html>
• La balise Html: <html lang="fr">…</html>
• L’entête du document: <head> … </head>
• Le titre du document: <title> … <title>
• type des scripts: <script>…</script>
• Type des styles : <style>…</style>
• Jeu de caractères: <meta charset="iso-8859-1"> ou <meta charset="UTF-8">
• Le corps du document: <body> … </body>.

Remarque : Pour plus d’ergonomie des pages web (plus grandes fantaisies de
présentation) on utilise les feuilles de styles CSS

1.2.2 Le document minimal Html5.

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Html5</title>
<meta charset="iso-8859-1">
</head>
<body>
……………………………………………………
</body>
</html>

• Le doctype, aussi appelé DTD sert à indiquer au navigateur à quelles règles d’écriture
obéit le code source de la page Html ou Xhtml.
• La balise <html> indique au navigateur qu’il s’agit d’un document Html.
• La balise <Html> peut prendre comme attribut lang="fr" qui spécifie que le document
est en langue française.

2
• La balise <head> … </head> qui se positionne juste après le doctype et la balise
<html> contient ce qu’on appelle l’entête du document.
• Dans cet entête du document se situe toute une série d’informations relatives au
document lui même, indépendamment du contenu de celui ci.
• La balise <title>, incluse dans l’entête du document, est la seule balise obligatoire de
celui ci.
• La balise <title> … </title> donne un titre à votre page.
• L’encodage du document (relève des bonnes pratiques), il se réalise en Html5 par la
balise : <meta charset="iso-8859-1"> ou <meta charset="UTF-8">.
• Les balises <body> … </body> déterminent ce que l’on appelle le corps du document.
• Il existe des caractères spéciaux qu’il faut encoder de façon particulière.
•
Exemples
• Le signe < qui marque le début d’une balise.
• Le signe > qui marque la fin d’une balise.
• Le signe " utilisé dans les attributs de balise.
• Le signe & qui marque le début d’une référence de caractère.
• Ils doivent être encodés en utilisant les entités suivantes :
• < &lt;
• > &gt;
• " &quot;
• & &amp;

Exemple:

• <!DOCTYPE html>
• <html lang="fr">
• <head>
• <title>Html5</title>
• <meta charset="iso-8859-1">
• </head>
• <body>

3
• Un premier document Html5
• </body>
• </html>

Vous aimerez peut-être aussi