Salut !
Je vais ici, ajouter les balises "basique" disponible en HTML, utile surtout pour les néophytes, bien entendu.
Commençons sans plus attendre ! :
Donc déjà, je tiens a vous donner un code HTML normal, sans aucun message ni modifications :
Vous pouvez aussi l'organiser, pour vous y retrouver, comme sur ce screen :
Il y a aussi un truc assez important a savoir, vous pouvez ajouter des commentaires, pour savoir où se situe ceci ou cela en faisant comme sur le screen suivant :
Avec les commentaires, (même si je devrait plutôt en parler bien plus tard) on peux dire un truc a un navigateur. : j'ai utiliser ceci comme code :
Je vais maintenant vous parler des balises en général :
Petit screen pour vous montrer le résultat des balises "h1,h2...." : 
Il y en a donc 6, mais seul les 3 ou 4ièmes premières seront réellement utilisés.
Maintenant, les balises qu'on peux retrouver dans la plupart, voir dans la totalité des sites :
Je précise ici qu'il faut fermer vos balises. Exemple : Je met une balise <head> <meta charset="utf-8" /> <title>Titre</title> & là, je doit refermé ceci </head> Pareil pour le body, qui doit se fermé a la toute fin avant le </html> ouvert a tout début (en dessous du <!DOCTYPE html>).
Petit spoiler ayant la quasi totalité des balises disponible en HTML :
(Ayant déjà mis plus de 10 images, je ne peux pas continuer ce tutoriel, je risque de m'y perdre & d'oublier d'ajouter des images pour montrer comment utiliser certaines balises)
Je vais ici, ajouter les balises "basique" disponible en HTML, utile surtout pour les néophytes, bien entendu.
Commençons sans plus attendre ! :
Donc déjà, je tiens a vous donner un code HTML normal, sans aucun message ni modifications :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Ici, votre titre principal, visible en haut d'une page, ou même en faisant une recherche internet, donc très important</title> / Vous allez aussi voir une balise <h1>C'est pour le titre principal, en haut d'une page, a ne pas confondre donc, avec le title !</h1> </title>
</head>
<body>
Ici, vous pouvez ajouter des balises, comme ceux présents sur le screen
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Ici, votre titre principal, visible en haut d'une page, ou même en faisant une recherche internet, donc très important</title> / Vous allez aussi voir une balise <h1>C'est pour le titre principal, en haut d'une page, a ne pas confondre donc, avec le title !</h1> </title>
</head>
<body>
Ici, vous pouvez ajouter des balises, comme ceux présents sur le screen
</body>
</html>
Vous pouvez aussi l'organiser, pour vous y retrouver, comme sur ce screen :
Il y a aussi un truc assez important a savoir, vous pouvez ajouter des commentaires, pour savoir où se situe ceci ou cela en faisant comme sur le screen suivant :
Avec les commentaires, (même si je devrait plutôt en parler bien plus tard) on peux dire un truc a un navigateur. : j'ai utiliser ceci comme code :
Je vais maintenant vous parler des balises en général :
<h1><h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Il y en a donc 6, mais seul les 3 ou 4ièmes premières seront réellement utilisés.
Maintenant, les balises qu'on peux retrouver dans la plupart, voir dans la totalité des sites :
<head></head> ça, c'est la "tête" de votre site, vous trouverais, ou ajouterais si c'est vous qui le faite, ces balises :
<meta charset="utf-8" /> Elle indique l'encodage de votre fichier HTML. Elle détermine comment les caractères spéciaux s'afficheront.
<title></title> Comme expliqué juste avant dans le code "basique" d'une page HTML, c'est lui qui donneras un nom à votre site, & c'est grâce au nom présent dans le title qu'on pourras le retrouver en faisant une recherche sur internet. Je vais prendre un exemple tout bête, le title de Pepsyz Modding : <title>Pepsyz Modding</title> Grâce a ça, on peux rechercher "Pepsyz Modding" et le title feras tout pour se faire repéré avec tout les autres qui y ressemble, voici un screen :
Ensuite, entre le head & le body (qu'on verra juste après) ajouter-y des commentaires, par exemple, pour que Internet Explorer, si il a une version inférieur & qu'il ne comprend pas certaines choses fasse tout ce qu'il peux pour y remédier sans rien modifié directement).
Donc, après ceci, viens le "body" :
<body></body> A l'intérieur du body, vous pouvez mettre tout ce que vous souhaiter, des paragraphes avec le
<p></p> des sous-titre avec donc <h2><h2> des listes, a puces ou numérotés :
<ul></ul> Liste a puce
<ol></ol> Liste numérotée
Dans les deux cas, liste a puce ou numéroté, vous devrez utiliser la balise <li>France</li> <li>Espagne</li>
Ce sont bien sûr uniquement des exemples.
<meta charset="utf-8" /> Elle indique l'encodage de votre fichier HTML. Elle détermine comment les caractères spéciaux s'afficheront.
<title></title> Comme expliqué juste avant dans le code "basique" d'une page HTML, c'est lui qui donneras un nom à votre site, & c'est grâce au nom présent dans le title qu'on pourras le retrouver en faisant une recherche sur internet. Je vais prendre un exemple tout bête, le title de Pepsyz Modding : <title>Pepsyz Modding</title> Grâce a ça, on peux rechercher "Pepsyz Modding" et le title feras tout pour se faire repéré avec tout les autres qui y ressemble, voici un screen :
Ensuite, entre le head & le body (qu'on verra juste après) ajouter-y des commentaires, par exemple, pour que Internet Explorer, si il a une version inférieur & qu'il ne comprend pas certaines choses fasse tout ce qu'il peux pour y remédier sans rien modifié directement).
Donc, après ceci, viens le "body" :
<body></body> A l'intérieur du body, vous pouvez mettre tout ce que vous souhaiter, des paragraphes avec le
<p></p> des sous-titre avec donc <h2><h2> des listes, a puces ou numérotés :
<ul></ul> Liste a puce
<ol></ol> Liste numérotée
Dans les deux cas, liste a puce ou numéroté, vous devrez utiliser la balise <li>France</li> <li>Espagne</li>
Ce sont bien sûr uniquement des exemples.
Petit spoiler ayant la quasi totalité des balises disponible en HTML :
<html></html>
<head></head>
<body></body>
Ces balises ce situe entre <head> & </head> ! :
<link /> (Je vous conseil de regarder le code "basique" si vous avez des doutes avec celui-ci).
<meta />
<script></script> On a pas encore parler de celui-ci, c'est utile pour inséré des script Javascipt dans votre fichier HTML.
<style></style> Pareil que pour le script, sauf que celui-ci concerne uniquement le CSS -> Je doit vous dire que pour script & style, c'est très déconseillé, il est préférable d'avoir un fichier .css & .js qu'on peux modifié comme on le souhaite plutôt que de rechercher dans votre document HTML.
<title></title>
Balises pour structuré son/ses texte :
<abbr></abbr> -> Une abréviation.
<q></q> Permet d'ajouter une citation, courte.
<strong></strong> Utile pour les mots importants.
<em></em> à l'inverse, se texte sera considéré comme "peu important".
<mark></mark> Avec cette balise, le mot que vous avez mis au milieu sera comme "surligné").
Je ne vais pas remettre les balises déjà données au dessus, mais les balises h1 à h6 sont aussi utilisable dans le body.
<img /> inséré une image.
<audio></audio> Inséré un contenu audio sur votre site.
<video></video> Insérer une vidéo (avec l'audio bien sûr) sur votre site.
<source /> Il permet aux navigateurs de choisir le format qu'il connaît & qu'il peux lire uniquement, voici comment l'utiliser :
<head></head>
<body></body>
Ces balises ce situe entre <head> & </head> ! :
<link /> (Je vous conseil de regarder le code "basique" si vous avez des doutes avec celui-ci).
<meta />
<script></script> On a pas encore parler de celui-ci, c'est utile pour inséré des script Javascipt dans votre fichier HTML.
<style></style> Pareil que pour le script, sauf que celui-ci concerne uniquement le CSS -> Je doit vous dire que pour script & style, c'est très déconseillé, il est préférable d'avoir un fichier .css & .js qu'on peux modifié comme on le souhaite plutôt que de rechercher dans votre document HTML.
<title></title>
Balises pour structuré son/ses texte :
<abbr></abbr> -> Une abréviation.
<q></q> Permet d'ajouter une citation, courte.
<strong></strong> Utile pour les mots importants.
<em></em> à l'inverse, se texte sera considéré comme "peu important".
<mark></mark> Avec cette balise, le mot que vous avez mis au milieu sera comme "surligné").
Je ne vais pas remettre les balises déjà données au dessus, mais les balises h1 à h6 sont aussi utilisable dans le body.
<img /> inséré une image.
<audio></audio> Inséré un contenu audio sur votre site.
<video></video> Insérer une vidéo (avec l'audio bien sûr) sur votre site.
<source /> Il permet aux navigateurs de choisir le format qu'il connaît & qu'il peux lire uniquement, voici comment l'utiliser :
(Ayant déjà mis plus de 10 images, je ne peux pas continuer ce tutoriel, je risque de m'y perdre & d'oublier d'ajouter des images pour montrer comment utiliser certaines balises)
Dernière modification :
