Cours
- Algorithmes
- Économie
- Écriture multimédia
- Bases CSS
- Bases HTML
- Droit
- Faire un Autorun pour un CD
- Gestion de projet
- Marketing
- Communication :
- Flash :
- Photoshop :
CV Web
Mes réalisations
- Antartica’s cup
- Batofar
- Carte de voeux 2006
- Carte de voeux 2007
- Carte de voeux 2009
- Carte de voeux 2010
- Disque Paul Mac
- HotKeys Windows
- Logo SRC
- Manga
- Mode vestimentaire
- Monsieur Patate
- PC Watercoolé
- Site agavestudio.com
- Site web www.fcasset.fr
- Snowboard Salomon
- Whisky Charbay
Blog
Newsletter
Demande de devis
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 !!