Serie Html | Les Bases #1

Thomas Mailler · 2 Août 2017

Bonjour/Bonsoir

Equipement Obligatoire :

- NotePad ++ "Télécharger"
ou
- Sublime Text "Télécharger"
-Code Couleur Html "ICI"

Accent :

Tout d'abord commençons par régler les erreurs d'accents (parÄ@tre => paramètre)
Pour ceci il vous suffira juste d'entrer ceci au début de vos index,Sous-Page =>

Code:

<!DOCTYPE html>[/COLOR][/COLOR][/COLOR][/COLOR]
[COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600]
<html>
<head> <title>Exemple de code HTML5</title> <link rel="stylesheet" type="text/css" href="css/default.css"/> <link rel="stylesheet" type="text/css" href="css/default-ie.css" /> <meta http-equiv="pragma" content="no-cache" />
</head>
</html>

Les Bases :

La Taille :

Code:

<h?>Vôtre texte</h?>

Les "?" signifies la taille varient de 6 pour la plus petit à 1 pour le plus grand.

Le "/" : Le "/" sert à fermer une balise (<>)

Code:

<h3>Blablablablabla</h3>

Renommer sa page : Pour renommer sa page =>

il vous suffira d'entrer les balises suivante :

Code:

<title>Nom de vôtre Site/Page</title>

Gras/Italique/Souligner :

Code:

<u>Souligner</u>
<i>Italique</i>
<b>Gras</b>

La couleur : Pour utiliser cette option vous aurez besoin de se site (lien en haut) ou d'une très bonne mémoire

. Une fois sur le site sélectionner une couleur, pour moi sa sera le rouge, et prener le code qui s'affichera.

Puis Créer la balise suivant et metter vôtre texte entre les deux :

Code:

<font color="#FF0040"> Blalallalalalal</font>

La Police d'Ecriture : La police d'écriture permet de donner une certain disign à vôtre site et pour ceci vous devrez créer la balise suivante :

Code:

<face="arial black">Blalalallalala</face>

Maintenant avec toute les information que je vous ai donnez j'ai pu créer sa :
Salut ceci est le premier tuto sur l'Html soit sa en code :

Code:

<b><u><i><face ="arial black"><font color="#FF0040">Salut ceci est le premier tuto sur l'Html</b></u></i></face></font>

Sauter des lignes/aller au milieu : Pour sauter des lignes il vous suffira de faire la balise

Code:

<br />

entre 2 phrases. Pour aller au milieu il vous suffira d'entrer la balise suivante :

Code:

<center>Blalallalallaaal</center>

Merci d'avoir regardé ce tuto et à bientôt !

CommunautéAideCITY · 2 Août 2017

Thomas Mailler à dit:
Bonjour/Bonsoir

Equipement Obligatoire :

- NotePad ++ "Télécharger"
ou
- Sublime Text "Télécharger"
-Code Couleur Html "ICI"

Accent :

Tout d'abord commençons par régler les erreurs d'accents (parÄ@tre => paramètre)
Pour ceci il vous suffira juste d'entrer ceci au début de vos index,Sous-Page =>

Code:

<!DOCTYPE html>[/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600][COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600] <html> <head> <title>Exemple de code HTML5</title> <link rel="stylesheet" type="text/css" href="css/default.css"/> <link rel="stylesheet" type="text/css" href="css/default-ie.css" /> <meta http-equiv="pragma" content="no-cache" /> </head> </html>

Les Bases :

La Taille :

Code:

<h?>Vôtre texte</h?>

Les "?" signifies la taille varient de 6 pour la plus petit à 1 pour le plus grand.

Le "/" : Le "/" sert à fermer une balise (<>)

Code:

<h3>Blablablablabla</h3>

Renommer sa page : Pour renommer sa page =>

il vous suffira d'entrer les balises suivante :

Code:

<title>Nom de vôtre Site/Page</title>

Gras/Italique/Souligner :

Code:

