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

  • Partenaires

Utilisateurs qui regardent le poste (Total: 0, Members: 0, Invité: 0)

D

Dougz

Level 1
14 Juil. 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

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​
 
Dernière édition:
Synioa

Synioa

Level 5
Level 4
Level 3
Level 2
Level 1
3 Déc. 2012
1,200
1
243
"Les" Je ne envoie que 5 Il en existe bien d'autre.
 
D

Dougz

Level 1
14 Juil. 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

Synioa

Level 5
Level 4
Level 3
Level 2
Level 1
3 Déc. 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.