Notions elementaires de HTML

Sites de références

En allant dans ces sites, vous trouverez de notions élémentaires de html vous permettant de configurer de façon minimaliste votre blog (mettre du texte en forme, insérer un lien, insérer une image, mettre une musique, utiliser un tableau en deux colonnes, etc … etc …):

w3schools.com

allhtml.com

Ou les sites du Bookcrossing (en français):
wiki=HtmlFacile
bookcrossing.fr

Malgré ces explications, car le HTML est quelque chose de nouveau pour vous, je vais vous donner des exemples simples:

INSERER UNE IMAGE DANS UN ARTICLE

Insertion de l'image à droite du texte:

[p][img src="http://www.url du site/nom de l'image" align="right" /]Taper ici votre texte.
[/p]

url du site = adresse où se trouve l'image, par ex.: http://journal-de-lancelot.blogspot.com/

nom de l'image: par ex.: photodejean.jpg

[p] = saut de paragraphe, [/p]: pour le fermer.
NB.: remplacer ] par > et <>Insertion de l'image à gauche du texte:
[p][img src="http://www.url du site/nom de l'image" align="left" /] Taper ici votre texte.
[/p]

url du site = adresse où se trouve l'image, par ex.: http://journal-de-lancelot.blogspot.com
nom de l'image: par ex.: photodejean.jpg
[p] = saut de paragraphe, [/p]: pour le fermer.

NB.: remplacer ] par > et [ par <

Vous pouvez aussi utiliser les icônes ad hoc pour insérer les images. Ces icônes sont présentes chez les 3 fournisseurs sous rubrique.

Insérer un hyperlien dans un article ou dans son profil

Je prends tout bêtement un exemple de mon ancienne note de lecture sur le roman "In Tenebris" de Maxime Chattam. Si vous voulez mettre un lien vers cette archive, voici le script:

[a href="http://journal-de-lancelot.blogspot.com/2005/02/in-tenebris-de-maxime-chattam.html"]Cliquer ici pour mes notes de lecture[/a]

NB.: remplacer [ par <>

Cliquer ici pour mes notes de lecture = le commentaire afin que les gens puissent y cliquer dessus pour arriver au lien référé.

Vous pouvez aussi utiliser les icônes ad hoc pour insérer les liens. Ces icônes sont présentes chez les 3 fournisseurs.

Rajouter des liens dans son profil

Pour Haut & Fort: aller sous Présentation, contenu des colonnes et suivre les instructions.

Pour 20Six: je n'ai pas pu trouvé !!!! Il faut attendre le retour de vacances de Septentria à moins qu'une âme charitable ne nous donne la solution.

Pour Blogger: aller dans "Modifier paramètres" une fois loggé avec votre pseudo, puis cliquez sur l'onglet "Modèle".

Puis utilisez le même script que ci-dessus. L'insérer en dessous de la partie:


[li][a href="[$BlogArchiveURL$]"][$BlogArchiveName$][/a][/li]


[/ul]
[br][br]

Donc avant la partie:

[!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" --]

NB.: remplacer ] par > et [ par <

Concrètement, le lien vers "le Carnet de Lancelot" aura pour script:

[a href="http://journal-de-lancelot.blogspot.com/"]Le Carnet de Lancelot[/a]

NB.: remplacer [ par <>

Pour insérer un titre pour vos groupes de liens, vous pouvez mettre:

[b]Mes liens favoris[/b][br]

[b] [/b] = pour avoir un caractère gras, [b] pour ouvrir, [/b] pour fermer
[br] = chaque [br] correspond à un saut de page

Si vous voulez avoir un titre plus grand:

[H2]Mes liens favoris[/H2]

NB.: remplacer ] par > et [ par <

à suivre ...