Fermeture pour inactivité
 
AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Des balises supplémentaire (2eme tuto)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ekoi
Nouveau du studio


Messages : 37
Date d'inscription : 16/03/2010

MessageSujet: Des balises supplémentaire (2eme tuto)   Ven 19 Mar - 21:22

Code:
Aujourd'hui je vais vous montrez de nouvelles balises ainsi que vous apprendre leurs fonctions, commençons:
<a href=""></a> Ceci est une balise de lien, l'accès à la pages web du lien se fait en cliquant sur le texte entre les deux balises exemple: <a href="page.html">Cliquez ici pour allez a Page.html</a>
Maintenant je vais vous expliquer de quoi se constitue cette balise et qu'elle sont ces particularité:
-Elle se constitue tout d'abord du <a de départ, puis de l'élément href="page.html"> en réalité, entre les guillemet (la ou il y a page.html) se trouve l'adresse de votre page web.
Exemple: Votre page se situe dans le dossier art et il se nomme studio.html (html étant l'extension du fichier, cela peut aussi être htm ou php... pour les curieux html= Hyper Text Markup Language)
le lien sera donc <a href="art/studio.html">Retournez à la page d'index</a> Aussi les liens sont souvent en bleu et souligné, pas très beau n'est ce pas ? Pas de soucis ! Nous allons voir comment stylisé ceci avec le CSS qui arrivera bientôt!


[b][color=red]A RETENIR: Pour créer le chemin de votre lien (ici art/studio.html) il ne faut pas oublier qu'il se fait à partir de la page que vous consulter, donc si vous mettez un lien dans studio (qui se trouve dans le dossier art) qui devrez quand on clique dessus allez jusqu'a l'index(et donc index.html) qui se situe dans le premier dossier (et donc pas dans art/), le serveur où votre site est hébergé va chercher index.html dans le fichier art, car vous êtes sur studio.html dans le dossier art ![/color][/b]

<img src="votreimage.png" alt="nomdevotreimage"/>Ceci est une balise permettant l'affichage d'une image, l'élément src à le même principe que le href de la balise <a href=""></a> il faut mettre le chemin pour accéder à votre image entre les guillemets. L'élément alt, sert au cas ou si le navigateur de votre visiteur n'a pas chargé une image présente sur votre site alors celle ci ce replacera par un texte qui sera celui situer entre les guillements de l'élément alt.
Exemple: votre image se situe dans le dossier ekoi elle se nomme eau.png, alors le chemin d'accès sera ekoi/eau.png.

[b][color=red]A savoir: la balise <img src="" alt""/> est l'une des rares balises à ne pas fonctionné par paire donc ne mettez pas <img src="" alt=""></img> cela n'existe pas ><.[/color][/b]

<div></div> Cela crée un bloc dans votre page WEB, c'est la balise qui va "construire" votre site selon des bloc, par exemple si vous faites du CSS et que dans votre css vous avez mit #menu{
propriete: propriete}(ceci n'est pas du code css ^^)
alors pour crée un bloc contenant ces propriétés alors fait <div id="menu"> le contenue de votre div</div>

<ul><li></li></ul> ceci est un groupe de balise, elle fonctionne obligatoirement ensemble, vous allez comprendre pourquoi.
<ul> informe au serveur que ceci est le début de la liste à puce qu'elle commence
<li> informe au serveur que ce qu'il y a entre <li> et /li> et l'information textuelle de l'élément <li> de la liste à puce
</li> informe au serveur que l'élément à puce se termine
</ul> que la liste se termine

Il peut bien évidemment avoir plusieurs <li> dans le même <ul> Exemple:
<ul>
<li> fanta</li>
<li>coca</li>
<li>sprite</li>
</ul>
Ceci est une liste à puce à trois élément.

<br/> est l'une des rares balises à fonctionné seule, elle informe à l'ordinateur un saut de ligne, car oui en effet, le saut de ligne dans votre logiciel de traitement de texte ne signifie rien pour le serveur.

Exemple de toutes les balises du tuto:
la balise de lien donne ceci Lien

La balise image donne ceci [Vous devez être inscrit et connecté pour voir cette image]

Je ne montrerais pas d'exemple de balise div car cela déformerait le forum!

Liste à puce:

  • fanta

  • coca

  • sprite



Pas besoin de montrer la balise de saut de ligne vous ne verez rien mais bon
ceci est sur la même ligne que la phrase précédente
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Des balises supplémentaire (2eme tuto)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ArtStudio :: Art Vidéo/Animation :: Tutoriels Flash/HTML/CSS/... :: Tuto HTML/CSS/...-