Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Il est parfois bien utile de pouvoir insérer un lien vers une page HTML dans nos messages ou encore de mettre en gras un passage pour mettre en évidence une remarque.
Voici quelques "trucs" pour utiliser un peu d'HTML sur le Forum. Comme je l'ai déjà dit, je vous remercie d'être _TRES_ rigoureux lorsque vous utiliser ces fameux "tag" HTML, au risque de "casser" la page.

  - Mettre en gras. Ecrire ceci :
  <b>Texte_a_mettre_en_gras</b>
  donnera Texte_a_mettre_en_gras
 
- Mettre en italique. Ecrire ceci :
  <i>Texte_a_mettre_en_italique</i>
  donnera Texte_a_mettre_en_italique
 
- Mettre en surligné. Ecrire ceci :
  <u>Texte_a_mettre_en_surligné</u>
  donnera Texte_a_mettre_en_surligné
 
 
  - Faire un lien :
  <a href="http://www.le_site.com" target="nom_de_la_fenetre">Description_du_lien</a>.
 
  Le tag href précise le nom du site, target lui précise le nom de la fenêtre dans laquelle doit apparaître la page faisant l'objet du lien.
 
  Si donc, j'écris :
  <a href="http://www.jrrvf.com/forum/forum_jrrvf.html">Page d'accueil du Forum</a>
  sans préciser le nom d'une fenètre, la page s'ouvrira dans la fenêtre courante. C'est de cette manière que je procède lorsque je fais référence à un lien interne à JRRVF.
  Cela donne donc ceci : Page d'accueil du Forum

Par contre, si j'écris le lien en ajoutant le nom d'une fenêtre :
  <a href="http://www.jrrvf.com/forum/forum_jrrvf.html" target="_new">Page d'accueil du Forum</a>
  la page s'ouvrira dans la fenêtre de nom "_new". C'est ce nom que j'utilise à chaque fois lorsque je fais référence à un lien externe à JRRVF.
  Cela donne alors : Page d'accueil du Forum

  En disiant rigoureux ci-dessus, j'entendais :
  - veiller avec ce que le caractère / (qui marque la fin de l'attribut du texte) apparaissent bien entre les <> en ligne.
  - veiller à ce que le caractère guillemet (") ferme bien le tag href et target. Pour un guillemet qui ouvre, on doit trouver un guillemet qui ferme.
 
  Enfin, ce que vous conseille, c'est de saisir votre message dans un traitement de texte quelconque (le bloc-notes fait très bien l'affaire), de vérifier que vos tags soient bien fermés et ensuite, par un copier-coller, d'ajouter votre message au Forum.
 
  Pour vos essais, le sujet intitulé "Test" dans la section "Webmaster" peut très bien faire l'affaire ;-)
   
  Si vous avez des questions, n'hésitez pas.
 
 
  Cédric.

Fangorn
Inscription : Oct 1999
Messages : 595

Merci beaucoup Cédric :-)
Cela dit, j'espère que tu as fait une bonne sauvegarde des pages du forum car je ne vais pas tarder à faire quelques crash-tests ;-)

Sébastien

Telglin
Inscription : Mar 2001
Messages : 44

Sympa Cédric pour toutes ces précisions!

Je rejoins Fangorn pour te conseiller de sauvegarder les pages du forum : la dernière fois que j'ai bidouillé le code HTML sur un forum pour changer la couleur de police, j'ai désactivé le bouton 'répondre' :o)

Sinon, au passage, félicitations pour ce site. Je n'ai pas tout vu, je découvre petit à petit. Ca doit te demander un temps fou!! Et en plus tu réponds aux messages très nombreux du forum. Là je suis admiratif :o)

Je ne peux que te souhaiter de continuer sur cette lancée.

Telglin

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Merci Telglin ;-)
C'est vrai que je me fais un point d'honneur à répondre à tous les mails que je peux recevoir et à un maximum de sujets sur le Forum.
J'essaie également de toujour relancer l'intérêt avec de nouvelles questions. C'est d'ailleurs impressionnant de voir que l'on peut s'en poser tant.


