Galactic Civilizations 3
Programmer en html - Balises, attributs et éléments html

Programmer en html - Balises, attributs et éléments html

Catégorie: Javascript.
Posté par le 05/05/2014.
Dernière mise à jour le 05/05/2014.

<<Tutoriel précédent    Tutoriel suivant>>

Description

Dans ce tutoriel, vous apprendrez comment créer et utiliser les balises, attributs et autres éléments html.

Introduction

Ce tutoriel peut être réalisé à l'aide d'un simple éditeur de texte comme le « bloc notes ». Il ne nécessite aucun prérequis.

Bien que la base du html soit le texte brut, il nous faut un peu plus que ça pour avoir une jolie page web.

Balises html

La structure de base d'un document html comprend des balises qui entourent le contenu et leur donne une signification (par exemple un titre).
Changez votre fichier « tutorielsenfolie.html » pour qu'il ressemble à ceci:

tutorielsenfolie.html

<!DOCTYPE html>
<html>
<head></head>
<body>
    <h1>
Titre du fichier html</h1>
    Voici ma premi&egrave;re page Web.
</body>
</html>

Enregistrer le document à nouveau et rechargez la page sur votre navigateur.
Vous avez maintenant un texte avec son titre.

La première ligne du fichier « <!DOCTYPE html> » est la déclaration du type de document. Celle-ci permet au navigateur de savoir quelle version d'html que vous utilisez (ici, html 5).

La ligne suivante contient la balise « <html> ». Celle-ci est la balise d'ouverture qui indique au navigateur que tout ce qui se trouve entre elle et sa balise de fermeture « </html> » est un document html. Le contenu principal du document qui apparaîtra dans la fenêtre du navigateur est placé entre « <body> » et « </body> ».

L'entête du fichier html se place entre « <head> » et « </head> » c'est ici que l'on importe les fichiers css pour le design de la page ou les fichiers JavaScript pour la rendre dynamique. On y trouve également d'autres informations telles que l'auteur de la page ou le titre à afficher en haut du navigateur.

Balises de fermeture

Les balise de fermeture ressemblent aux balises d'ouverture mais un « / » est placé après le « < ». Par exemple:<body></body>.

Certaines balises tels que les images (balise html: <img />) n'ont pas de balise de fermeture. Nous reviendrons sur ces exemples plus tard. Tout ce que vous devez retenir, c'est que toutes les balises pouvant contenir du contenu doivent être fermés de la manière suivante:

<balise>contenu</balise>

Attributs

Les balises peuvent également avoir des attributs, qui permettent de les identifier ou de les personnaliser. Les attributs apparaissent uniquement dans la balise d'ouverture et leurs valeurs se trouvent entre guillemets. Voici un exemple de balise html avec un attribut: <img src="monImage.jpg" />. Un autre tutoriel parle en détails des attributs de la balise « image ».

Les éléments de la page

Les balises semblent ne rien faire d'autre que définir le début ou la fin d'un élément. Mais ce n'est pas le cas, elle définisse la structure de la page et la signification de son contenu. Par exemple la balise « <img/> » représente une image et la balise « <h1></h1> » représente le titre principal de la page.

La suite de ce tutoriel parlera du titre du document html.

Tu as aimé ce tutoriel ?
Aide nous à améliorer le site ! Deviens partenaire officiel ou suis nous sur facebook !

<<Tutoriel précédent    Tutoriel suivant>>

Commentaires[0]

Tu as aimé ce tutoriel ? Alors partage-le avec tes amis !
Partager sur Facebook Partager sur Twitter Partager sur Myspace Partager sur Stumbleupon Soumettre sur Reddit Partager sur Digg Ajouter à vos favoris Technorati Ajouter à vos favoris Live Ajouter à vos favoris Google Ajouter sur vos favoris Yahoo Voir le flux rss

Mots Clés: html HTML5 Programmer en html web

Veve :
(11/04/2013 - 17:19:44)
il faut juste mettre "sudo" à la place de "su" pour exécuter la commande en root

Veve :
(11/04/2013 - 17:18:56)
Salut tu peux aller lire ce tutoriel: http://www.tutorielsenfolie.com/tutoriels-63-installation-configuration-opennebula.html Il fonctionne aussi sous ubuntu

safa.souissi4 :
(10/04/2013 - 20:58:13)
s'il vous plait c urgent :(

safa.souissi4 :
(10/04/2013 - 20:56:25)
bonsoir,je cherche un tutos pour installer opennebula.org sous ubuntu 12.

Veve :
(18/03/2013 - 20:07:49)
oui, j'essaye de voir d'ou viens le problème.

sonde :
(18/03/2013 - 13:29:57)
re merci (j apprend un peu plus) je crois que j ai trouver pourquoi je peu pas poster si il y a ligne code impossible de poster lol

Veve :
(17/03/2013 - 21:34:49)
Salut, j'espère que ça t'a aidé.

sonde :
(17/03/2013 - 09:59:02)
pour ton aide

sonde :
(17/03/2013 - 09:57:36)
slt Veve impossible de laisser com

sonde :
(17/03/2013 - 09:56:55)
??

Demi-dieu :
(15/03/2013 - 18:41:13)
salut ^^

sonde :
(13/03/2013 - 14:49:35)
un petit coucou

Tanamoureuse :
(29/09/2011 - 06:11:08)
Je t'aime

Faire un don

Ma Publicité ici


Faire un don