Ce tutoriel a pour but de vous initier au HTML.
Introduction :
Le HTML (HyperText Mark-Up Language) est le langage informatique le plus utilisé sur le web.
Très simple à comprendre et à apprendre, il est possible avec le HTML, de créer une page web complète facilement.
Il est souvent associer avec d’autres langages comme le CSS (feuilles de style en cascade) et le JavaScript.
Les balises rudimentaires :
Nous allons voir les balises les plus simples que vous pourrez utiliser au quotidien dans le développement de votre forum.
•Mettre un texte en Gras :
Code: Sélectionner le contenu<strong>Texte</strong>
Ce qui donnera :
Texte
•Mettre un texte en italique :
Code: Sélectionner le contenu<em>Texte</em>
Ce qui donnera :
Texte
•Souligner un texte :
Code: Sélectionner le contenu<u>Texte</u>
Ce qui donnera :
Texte
•Barrer un texte :
Code: Sélectionner le contenu<s>Texte</s>
Ce qui donnera :
Texte
•Mettre à gauche un texte :
Code: Sélectionner le contenu<p align="left">Texte</p>
Ce qui donnera :
Texte
•Centrer un texte :
Code: Sélectionner le contenu<p align="center">Texte</p>
Ce qui donnera :
Texte
•Mettre à droite un texte :
Code: Sélectionner le contenu<p align="right">Texte</p>
Ce qui donnera :
Texte
•Justifier un texte :
Code: Sélectionner le contenu<p align="justify">Texte</p>
Ce qui donnera :
Texte
•Taille du texte :
Code: Sélectionner le contenu<font size="X">Texte</font>
(Remplacer X par un nombre.)
Ce qui donnera :
Texte Texte
•Changer la police d’un texte :
Code: Sélectionner le contenu<font face="X">Texte</font>
(Remplacer X par une police d’écriture, vous pouvez en mettre plusieurs à la suite en les séparant d’une virgule , si une personne qui visite votre page n’a pas la première police installée sur son ordinateur, ce sera la suivante qui sera utilisée et ainsi de suite par exemple : Times New Roman, Tahoma, Arial.)
Ce qui donnera :
Texte
•Couleur du texte :
Code: Sélectionner le contenu<font color="X">Texte</font>
(Remplacer X par une couleur en anglais ou par un Code couleur (héxadécimal) par exemple pour le rouge : red ou #FF0000.)
Ce qui donnera :
Texte
Il faut savoir qu’il est possible via le CSS de remplacer ces balises de présentation du texte !
•Un lien URL :
Code: Sélectionner le contenu<a href="X">Texte</a>
(Remplacer X par votre lien url : http://www.monlienurl.com )
Ce qui donnera :
Texte
•Une image :
Code: Sélectionner le contenu<img src="X" />
(Remplacer X par le lien url de votre image : http://www.monlienurl.com/monimage.jpg )
Ce qui donnera :
•Un saut de ligne :
Code: Sélectionner le contenuForum<br>Actif
Ce qui donnera :
Forum
Actif
•Une liste :
Code: Sélectionner le contenu<ul><li>ForumActif</ul>
Ce qui donnera :
•ForumActif
•Une mettre une image cliquable qui mène vers votre forum :
Code: Sélectionner le contenu<A href="Lien de votre forum"><IMG src="Lien de votre image"></A>
•Un tableau :
Code: Sélectionner le contenu<table border="1"><tr><td>Forum</td><td>Actif</td></tr><tr><td>C’est</td><td>Super !</td></tr></table>
Ce qui donnera :
Forum Actif
C’est Super !
Vidéo autoplay :
<object width="425" height="355"><param name="movie" value="https://www.youtube.com/v/5r74pPVVcX8&hl=fr&autoplay=1"></param><param name="wmode" value="transparent"></param><embed src="https://www.youtube.com/v/5r74pPVVcX8&hl=fr&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
***********************************************
Lecture automatique d’une vidéo YouTube :
?rel=0&autoplay=1
Pour que sa vidéo YouTube démarre automatiquement c’est tout simple, il suffit simplement d’ajouter ?rel=0&autoplay=1 à la fin des 2 URL (juste avant la fermeture des guillemets) de la vidéo présentes dans le code du lecteur exportable, comme indiqué dans l’exemple ci-dessous :
<object width="425" height="355"><param name="movie" value="https://www.youtube.com/v/5r74pPVVcX8&hl=fr&autoplay=1"></param><param name="wmode" value="transparent"></param><embed src="https://www.youtube.com/v/5r74pPVVcX8&hl=fr&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
Lecture automatique d’une vidéo Dailymotion :
Le principe est exactement le même que pour YouTube, il faut simplement placer &autoplay=1 à la fin des 2 URL correspondantes à la vidéo dans le code du lecteur exportable comme suit :
<div><object width="420" height="336"><param name="movie" value="https://www.dailymotion.com/swf/x3fbmt&v3=1&related=1&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="https://www.dailymotion.com/swf/x3fbmt&v3=1&related=1&autoplay=1" type="application/x-shockwave-flash" width="420" height="336" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b><a href="https://www.dailymotion.com/video/x3fbmt_mettre-une-video-sur-dailymotion">Mettre une video sur Dailymotion</a></b><br /><i>envoyé par <a href="https://www.dailymotion.com/commentquoi-video">commentquoi-video</a></i></div>
Vidéos MySpaceTV :
En remarque, je souhaite rajouter que pour les vidéos provenant de MySpace TV, l’option de lecture automatique ne soit pas possible, j’ai essayé de modifier le code du lecteur exportable d’une vidéo MySpace sans succès. Si quelqu’un connaît l’astuce, j’invite cette personne à poster la solution en commentaire de cet article.
Ven 29 Mar - 9:58