Cédric.

Halbarad
Inscription : Jan 2001
Messages : 48

C'est vrai que c'est dangereux l'html sur un forum. La dernière fois que j'en ai fait, j'ai transformé elostirion en manège enchanté (sisi!)

H apprenti idiot.

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Comment insère-t-ion une image dans nos posts (je n'ai pas l'intention d'en abuser Smile ...) ?

Merci d'avance,

Yyr

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Hum ... je suppose qu'on n'a pas le choix : il s'agit de faire "pointer" la balise image HTML de notre message vers un fichier qui se trouve déjà qq part sur la Toile ?

Yyr

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Vi, Yyr, c'est la manière de faire.


Cédric.

scylas
Inscription : Jan 2002
Messages : 28

merci cedric pour ce renseignement


scylas
Inscription : Jan 2002
Messages : 28

salut ,
j'ai juste une question pour cedric ( ou celui qui sait !): quand tu ecris ce qu'il faut ecrire pour faire un " tag " , comment ca se fait que justement ca n'en fassent pas un ?
je suis pas sur de me faire bien comprendre !

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Effectivement Scylas, il y a une petite feinte. Pour faire simple, je dirai que je glisse une sorte de parasite sur le caractère < pour qu'il ne soit pas considéré comme le début d'un "tag".


Cédric.

Iarwain
Inscription : Jan 2002
Messages : 256

Et si je veux mettre en gras et en italique en même temps, comment je fais?

Iarwain

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Il suffit d'imbriquer les tags, d'abord le "i" puis le "b" (ou l'inverse) : Comme ceci.

Il est préférable d'avoir de les fermer dans l'ordre inverse de leur ouverture : "i","b" texte "/b","/i".


Cédric.

Iarwain
Inscription : Jan 2002
Messages : 256

Merci

Merci

Merci

Voilà; j'espère ne pas m'être embrouillé les pinceaux.

Iarwain

Iarwain
Inscription : Jan 2002
Messages : 256

Bon, ça n'a pas l'air de fonctionner.
Allez, je réessaye encore une fois:

Merci, Cédric

Iarwain

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Iarwain, je disais imbriquer, pas assembler l'un dans l'autre, mais l'un après l'autre.
Pour voir ce dont je parle "en vrai" : fait "afficher la source" de la page HTML. Tu auras donc le contenu de cette page avec tous les tag HTML. De là, tu peux rechercher "Comme ceci" (l'exemple que j'ai utilisé tout à l'heure) et regarder ce qui entoure la chaine de caractères. Tag i et b.

Là, je ne suis pas sûr d'être très clair...


Cédric.

Iarwain
Inscription : Jan 2002
Messages : 256

OK, je crois que cette fois j'ai compris; je disais donc:

Merci Cédric

Iarwain

Roi_bilbo
Inscription : Feb 2002
Messages : 92

Sympa Cedric, MERCI
je crois que pour les liens html je vais commencer sur d'autres site(que j'aime pas), histoire de pas tout foutre en l'air ici!!
applique quand même le conseil de Fangorn(sait on jamais!)
Bilbo

Szpako
Inscription : Feb 2001
Messages : 624

Salut Cédric,

J'ai compris pour les gras et autres, mais pas trop bien pour les liens :-( Je voudrais, pour un futur post, faire un lien qui s'ouvrirait sur l'essai Les archétypes du conte merveilleux chez Tolkien sur le site d'Hiswelókë.
Comment faire ?

Cathy

sosryko
Inscription : Mar 2002
Messages : 2 002

Bonjour Cathy :-)

Sosryko qui se permet de répondre...
tout fier qu'il est de découvrir un peu l'html ;-)

Il suffit de faire ça.

Comment j'ai fait? je vais certainement répéter les conseils de Cédric.

Note : j'applique la méthode de Grishnakh et le cite "j'ai mis un pojnt (.) après le premier < pour éviter que le code fonctionne et que [tu puisse] voir ce qu'il faut écrire. Il faut bien entendu ne pas tenir compte de ce "."

