Pixelia

Votre forum de graphisme et d'entraide ~
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Pixelia devient Pixels Paradise ! Le forum ferme ici ses portes mais en ouvre de nouvelles à cette adresse : http://www.pixels-paradise.com/ Nous espérons que vous serez nombreux à nous suivre dans cette nouvelle aventure !

Partagez | 
 

 Cours de Rikka [HTML / CSS]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2
AuteurMessage
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Cours de Rikka [HTML / CSS]   Lun 16 Mai 2011 - 8:35

Rappel du premier message :

Pseudo ; Rikka
Niveau estimé CSS ; Je peux pas dire par moi même ^^'
Niveau estimé HTML ; O
Souhaitez-vous un professeur en particulier ; Non ^^
Avez-vous quelque chose en particulier que vous désirez apprendre ; Tout *o* surtout en HTML car je ne connais pas du tout et je sais pas à quoi ça sert, le css je veux pas faire grand chose....
Un mot de motivation ? J'apprend vite lol. J'aimerai vraiment m'améliorer pour faire des forums aussi jolie qu'ici où sur d'autre forum!
Revenir en haut Aller en bas

AuteurMessage
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 18:42

Euuh je sais faire les cadres déroulant, je sais comment faire des bordures arrondis, je sais faire défiler un texte...
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 18:46

Alors, les menus déroulants oki ^^ Par contre les coins arrondis ce n'est pas du HTML mais du CSS ;)
D'accord concernant les défilements ^^

Mais par exemple, sais-tu faire en sorte qu'un texte devienne lien, comment afficher une image, qu'une image soit cliquable, comment faire un tableau ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 18:49

pour qu'un texte devienne un lien c'est
Code:
[url=]...[/url]
, pour afficher une image c'est
Code:
[img]lien de l'image[/img]
, et pour faire un tableau c'est avec tr et td il me semble ^^
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 18:51

Certes ça marche aussi mais là nous sommes dans du BBCode (un HTML particulier en réalité) donc c'est particulier aux fora.
Pour le HTML dont les balises sont entre < et > c'est assez différent :D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 18:52

aaah d'accord, mais ça change pas tant que ça, si ?
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 19:04

Bah le HTML va plus loin que le BBCode même si le principe est à peu près le même.
Par exemple tu ne pourras pas l'utiliser autre part que sur un forum ou quelque chose qui accepte ce code-ci. ^^
Les balises sont un peu semblables. Je te les détaille car il faut les apprendre x)

Pour un lien, on a plusieurs façons :

Code:
<a>lien</a>
Ces balises permettent de rendre un lien cliquable. Sur un forum c'est automatique mais sur une page HTML (donc Internet) ça ne marche pas ainsi car il faut signifier que l'on veut que le lien que l'on a mis soit cliquable.

Code:
<a href="lien">texte</a>
Là c'est un peu comme l'exemple que tu m'as donné et donc faire en sorte qu'un mot ou une expression t'emmène quelque part ailleurs x)

Code:
<p></p>
Entre ces balises tu mets un paragraphe de texte. C'est utile de séparer ses textes en paragraphes de façon à ensuite pouvoir leur donner un style ^^

Code:
<br />
Voici la fameuse balise permettant de revenir à la ligne. Car dans une page html, le retour à la ligne doit être indiqué, il ne se fait pas naturellement avec le fait d'appuyer sur la touche entrée x) Comme tu le vois, cette balise est seule comparé aux autres.

Code:
<b></b> ou <strong></strong>
Ce sont les balises qui permettent de mettre en valeur un bout de texte ^^

Code:
<i></i> ou <em></em>
Et là tu as les balises permettant de mettre en quelque sorte en italique un bout de texte ^^

Code:
<img src="lien direct de ton image se terminant par l'extension" border="0" alt="titre alternatif" />
De là même manière que la balise permettant d'aller à la ligne, la balise permettant d'insérer une image est unique. Comme tu le vois, pour faire apparaître l'image il faut mettre entre les guillemets situés après src le lien direct de ton image. De même que la norme impose de toujours mettre un titre alternatif.


Code:
<a href="lien où tu veux que ton image renvoie"><img src="lien direct de l'image" border="0" alt="titre alternatif"></a>
Là c'est le code HTML suprême ♥ Il te permet de rendre une image cliquable. Il s'agit donc de la combinaison des deux jeux de balises que je t'ai expliqués juste avant ;)

Ça ce sont des balises basiques x)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Mer 24 Aoû 2011 - 19:08

D'accord, j'ai compris (c'est pratique =D)
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Sam 3 Sep 2011 - 15:53

Coucou Rikka ^w^
Eh oui quand on goûte au HTML c'est un peu comme une drogue on ne peut plus s'en passer xD

Du coup, nous avons vu les bases. Il reste à voir les balises de liste non ordonnée et ordonnée.
On s'attaquera dans la foulée au tableau.

Qu'en penses-tu ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Sam 3 Sep 2011 - 15:54

Yes, your higness!
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Ven 28 Oct 2011 - 14:43

Hi ^^
Toujours partante pour du HTML et CSS ? =D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Ven 28 Oct 2011 - 15:50

Oui ^^ !!!
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Ven 28 Oct 2011 - 16:01

Je prépare donc tout ça rapidement ! ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Rikka

Elève }
Féminin Messages : 151
Age : 23
Localisation : Dans mon lit
Humeur : joyeuse
Date d'inscription : 02/04/2011
Système d'exploitation : Mac ToT

MessageSujet: Re: Cours de Rikka [HTML / CSS]   Ven 28 Oct 2011 - 16:04

D'accord!

Ne t'inquiète pas, je patiente
Revenir en haut Aller en bas
Contenu sponsorisé


MessageSujet: Re: Cours de Rikka [HTML / CSS]   

Revenir en haut Aller en bas
 

Cours de Rikka [HTML / CSS]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixelia :: Travaux encadrés-
Sauter vers: