Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forumTuto de Kayl n°1 - Bases des balises + types de bordures
Vieille branche
Puf/Surnom : Kayl
Messages : 1673
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Cœur de Pierre
Mar 24 Mar 2015 - 9:06
Ce premier tutoriel de codage a pour but de vous initier aux bases.
Le HTML, c'est un langage informatique qui permet de coder des sites Internet, ou des simples fiches de RPs, prez...
Il est composé de plusieurs balises, que je vous apprendrai au fur et à mesure. Les balises d'ouvertures s'ouvrent avec < (inférieur à) et se ferment avec > (supérieur à). Les balises de fermetures s'ouvrent avec (inférieur à slash) et se ferment avec > (supérieur à).
Oulah ! Compliqué ? C'est plus facile après, vous inquiétez pas x)
Les balises s'ouvrent et se ferment dans un ordre précis. Comme des poupées russes, la première ouverte est la dernière fermée, et ainsi de suite.
Exemple :
- Code:
<u><b><i>Ici un texte</i></b></u>
Bon, jusque là, ça va, non ? On continue.
La balise pour créer un code est
- Code:
<div style="..."> texte</div>
Maintenant, il faut définir les informations du code, la bordure, le fond...
Les différentes bordures :
solid
double
dashed
dotted
groove
ridge
outset
inset
Il faut placer le nom de la bordure entre les guillemets, après "border:" puis le faire suivre d'un ; (point-virgule).
Exemple :
- Code:
<div style="border: double;">Texte</div>
Texte
Ensuite, on veut que la bordure soit rouge et épaisse ? No problem, on met la valeur en pixels (px), et on écrit le code de la couleur après le # (hashtag) en valeur hexadécimale. (voir ici, c'est un site qui donne ces valeurs )
Exemple :
- Code:
<div style="border: 5px double #FF0000;">Texte</div>
Texte
Maintenant, on va ajouter le fond.
On note "background-color" la couleur de fond. Toujours entre les guillemets, on la place avant ou après la bordure, en fait on peut la placer n'importe où. L'information est toujours suivie du point virgule.
Exemple :
- Code:
<div style="background-color: #CCEEFF;">Texte</div>
Texte
Ajoutons maintenant la bordure au fond :
- Code:
<div style="border: 5px double #FF0000; background-color: #CCEEFF;">Texte</div>
Texte
Ici s'achève le premier tutoriel. Au prochain, j'expliquerai la suite des bases, comme régler la largeur, la hauteur, l'arrondi des coins...
Je réponds aux questions si vous en avez :D
Invité
Invité
Mar 24 Mar 2015 - 12:33
Merci
c'est super, vivement le prochain tuto ...
Mais normalement on peut pas metre un fond qui n'est pas une image ( de la neige, un paysage ...)
Merci encore ...
c'est super, vivement le prochain tuto ...
Mais normalement on peut pas metre un fond qui n'est pas une image ( de la neige, un paysage ...)
Merci encore ...
Vieille branche
Puf/Surnom : Kayl
Messages : 1673
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Cœur de Pierre
Mar 24 Mar 2015 - 17:04
En fond, on peut mettre une couleur en valeur hexadécimale (# et des chiffres) ou une image de fond, effectivement ^^ avec l'URL de l'image, mais je montrerai ça dans un prochain tuto :3
Invité
Invité
Jeu 6 Aoû 2015 - 13:54
Merci Kayl pour ce tuto ♥
Invité
Invité
Sam 5 Déc 2015 - 17:33
Merci pour ce tuto! :D
un petit test pour la route x)
Invité
Invité
Dim 17 Jan 2016 - 14:52
Mici pour ce tuto, Kayl !
Invité
Invité
Dim 17 Jan 2016 - 19:14
Merci pour ce tuto *saute* Okok je sors XD
Jeune aventurier
Puf/Surnom : Dracko / Mashy ( Sushi pour P'tit Suisse et Koro pour mon Koro )
Messages : 116
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Goutte de Rosée
Sam 6 Aoû 2016 - 16:23
Merci !
Guerrier expérimenté
Puf/Surnom : Fuyu.
Messages : 224
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Belle des Astres
Lun 29 Aoû 2016 - 10:27
Merci Kayl pour ce tutoriel
Invité
Invité
Jeu 13 Oct 2016 - 13:11
C'est super merci
Invité
Invité
Jeu 27 Oct 2016 - 10:16
Merci !
Et oui, je me mets au codage :D
Et oui, je me mets au codage :D
Guerrier expérimenté
Puf/Surnom : Moony
Messages : 158
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Ange Déchu
Jeu 2 Fév 2017 - 14:34
Ouah ! Super, merci
!Vétéran
Puf/Surnom : Espé.
Messages : 640
Le personnage
Sexe du perso: Femelle
Âge du perso: 54 lunes
Mentor / apprenti : Nuage de l'Ourse
Souffle d'Espérance
Ven 31 Mar 2017 - 13:44
800BBF; background-color: #FF00D1;">Bonjour !
"> texteJeune aventurier
Puf/Surnom : Hivy ou Griffe mais aussi Taxi et Cratère
Messages : 110
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Griffe d'Hiver
Lun 24 Avr 2017 - 14:24
Merci Kayl
Invité
Invité
Lun 17 Juil 2017 - 9:29
Merci Kayl ! Ce tuto m' a bien aidé
Jeune recrue
Puf/Surnom : Lillo, Vapeur pour Moussy
Messages : 36
Le personnage
Sexe du perso:
Âge du perso:
Mentor / apprenti :
Fleur de Lune
Lun 22 Avr 2019 - 5:16
Merkiiiii (j'arrive 1000000 ans plus tards? Naaaan)
Contenu sponsorisé
|
|