Pour ouvrir sur une page dont tu connais l'adresse internet, il faut procéder ainsi :

<.a href="adresse internet"  target="_new"> petit nom du lien

Attention à bien penser aux guillemets et au / final.
Attention aussi à bien mettre un espace dans 'a  href'.

pour toi :
adresse internet = http://www.geocities.com/Area51/Cavern/9443/tolk30.html

(comme l'adresse n'apparaissait pas dans ma barre de navigation, pour avoir cette adresse je suis allé sur la section 'articles' du site d'Hiswelókë, j'ai cliqué avec le bouton droit de la souris sur le lien Les archétypes du conte merveilleux chez Tolkien pour demander les 'Propriétés' de ce lien; apparaît alors, dans une petite fenêtre, l'adresse recherchée que tu peux copier/coller...heu, désolé si j'ai l'air d'enfoncer une porte ouverte et si j'ai l'air de penser que tu découvres autant que je découvre :-))


et, ci-dessus,
j'ai fait pris comme petit nom du lien : faire ça.

la fonction target="_new"  permet d'ouvrir la page dans une fenêtre autre que celle en cours, ce qui est bien pratique.

j'espère que j'aurais pu t'aider ;-)

sosryko
Inscription : Mar 2002
Messages : 2 002

c'est plus facile à faire qu'à expliquer, du coup, j'ai oublié de taper la fin d'une commande : je répète, juste cette fois, j'espère:

<.a href="adresse internet" target="_new"> petit nom du lien <./a>

(j'avais fais sauté le <./a> final!
là-aussi, ne pas tenir compte du point '.' lorsque tu tapes)

Sosryko

Szpako
Inscription : Feb 2001
Messages : 624

sosryko > Un grand merci, je crois avoir compris, je ferai un test tantôt.

Cathy out of use

sosryko
Inscription : Mar 2002
Messages : 2 002

ahah!...on y prend goût, n'est-ce pas? ;-)

Je me permets de copier/coller le texte correspondant de Grishnakh dans le fuseau Test (qui me semble plus adapté à ce fuseu consacré à l'html)

Note : j'ai mis un . après < pour éviter que le code fonctionne Smile et que vous puissiez voir ce qu'il faut écrire. Il faut bien entendu ne pas tenir compte de ce "."

Pour changer de couleur, il faut procéder comme suit :

<.font color="red"> votre_texte <./font>

Ainsi, vous pouvez indiquer des noms de couleur en anglais, tel black, white, red, green, blue, yellow, orange, purple, rose, etc.

Mais il existe un moyen plus précis, c'est celui qu'on appelle hexadécimal (6 caractères, chacun allant de 0 à F). Il s'agit du code couleur généré par votre ordinateur en mode RVB. Ainsi, si vous désirez une couleur précise, il suffit de mettre son code hexadécimal (vous trouverez ce code en utilisant un logiciel de retouche d'image comme photoshop.)

Ainsi, par exemple, "#FF0000" équivaut à écrire "red"
#000000 = black
#FFFFFF = white
#00FF00 = green
#0000FF = blue

il faut dans ce cas procéder comme suit :

<.font color="#FF0000"> votre_texte <./font>


Voilà voilà...je rajoute un code couleur en hexadécimal : #800000  qui correspond à la couleur que j'appelle 'cramoisi/bordeaux' que je trouve très agréable à lire.


Sosryko

Szpako
Inscription : Feb 2001
Messages : 624

Bon je me lance dans la magie elfique et abracadabra Les archétypes du conte merveilleux chez Tolkien

Szpako
Inscription : Feb 2001
Messages : 624

Mais c'est GENIAL, ça MARCHE

Merci mille fois

Cathy super heureuse

Szpako
Inscription : Feb 2001
Messages : 624

Hemmmm ... et pour la couleur ?;-))

A+
Cathy

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061

'

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


'<a href "http:...' au lieu de '<a href "http:...'

Szpako
Inscription : Feb 2001
Messages : 624

OK je vais étudier la magie de Grishnakh à fond (il est passé où cet affreux génial orque ) et quelques tests en perspective ;-))

Merci Sosryko

A +
Cathy

Szpako
Inscription : Feb 2001
Messages : 624

OK je vais étudier la magie de Grishnakh à fond (il est passé où cet affreux génial orque ) et quelques tests en perspective ;-))

Merci Sosryko

A +
Cathy

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


[ð]

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061

[θ]
[ð]
[karaðras]

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


&eth;

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


ð

Szpako
Inscription : Feb 2001
Messages : 624

Yyr


'vert ou  vert

Szpako
Inscription : Feb 2001
Messages : 624

Pas terrible y a eu de la perte qqpart, sorry Yyr :-(

vert pas bleu

vert pomme

Szpako
Inscription : Feb 2001
Messages : 624

Oui, ce n'est pas le même vert, la couleur en hexadécimal semble plus stable et "techno" ;-) ??

Yyr > = entre href et "http ???

Bonne nuit

Cathy

Szpako
Inscription : Feb 2001
Messages : 624

En fait avec mon premier essai couleur, j'ai ouvert une fenêtre sur nowhere ??? INtéressant :-))

Salut C.

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Oui Cathy,

Car derrière ton href= tu n'as pas écrit correctement ton url ; celle-ci doit être "encadrée" soit par des ' soit par des "

exemple, pour écrire un lien qui ouvrirait ce fuseau :
il faut écrire qq chose du style :
&lga href='http://www.jrrvf.com/forum/noncgi/Forum6/HTML/000039.html'&rgun peu d'HTML&lg/a&rg

doit apparaître alors, un fois que le forum reçoit ton message et l'affiche :
un peu d'HTML

Yyr

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


bouhhh ...

pas facile d'habitude je teste mes codes sur ce fuseau et là forcément ... Smile

bon je voulais écrire en clair :

<a href='http://www.jrrvf.com/forum/noncgi/Forum6/HTML/000039.html' target='_blank'>un peu d'HTML</a>

qui une fois traduit ect... affiche le lien voulu ; d'ailleurs j'en ai profité pour rajouter l'indication target='_blank' qui fait en sorte d'ouvrir le lien dans une nouvelle fenêtre contrairement à ce qui était dans mon précédent message.

(ça donne : un peu d'HTML)

Jérôme

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Smile

sosryko
Szpako
Inscription : Feb 2001
Messages : 624

Yyr> Oui - Oui ??? Je sens que cette magie demande beaucoup de concentration et de tests ;-))

A Bientôt
Cathy

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Ha ! Ha ! Smile

Isildur
Inscription : Jul 2001
Messages : 121

Une nouvelle question pour les seigneurs de l'HTML aux demeures d'argent:
Comment met o un texte en petit, comme le fait si souvent le webmestre de Hiswelokë ? voir un exemple ici
De même, pour insérer d'autres polices ou des caractères/symboles ?
merci, Isildur.

Isildur
Inscription : Jul 2001
Messages : 121

Yes !

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Pour ce qui est d'écrire en petit :

<font size=1>ceci</font>

donnera :

ceci

Yyr
Administrateur
Inscription : Dec 2001
Messages : 3 061


Mon exemple est-il clair ?

Sinon, pour les caractères spéciaux, c'est très facile, à une contrainte près : connaître le nom du caractère.

Exemple : la lettre ð* s'appelle eth : il suffit d'écrire &eth; pour l'afficher.

A++

Yyr Smile

* [ð] est la transcription phonétique du /dh/ en Sindarin par exemple

Isildur
Inscription : Jul 2001
Messages : 121

ton exemple est clair, du moins, on va voir:
un
deux
trois

alors ???
Isil

Isildur
Inscription : Jul 2001
Messages : 121

cool !
merci, Yyr aussi pour les caractères mais je ne pense pas m'en servir de sitôt, c'est pour la culture générale...
Isildur

Linacos
Inscription : Mar 2002
Messages : 74

il_était_une_ fois
un_petit_prince
qui_vivait_dans_la_foret

Linacos
Inscription : Mar 2002
Messages : 74

il_était_une_fois
un_petit_prince
qui_vivait_dans_la_foret

Linacos
Inscription : Mar 2002
Messages : 74

Essai n°2:
Un jour
alors qu'il se baladait

Alcyone
Inscription : Mar 2002
Messages : 44

Bonjour à tous,

Une petite question pour les grands maitre du HTML, quand on fait un lien ouvrant une nouvelle fenêtre à quoi sert le _ devant new.
J'ai essayé avec et sans et je n'ai pas vu de difference. Je précise que je ne fais pas mes essais directement sur internet, je tape mon texte sur le bloc-notes, j'enregistre avec l'extension .html et j'ouvre dans internet explorer pour voir si ça marche.

Merci d'avance

Alcyoné

Caranthir
Inscription : May 2002
Messages : 144

Let me see...

my name is anthir

James Anthir

ah, non...CARanthir

Dark Caranthir

Prions pour que cela marche...

Xav
Inscription : May 2002
Messages : 67

Bonjour à tous,
Je me pose une petite question du même genre qu'Alcyoné : quand on fait un lien ouvrant une nouvelle fenêtre à quoi servent les " (guillemets) autour du lien.
J'ai essayé avec et sans et je n'ai pas vu de difference. Je précise que je ne fais pas mes essais directement sur internet, je tape mon texte sur le bloc-notes, j'enregistre avec l'extension .html et j'ouvre dans internet explorer pour voir si ça marche.

Merci d'avance

Xav

Merci aussi à Alcyoné pour le texte déjà tout prêt

Caranthir
Inscription : May 2002
Messages : 144

VOICI CARANTHIR LE SOMBRE

qui aime la forêt.

Caranthir le Sombre

Caranthir
Inscription : May 2002
Messages : 144

VOICI CARANTHIR LE SOMBRE

qui aime la forêt.

Caranthir le Sombre

Caranthir
Inscription : May 2002
Messages : 144

Oups........

Xav
Inscription : May 2002
Messages : 67

En fait, j'y pense, tu devrais laisser cette page comme exemple des ravages que peuvent faire les tags, ;-) parce que c'est drolement impressionnant.

Et pendant que j'y suis, je me rends compte qu'il manque quelques smileys à mon message d'avant, alors je complète
>Décidément, CARANTHIR LE SOMBRE ressemble vraiment à Sauron le sombre. ;-)

Et aussi, je retire
>Bonne chance Cédric !
vu que je viens de dire qu'il faudrait laisser la page telle-quelle.

A bientôt
Xav
Je profite que cette page soit totalement foutue pour y mettre le smiley en image, c'est un peu un test et ça peut pas être pire. Désolé d'avance pour les dégats, mais au point où ç'en est...

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Ca faisait tout de même un peu désordre, j'ai donc remis d'aplomb la page ;-)
Caranthir, relis bien la manière d'utiliser le tag "font" : il faut refermer le guillemet quand tu précises la couleur, ne pas mettre de point quand tu refermes le tag, etc. Sinon, tu es sur la bonne voie ;-)


Cédric.

Caranthir
Inscription : May 2002
Messages : 144

Merci(et encore désolé)

Caranthir le penaud

Xav
Inscription : May 2002
Messages : 67

Voici un boulot pour ce pauvre Cedric, notre Gandalf à nous, toujours là quan tout va mal

Xav
Inscription : May 2002
Messages : 67

Décidément, CARANTHIR LE SOMBRE ressemble vraiment à Sauron le sombre.

Il suffit qu'une peronne neutre intervienne, et tout rentre dans l'ordre (presque)

Bonne chance Cédric !

Xav
Inscription : May 2002
Messages : 67

Salut à tous,
Comme Alcyoné, je repose ma question : à quoi servent les " (guillemets) autour des lien ? Il me semble quôn peut aussi les supprimer...

Xav assoifé de connaissance

