Accueil > Cours > Bases HTML

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 :

  1. Toutes les balises se ferment
  2. Balises et attributs HTML s’écrivent en minuscules
  3. Chaque attribut a une valeur
  4. Chaque attribut doit être mis entre simple ou double quote (’attribut’ ou "attribut")
  5. 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 !!