[HTML] Quelques balises pratiques

[Gravemind]

Bonjour/Bonsoir,

allez, je profite d'un peu de temps libre pendant mes cours pour vous faire un petit tuto vite-fait.

Donc tout d'abord je précise :
-Mon niveau en HTML frise le zéro, j'ai assez de "skill" pour modifier les codes source à mon aise, mais aucun pour ce qui est de construire ma propre page HTML (c'est dommage j'en ai bien besoin.
-Les balises que je vais "détailler" ici sont des balise que je connais/j'ai découvert en fouillant les codes sources des sites que je visite.
-Ce "tutoriel" ne s'adresse pas à tout le monde, plutôt ceux qui débutent à peine dans le HTML et qui aimeraient avoir quelques balises à dispo'.

Acronym
Exemple :

Code: Tout sélectionner

<acronym title="Team Fortress 2">TF2</acronym>

Dans votre page apparaîtra "TF2" souligné par de petits pointillés, ceux qui ne connaissent pas la signification de "TF2" n'auront qu'à passer le curseur dessus pour avoir le mot complet qui s'affiche dans un cadre flottant.
Balise tirée du tutoriel "Encoder au format QuickTime" de FinalClap

A
Exemples :

Code: Tout sélectionner

<a>http://www.google.fr/</a>

Le lien "http://www.google.fr/" apparaîtra tel quel (en cliquable) dans votre page

Code: Tout sélectionner

<a href="http://www.google.fr">Gougeule</a>

Le mot "Gougeule" sera lié au lien "http://www.google.fr/" (toujours cliquable, un clic sur le mot "Gougeule" vous enverra sur la page "http://www.google.fr")

Code: Tout sélectionner

<a href="/contacts/contacts.html">Contacts</a>

(Je ne suis pas du tout sûr pour celui-là)
Imaginons, nous faisons un sites que nous envoyons par FTP sur un serveur, site composé de 5 pages : Accueil, Contacts, Téléchargements, Galerie et Don.
Niveau arborescence ça donnera :
Dossier "Accueil" contenant :
accueil.html (imaginons que le lien de mon site (donc de la page d'accueil) soit http://www.monsite.fr)
un dossier "contacts" (qui contient un fichier nommé "pagecontacts.html")
un dossier "telechargements" (qui contient un fichier nommé "pagetelechargements.html")
un dossier "galerie"(qui contient un fichier nommé "pagegalerie.html")
un dossier "don" (qui contient un fichier nommé "pagedon.html")

Sur notre page d'accueil on veut

Contacts
Téléchargements
Galerie
Don

Donc dans l'arborescence de notre site, nous partirons comme si la racine de tout le serveur était le dossier "accueil", même si ce dossier est dans des tas d'autres dossiers, ce qui donnera :

Code: Tout sélectionner

<a href="/contacts/pagecontacts.html">Contacts</a>
<a href="/telechargements/pagetelechargements.html">Téléchargements</a>
<a href="/galerie/pagegalerie.html">Galerie</a>
<a href="/don/pagedon.html">Don</a>

Balise tirée du tutoriel "Encoder au format DVD avec TMPGEnc" de FinalClap

P.S. : Je dois y aller, je complèterais plus tard (si y a des erreurs, merci aux bienveillants de corriger ^^)

[Rorschach]

à noter que le title="" présenté dans la balise acronym, peut également être placé sur les liens de la façon suivante :

Code: Tout sélectionner

<a href="http://www.google.fr"  title="Aller sur google">Gougeule</a>


et dans ce cas on a en plus la petite bulle d'info au survole du lien

[Galdon]

Merci de poster le premier topic du forum HTML/CSS, bonne initiative

[Gravemind]

De rien (enfin, utile, s'vite dit ! ^^).

Par contre, y a moyen de faire en sortes qu'un message bien précis soit toujours éditable ? Comme ça au fur et à mesure j'édite pour rectifier mes erreurs/ajouter des balises/compléter les détails des balises déjà présentes.

Ou faire un genre de Wiki, un article qu'on peut plus ou moins tous éditer pour compléter/perfectionner l'astuce tous ensembles.

[Galdon]

Malheureusement non, on peut pas éditer ce paramètre individuellement dans phpBB, au pire tu peux m'envoyer les modifs par MP, où je peux aussi installer un wiki.

wiki.finalclap.com, ça péterait...

[Gravemind]

Ouais ça serait pas mal mais niveau hébergement pour toi ça serait p'tet pas aussi positif financièrement et dans ce que ça demande comme travail je pense =x

[Galdon]

Non, un sous domaine ça prend 3 minutes à créer, et ça coûte rien, je peux en créer 1000 gratuitement.

Et niveau base de donnée j'en utilise que 3/5, donc c'est bon.

[bryou]

Code: Tout sélectionner

<a href="/contacts/pagecontacts.html">Contacts</a>
<a href="/telechargements/pagetelechargements.html">Téléchargements</a>
<a href="/galerie/pagegalerie.html">Galerie</a>
<a href="/don/pagedon.html">Don</a>

A noté que sa ce n'est pas à faire hein ^^

Pour un menu il est préférable d'utiliser les balise ul et li.

Code: Tout sélectionner

<ul>
   <li><a href="/contacts/pagecontacts.html">Contacts</a></li>
   <li><a href="/telechargements/pagetelechargements.html">Téléchargements</a></li>
   <li><a href="/galerie/pagegalerie.html">Galerie</a></li>
   <li><a href="/don/pagedon.html">Don</a></li>
</ul>