Souligner[/SIZE][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600][COLOR=#b30059][SIZE=5] Italique Gras

La couleur : Pour utiliser cette option vous aurez besoin de se site (lien en haut) ou d'une très bonne mémoire . Une fois sur le site sélectionner une couleur, pour moi sa sera le rouge, et prener le code qui s'affichera.

Puis Créer la balise suivant et metter vôtre texte entre les deux :

Code:

 Blalallalalalal

La Police d'Ecriture : La police d'écriture permet de donner une certain disign à vôtre site et pour ceci vous devrez créer la balise suivante :

Code:

<face="arial black">Blalalallalala</face>

Maintenant avec toute les information que je vous ai donnez j'ai pu créer sa :
Salut ceci est le premier tuto sur l'Html soit sa en code :

Code:

<face ="arial black">Salut ceci est le premier tuto sur l'Html</face>

Sauter des lignes/aller au milieu : Pour sauter des lignes il vous suffira de faire la balise

Code:

 

entre 2 phrases. Pour aller au milieu il vous suffira d'entrer la balise suivante :

Code:

<center>Blalallalallaaal</center>

Merci d'avoir regardé ce tuto et à bientôt !

Bon concepte ! A quand la suite ! SeemsGood

SkyDream · 2 Août 2017

Thomas Mailler à dit:
Bonjour/Bonsoir

Equipement Obligatoire :

- NotePad ++ "Télécharger"
ou
- Sublime Text "Télécharger"
-Code Couleur Html "ICI"

Accent :

Tout d'abord commençons par régler les erreurs d'accents (parÄ@tre => paramètre)
Pour ceci il vous suffira juste d'entrer ceci au début de vos index,Sous-Page =>

Code:

<!DOCTYPE html>[/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600][COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600] <html> <head> <title>Exemple de code HTML5</title> <link rel="stylesheet" type="text/css" href="css/default.css"/> <link rel="stylesheet" type="text/css" href="css/default-ie.css" /> <meta http-equiv="pragma" content="no-cache" /> </head> </html>

Les Bases :

La Taille :

Code:

<h?>Vôtre texte</h?>

Les "?" signifies la taille varient de 6 pour la plus petit à 1 pour le plus grand.

Le "/" : Le "/" sert à fermer une balise (<>)

Code:

<h3>Blablablablabla</h3>

Renommer sa page : Pour renommer sa page =>

il vous suffira d'entrer les balises suivante :

Code:

<title>Nom de vôtre Site/Page</title>

Gras/Italique/Souligner :

Code:

Souligner[/SIZE][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600][COLOR=#b30059][SIZE=5] Italique Gras

La couleur : Pour utiliser cette option vous aurez besoin de se site (lien en haut) ou d'une très bonne mémoire . Une fois sur le site sélectionner une couleur, pour moi sa sera le rouge, et prener le code qui s'affichera.

Puis Créer la balise suivant et metter vôtre texte entre les deux :

Code:

 Blalallalalalal

La Police d'Ecriture : La police d'écriture permet de donner une certain disign à vôtre site et pour ceci vous devrez créer la balise suivante :

Code:

<face="arial black">Blalalallalala</face>

Maintenant avec toute les information que je vous ai donnez j'ai pu créer sa :
Salut ceci est le premier tuto sur l'Html soit sa en code :

Code:

<face ="arial black">Salut ceci est le premier tuto sur l'Html</face>

Sauter des lignes/aller au milieu : Pour sauter des lignes il vous suffira de faire la balise

Code:

 

entre 2 phrases. Pour aller au milieu il vous suffira d'entrer la balise suivante :

Code:

<center>Blalallalallaaal</center>

Merci d'avoir regardé ce tuto et à bientôt !

Pas Mal ! GG

Auku · 2 Août 2017

Bravo tout est ordonné, j'aurais pas fait mieu !

CommunautéAideCITY à dit:
A quand la suite !

Moi aussi j'ai hâte X)

Thomas Mailler · 2 Août 2017

Auku à dit:
Moi aussi j'ai hâte X)

SkyDream à dit:
Pas Mal ! GG

CommunautéAideCITY à dit:
Bon concepte ! A quand la suite !

Merci !

Taink · 2 Août 2017

Thomas Mailler à dit:
Accent :
Tout d'abord commençons par régler les erreurs d'accents (parÄ@tre => paramètre)
Pour ceci il vous suffira juste d'entrer ceci au début de vos index,Sous-Page =>

Code:

<!DOCTYPE html>[/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600][COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600] <html> <head> <title>Exemple de code HTML5</title> <link rel="stylesheet" type="text/css" href="css/default.css"/> <link rel="stylesheet" type="text/css" href="css/default-ie.css" /> <meta http-equiv="pragma" content="no-cache" /> </head> </html>

Un simple <meta charset="utf-8" /> suffit pour ça normalement, et d'ailleurs des normes circulent à ce sujet afin d'éviter les problèmes de compatibilité entre les pays et les anciennes versions de navigateur.
Voici une page comportant une liste de caractères spéciaux en code HTML qu'il faut normalement (même si personne ne t'y obligera vraiment) suivre pour faire un code propre fonctionnant partout. Si tu veux c'est une notion que tu pourras introduire plus tard mais ce n'est pas mon choix

Thomas Mailler à dit:
Les Bases :

La Taille :

Code:

<h?>Vôtre texte</h?>

Les "?" signifies la taille varient de 6 pour la plus petit à 1 pour le plus grand.

Le "/" : Le "/" sert à fermer une balise (<>)

Code:

<h3>Blablablablabla</h3>

Renommer sa page : Pour renommer sa page =>

il vous suffira d'entrer les balises suivante :

Code:

<title>Nom de vôtre Site/Page</title>

Gras/Italique/Souligner :

Code:

Souligner[/SIZE][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [COLOR=#ff0000][COLOR=#0000ff][COLOR=#ff0000][COLOR=#006600][COLOR=#b30059][SIZE=5] Italique Gras

La couleur : Pour utiliser cette option vous aurez besoin de se site (lien en haut) ou d'une très bonne mémoire . Une fois sur le site sélectionner une couleur, pour moi sa sera le rouge, et prener le code qui s'affichera.

Puis Créer la balise suivant et metter vôtre texte entre les deux :

Code:

 Blalallalalalal

La Police d'Ecriture : La police d'écriture permet de donner une certain disign à vôtre site et pour ceci vous devrez créer la balise suivante :

Code:

<face="arial black">Blalalallalala</face>

Maintenant avec toute les information que je vous ai donnez j'ai pu créer sa :
Salut ceci est le premier tuto sur l'Html soit sa en code :

Code:

<face ="arial black">Salut ceci est le premier tuto sur l'Html</face>

Sauter des lignes/aller au milieu : Pour sauter des lignes il vous suffira de faire la balise

Code:

 

entre 2 phrases. Pour aller au milieu il vous suffira d'entrer la balise suivante :

Code:

<center>Blalallalallaaal</center>

Je vois pas en quoi ce sont les bases, mais je vais me permettre de critiquer un peu :

Savoir où écrire son code, comment et surtout pourquoi. Je débuterai avec ton tuto je saurai pas quoi faire, tu balance pas mal de code (parfois relativement compliqué) comme ça, brut de décoffrage. C'est dommage que tu ne parle pas :
- Du <!DOCTYPE>, on peut pas deviner son rôle comme ça.
- De la balise <html> et du fait qu'il ne vaut mieux pas oublier de la mettre.
- De <head> et de <body>, alors pour le coup avec ton tuto on sait rien à propos de ces dernières.
- De la balise alors que tu parle des headers.
- Des liens, c'est quand même super important.
- Des conventions de nommage des pages, à savoir par exemple index.html, bien que ce ne soit pas super important.
Et je comprends pas du tout pourquoi tu parle de la balise , de la balise <center> (qui sont honnêtement illisibles sur un code, franchement c'est délaissé pour une bonne raison)... Tout ça est fait en CSS et surtout devrait être introduit plus tard, à la limite tu peux parler de la balise <style> mais c'est tout, c'est pas nécessaire de passer tant de temps là-dessus pour des 'bases'.

J'apprécie de voir des tutos sur le forum, c'est son intérêt principal après tout, mais sur la programmation c'est assez compliqué de faire un bon tuto et bien se renseigner est selon moi un minimum ce qui n'est pas tout à fait le cas ici j'ai l'impression.
Sur ce, bonne chance pour la suite de ta série.

anas_ouh · 4 Août 2017

Je suis tenté de refaire la même série mais en plus détaillé etc mais on va m'accuser de plagiat.

Serie Html | Les Bases #1

Vous en vouler d'autre ?

Oui !

Non !

Thomas Mailler

Geek suprême

CommunautéAideCITY

Geek

SkyDream

Bambi

Auku

Bambi

Thomas Mailler

Geek suprême

Taink

El Magnifico

anas_ouh

Geek