[HTML/CSS] [Partie 1.1] Les balises en HTML

    Publicités

Users Who Are Viewing This Thread (Total: 1, Members: 0, Guests: 1)

Dougz

Membre
Jul 14, 2010
7
0
561
Conseils pour coder plus lisiblement :

Avant de débuter, je vais vous expliquer ce qu'est l'indentations. Il s'agit de déplacer un texte en utilisant trois à quatre fois la touche ESPACE ou biens d'utiliser la touche TAB (touche se situant en dessus de la touche de majuscules).

Code indenté :
HTML:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
 
    <body>
     
    </body>
</html>

Code non-indenté :
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
 
<body>
</body>
</html>

Explications sur les balises :

1. Les balises

Tout ce qui se situe entre le signe "<" et ">" est considérer comme une balise en HTML. Elle servent à définir un type aux textes qu'elles encadrent.

2. Les balises doubles communément appelées "Paires"

Une balise double, c'est une balise qui s'ouvrent à un endroit et ce ferme un peut plus loin.
Il s'agit par exemple de la balise <head>. Vous devez savoir que une balise double peut en contenir une autres, par exemple avec <head> et <title> :

HTML:
<head>
	<title></title>
</head>

Attention : Pour fermer une balise double, n'oublier pas d'indiquer sa fin en utilisant </nom_de_la_balise>

3. Les balises seul dîtes "Orphelines"

Les balises uniques sont de balises s'ouvrant et se fermant dans la même chaîne de caractère, un exemple avec la balise de saut de ligne <br />.

HTML:
Salut<br />Toi

Le code ci-dessus afficheras
Salut
Toi

Attention : Dans le cas de balises orphelines, il n'est pas obligatoire de mettre " />" a la fin de votre balise, mais la plus part des personnes utilisant le xHTML le font pour aérés leurs codes.

4. Les attributs de balises

Les attributs de balise se situe après le nom de la balise, il sert de complément d'informations à la balise. Par exemple <personnage nom="Dougz"> (cette balise 'existe pas réellement, j'utilise des "images" pour que vous compreniez plus rapidement)

Nous arrivons à la fin de ce premier chapitre de ce tutoriel. Le prochain sous peu, sous le nom de : [Partie 1.2] Créer votre première page web en HTML 5.
______________________________________________________________________________________​

Cette prochaine partie incluras un liens pour télécharger un éditeur de code : Notepad++.

Amicalement,
Dougz​
 
Last edited:

Dougz

Membre
Jul 14, 2010
7
0
561
Bonsoir [P]ingouin.

Si tu faisais un peu plus attention à mes écrits il s'agit d'exemple pour expliquer ce qu'est une balise, le principe d'une explication n'est pas de lister et de dire au passant de se débrouiller.

Amicalement,
Dougz
 

Synioa

V
Dec 3, 2012
1,200
1
243
Le titre alors n'est pas correcte .
Laisse tomber c'est Spotted mais c'étais une bonne idée sauf que tu aurais du pas mettre ce titre.