Site Html

(1)

Site Html

<html>

<head>

body { background-color: rgba(255, 1, 1, .5); text-align:center;}

h1 {color: blue;}

h2 {color:yellow; background-color: rgba(0, 0, 255, .5);}

p {font-style:oblique;font-size:16px;font-family:"Times New Roman", serif;}

</style>

</head>

<body>

<h1>La Maison du Père Noël</h1>

<h2>Whishlist</h2>

<p>Je pense avoir été <b>sage</b> cette année</p>

<h2>SANTA CLAUSE VILLAGE</h2>

<a href="https://santaclausvillage.info/fr/">Clic pour voir le site officiel du Père-Noël</a>

</body>

</html>

Obligatoire : Un site commence par une balise <html> et fini par une balise </html>

Il y a une partie <head> ….</head>, les éléments de cette partie ne s’affiche pas sur la page . Il y a une partie <body>….</body>, les éléments de cette partie sont visible sur la page.

<meta

charset="..."> Définie le codage de la page, permet d’éviter les erreurs de codage en particulier les accents.

<style> …

</style> Permet d’utiliser du CSS dans une page, en particulier les couleurs, le style, ...

<title> ...</title> Titre de la page,s’affiche dans l’onglet.

<h1>...</h1> Titre, les titres plus petits sont h2, h3, ...h6

<u>...</u> Texte souligné .

<b>...</b> Texte en gras.

<i>...</i> Texte en italique.

<p> ... </p> Paragraphe.

<hr> Ligne horizontale.

<br> Saut de ligne.

Liens </a>

Liens hypertexte. L’attribut target="_blank", permet l'ouverture du lien dans une nouvelle fenêtre.

<img /> Insertion d'une image. Cette balise propose les attributs suivants :

src="Val", Val le chemin complet vers l'image. Sinon doit être dans le même répertoire que le fichier html

alt="Val", Val étant un texte qui remplace l'image si elle ne peut s'afficher.

border="Val", Val étant un entier. Précise la taille de la bordure de l'image.

width="Val", Val étant un entier. Précise la largeur de l'image.

height="Val", Val étant un entier. Précise la hauteur de l'image.

(2)