Logo Génération Nintendo
Accueil Forum Dossiers [Cours] Le html pour les nuls - Partie 1

[Cours] Le html pour les nuls - Partie 1

Naru-manga
Membre important
#46753 [Cours] Le html pour les nuls - Partie 1 Jeu 24 Nov 2011 - 07:33 (modifié)

“Humeurienne”
2454 messages
Inscrit en 2008
Monter Descendre
Hey, les gens !
Vous voulez aider G-N, ne serais-ce qu'un minimum ?
Dans ce cas, ce cours est pour vous !

A partir de maintenant, et ce jusqu'à ce que vous soyez capable de maitriser les bases, je serais votre nouveau prof de html !


Mais stoppons ici le bavardage, ce que vous désirez ici, c'est un cours, alors c'est parti !




Bon, alors, avant tout, qu'est-ce que le html ?

Le html n'est pas une page internet. Bien que vous receviez toujours sur vos navigateurs des codes html, ce type de fichiers n'ont, à la base, pas étés créés pour cela.
Il s'agit tout simplement d'un langage informatique permettant la présentation d'un texte. A la base en tout cas. Puis il a évolué au fil du temps pour permettra, entre autre, d'insérer des images, du son, des vidéos...
Bref, retenez que l'HyperText Markup Language (HTML) est avant tout un type de fichier permettant la présentation.

Pour créer un fichier html, c'est simple. Faites un nouveau document ".txt" dans un dossier puis changez l'extension du fichier en ".html". Pour le modifier, ouvrez le fichier avec le bloc note ou un autre logiciel du même genre (je vous conseilles fortement notepad++ qui vous pourra vous aider énormément)

Bon, passons au vif du sujet... Je vais vous apprendre les bases que vous vous devez de connaitre.


Les balises symétriques.

Rien à voir avec les mathématiques, je vous rassure. Les balises symétriques sont appelées ainsi car elles utilises deux "embouts".
Je vous donne un exemple.

Pour faire un texte en gras, vous devez utiliser ce code :
Code:
<b>Votre texte</b>

Simple, non ? Vous comprenez maintenant pourquoi on appelle ça une balise symétrique ?
Le résultat est largement visible : Votre texte

Il existe un bon nombre de balises symétriques. On va commencer avec les plus simples.

On a déjà vu le gras, maintenant voyons le souligné ainsi que l'italique.

souligné :
Code:
<u>Votre Texte</u>

Cela donne : Votre Texte

italique :
Code:
<i>Votre texte</i>

Résultat : Votre texte


A savoir que vous pouvez superposer ces balises pour donner plusieurs effets à un texte.

Ainsi on peut créer un texte en gras, souligné et italique :
Code:
<b><u><i>Votre texte</i></u></b>

Cela donne : Votre texte

ATTENTION à l'ordre dans lequel vous fermez vos balises ! Elles doivent être dans l'ordre INVERSE de quand vous les ouvrez.

Bon, c'est vraiment très très basique pour cette première leçon. C'est vraiment pour que vous maitrisiez les bases.
Donc je vous laisse pour aujourd'hui. Je mettrai la suite en ligne demain, je pense, et on commencera vraiment à s'attaquer à de la présentation. (Notamment en faisant des sauts de lignes, ce que vous ne savez toujours pas faire à la fin de ce cours)
Fond Blanc
Membre remarquable
#46761 [Cours] Le html pour les nuls - Partie 1 Jeu 24 Nov 2011 - 15:54 (modifié)

1344 messages
Inscrit en 2010
Monter Descendre
Merci pour ces cours, Naru, c'est plutôt intéressant.
Dragon-blue
Vieux de la vieille
#46764 [Cours] Le html pour les nuls - Partie 1 Jeu 24 Nov 2011 - 17:34 (modifié)

“Pouet”
21034 messages
Inscrit en 2008
Monter Descendre
Pour mettre en forme une partie de texte, les Div sont plus pratiques je trouve :sisi:
Après t'as carrément les feuilles de style CSS, mais là faut un FTP pour tout héberger.
Sinon, excellente idée de tutos Naru ^^
Je peux même t'aider à en faire si tu veux :)
Voici ceux que j'ai déjà fait :
-Manipulation d'image
-Overflow/Border
-Images Map
-Les tableaux
-Les lecteurs de musique

Sinon, à quand un tuto de Php ? :noel:
_________________
Naru-manga
Membre important
#46767 [Cours] Le html pour les nuls - Partie 1 Jeu 24 Nov 2011 - 17:47 (modifié)

“Humeurienne”
2454 messages
Inscrit en 2008
Monter Descendre
D-B, tu met la charue avant le boeufs, là.

Sans html, y'a pas de div, y'a pas de php, y'a rien. =P

Et il est largement possible de faire une belle présentation en html. ;)

Pas de php pour le moment. Il faudrait avoir des bases de programmation. Peut-être ferais-je des cours de Pascal sur le logiciel Delphi, mais c'est vraiment pas au programme.

Je me focalise sur le html, pour le moment, histoire d'aider ceux qui voudraient faire des présentations pour le site. ;)
[Cours] Le html pour les nuls - Partie 1
Index du forum :: Articles :: Dossiers
Sauter vers: