Cours

CV Web

Mes réalisations

Blog

Inscrivez vous à la newsletter

Demande de devis

Ce site vous a plu ?
Vous voulez le votre ?
Je m'en occupe !!

Accueil > Cours > Bases HTML

Les bases

Une page HTML est construite de la sorte :

	<html>
		<head>
			Appels aux fichiers de styles & RSS (balise link), 
			de script (balise script), 
			aux détails de la page (balises métas)
		</head>
		<body>
			Contenu de la page
		</body>
	</html>

Les 5 règles en HTML :

Toutes les balises se ferment
Balises et attributs HTML s’écrivent en minuscules
Chaque attribut a une valeur
Chaque attribut doit être mis entre simple ou double quote (’attribut’ ou "attribut")
Toutes les balises doivent-être correctement imbriquées

Les types de balises

Il existe deux types de balises :

Les balises en bloc : Elles prennent une grosse place sur tout un rectangle. Ce sont les plus utilisées (mise en page)
Les balises en ligne :Elles s’effectuent sur la même ligne que les caractères qui précédent cette balise. Elles sont principalement utilisées pour la mise en forme particulière des caractères

Principales balises en ligne

<a> : C’est la balise de lien. Pour faire un lien vers une autre page ou document de votre site.
```
<a href="mon_lien">Intitulé du lien</a>
```
<img> : C’est la balise image. Elle sert à insérer une image à l’endroit voulu.
```
<img src="chemin_img" alt="contenu_alternatif"/>
```
<em> : C’est la balise italique. Elle sert à mettre le texte contenu dans la balise en italique.
```
<em>mon texte italique</em>
```
<span> : C’est la balise de mise en forme. Elle sert à mettre le texte contenu dans la balise en forme. Elle est souvent associée au CSS
```
<span>mon texte mis en forme</span>
```
<strong> : C’est la balise de gras. Elle sert à mettre le texte contenu dans la balise en gras.
```
<strong>mon texte en gras</strong>
```

Principales balises en bloc

<div> : C’est la balise universelle. elle représente un bloc rectangulaire, qui contient des données.
```
<div>contenu de la div</div>
```
<blockquote> : C’est la balise citation. Elle sert à afficher le texte contenu avec une marge gauche.
```
<blockquote >contenu de la citation</blockquote>
```
<hx> : C’est la balise de titre. Elle sert à afficher le texte en tant que titre. x représente le niveau de titre, allant de 1 à 6.
```
<h1>Titre de niveau 1</h1>
```
<ul> , <ol> : C’est la balise de liste. Elle sert à afficher le texte en avec une puce. ul fait une liste à puce, et ol une liste à numéros.
```
<ul>
	<li>element 1</li>
</ul>
```
<p> : C’est la balise de paragraphe. Elle sert à formater le texte de manière standard.
```
<p>contenu du paragraphe</p>
```

Vous avez maintenant les bases pour pouvoir construire un iste internet de base. N’hésitez pas à regarder les cours de CSS pour apprendre à mieux gérer le visuel de vos pages !!