Une page Web est Un fichier HTML en un format de fichier « texte » éditable dont les éléments ont du sens Au format .html Peut contenir du texte, des images, des liens, des médias, etc. Peut être liée à une autre page via des liens.
Un site Web est Un ensemble de pages liées entre elles Accessible en ligne depuis n'importe où.elle contient aussi des video,des images,css,javascript,etc.tous ces fichiers sont chargés dans le navigateur pour créer une page web.
on genere du html avec un editeur de texte.
La syntaxe HTML : balises, éléments et attributs
Le principe de balise
Les balises structurent le contenu de la page (texte, images, etc.) Chaque balise a un rôle et donne du sens au contenu présenté on ne peut pas en inventer.
example:
<p>babi-hacking.blogspot.com</p>
en effet,
<p>:est la balise ouvrante
babi-hacking.blogspot.com: est le contenu
</p>:est la balise fermante.
cette balise est utiliser pour marquer une paragraphe.
n.b: n'ayez pas peur de la balise; la balise veut dire :"ceci est...."
exemple: <p> veux dire ceci est une paragraphe.
Attributs et valeurs
Certaines balises peuvent être complétées par des attributs précisant certains paramètres (l'adresse des liens, source d'une image à afficher, etc.) Une balise peut contenir plusieurs attribut.les attributs sont toujours dans la balise ouvrante
exemple:
<p id="section1> babi-hacking.blogspot.com</p>
ici id est notre attribut et section1 est la valeur que l'on l'attribut cette valeur depend de vous.vous pouvez donner n'importe valeur a id.
tout comme la balise les attributs sont predefinis on ne peut pas les inventer.On peut les mettre entre simple quote, double quote ou rien. Par convention nous choisissons les doubles quotes " "
Exemples d’attributs
src=" " : donner la source (d’une image par exemple)
href=" " : donner la destination d’un lien
id=" " : donner un identifiant à l’élément que l’on pourra utiliser en CSS. Les Ids doivent être uniques par page
class=" " : donner une classe à l’élément que l’on pourra utiliser en CSS. Les classes peuvent être dupliquées sur la page
Doctype, html, body : structure d'un document valide
Structure d’un document HTML simplifié
La notion de doctype
Permet au navigateur de savoir quelle version de HTML (ou XHTML) est utilisée sur la page • Obligatoire pour valider une page (validateur W3C) • Pas de doctype = « Quirks » mode : le navigateur fait ce qu’il peut avec ce qu’il trouve, en mode rétro-compatibilité => peut expliquer certains bugs sur IE.
La balise
Tout document HTML commence par la balise qui se ferme en fin de document : La balise contient nécessairement deux balises définissant l'entête (<head>) et le corps (<body>) du document
La balise<head>
Détermine l’entête du document et contient les méta-informations
La balise <title>
On y trouve la balise <title> qui sera le titre du document
– Sert en référencement (repris dans les résultats de recherche)
– Affichée dans l’onglet du navigateur
La balise : les balises meta
On y ajoutera également les appels pour les feuilles de style CSS et certains JavaScripts • On peut y trouver des balises « meta » parmi lesquelles – : permet de définir l’encodage de caractère de la page (à mettre directement sous le )
La balise<meta> : les balises meta
<meta name="description" content="description de notre site"/> affiché dans les résultats de recherche
La balise <body>
il sert à Délimiter le contenu de la page.
Le contenu est constitué de texte, images et autres éléments qui seront affichés.il est presenter comme cela
<body>
(contenu de la page)
</body>
pour le premier cours on va s'arreter ici
pour avoir le reste du cours veuillez rechercher dan snotre blog: cours html 2.
nous travaillons pour vous 24h/24 7j/7
Commentaires
Enregistrer un commentaire