Cédric
Administrateur
Inscription : Jan 1999
Messages : 5 065

Oui, pour les guillemets, on peut aussi les enlever. Mais là aussi, habituellement et par convention, il faut les mettre.


Cédric.

Alcyone
Inscription : Mar 2002
Messages : 44

Merci Cedric pour ta réponse mais des fois tu me fais un peu peur, j'avoue ne pas comprendre tout ce que tu dis (au risque de passer pour une gourde)mais je retiendrais seulement que je peux me passer du _.
à +

Langue de serpent
Inscription : Apr 2002
Messages : 16

Si tout n'a pas été dit:

Balise  Description 
  Texte en gras 
  Police en taille + 1 
  Texte clignotant 

  Texte au format "citation longue" (bloc indenté) 

  Saut de ligne 
  Alignement au centre 
  Format "citation" (nom d'auteur par exemple) 
  Texte au format "code source" 
  Texte au format "définition" 
(ncompris entre 1 et 6)  Titre de niveau n 
  Texte en italique 

(j'espère que ca marche)

  •   Elément d'une liste 
        Liste numérotée 

        Paragraphe 
        Texte préformaté  
        Texte au format "citation courte" 
      ou   Texte rayé 
      ou   Texte au format "exemple" 
        Police en taille - 1 
        Texte en gras 
        Texte en indice 
        Texte en exposant 
        Texte au format "machine à écrire" 
        Texte souligné 
          Liste à puces 
          Texte au format "variable ou argument de programme" 

        Langue de serpent
        Inscription : Apr 2002
        Messages : 16

        Oups,

        Ca na pas fonctionné, désolé.
        Il devait y avoir les balises avec les descriptions.

        Langue de serpent minable...

        Hisweloke
        Inscription : Nov 1999
        Messages : 1 618

        Pour écrire en petit comme ça, il y a aussi le tag SMALL, plus simple à taper que FONT SIZE="-1" (et surtout, moins risqué, selon la configuration du navigateur.

        Pour un lien sur une nouvelle page, il vaut mieux mettre "_new" plutôt que "new", certains navigateurs le reconnaissent et agissent différemment (genre ouvrir la page dans un onglet plutôt que dans une nouvelle fenêtre), même si c'est purement conventionnel.

        Pour les guillements autour des attributs, HTML ne les impose pas... Mais XML et XHTML les imposent, alors autant se mettre à jour et les utiliser.

        Didier.
        Sans rapport, test: ɛ s'affiche-t-il brut de fonderie, où donne-t-il un caractère unicode. Je le saurai dans un instant Smile

        Hisweloke
        Inscription : Nov 1999
        Messages : 1 618

        Cool, ça marche. Essai de phonétique elleth [ɛllɛ&952;]. Il faut juste un fonte Unicode installée (e.g. Thryomanes, Lucisa Sans Unicode, Arial Unicode MS...), et un navigateur récent.

        Hisweloke
        Inscription : Nov 1999
        Messages : 1 618

        Et ne pas oublier le #... θ

        & # nombre ;

        Hisweloke
        Inscription : Nov 1999
        Messages : 1 618

        wow, je n'avais pas fait gaffe, il y a une case légèrement foireuse dans ce tableau un peu plus haut... Dangereux, la bidouille HTML Smile

        Alcyone
        Inscription : Mar 2002
        Messages : 44

        Salut à tous,

        Ma question était trop bête et vous ne voulez pas prendre la peine de me repondre ou vous ne connaissez pas la reponse... là, vous me décevez.
        je la repète donc : quand on fait un lien ouvrant une nouvelle fenêtre à quoi sert le _ devant new.

        à +

        Alcyoné qui aime bien comprendre...

        Cédric
        Administrateur
        Inscription : Jan 1999
        Messages : 5 065

        Alcyone, le _ n'est pas indispensable. C'est juste une convention de nommage utilisée par certains (dont moi) pour marquer et répérer facilement le nom d'une fenêtre dans une page HTML. Tu peux t'en passer si tu le désires.


        Cédric.