[HTML] Quelques balises pratiques

Toutes vos questions sur jQuery, CSS, HTML5, mise en page...
Avatar de l’utilisateur
Gravemind
chieur
chieur
 
Messages: 692
Inscription: 30 Mai 2009, 00:06

[HTML] Quelques balises pratiques

Messagede Gravemind » 10 Sep 2009, 15:27

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


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 ^^)
En a tout simplement marre de se faire enculer à chaque fois qu'il aide, maintenant, c'est l'égoïsme à l'état pur.

Avatar de l’utilisateur
Rorschach
 
Messages: 25
Inscription: 30 Juin 2008, 12:14
Localisation: Normandie

Re: [HTML] Quelques balises pratiques

Messagede Rorschach » 10 Sep 2009, 17:04

à 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 :D

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: [HTML] Quelques balises pratiques

Messagede Galdon » 10 Sep 2009, 18:52

Merci de poster le premier topic du forum HTML/CSS, bonne initiative :D
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

Avatar de l’utilisateur
Gravemind
chieur
chieur
 
Messages: 692
Inscription: 30 Mai 2009, 00:06

Re: [HTML] Quelques balises pratiques

Messagede Gravemind » 10 Sep 2009, 19:54

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.
En a tout simplement marre de se faire enculer à chaque fois qu'il aide, maintenant, c'est l'égoïsme à l'état pur.

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: [HTML] Quelques balises pratiques

Messagede Galdon » 15 Sep 2009, 19:56

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...
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

Avatar de l’utilisateur
Gravemind
chieur
chieur
 
Messages: 692
Inscription: 30 Mai 2009, 00:06

Re: [HTML] Quelques balises pratiques

Messagede Gravemind » 15 Sep 2009, 21:41

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
En a tout simplement marre de se faire enculer à chaque fois qu'il aide, maintenant, c'est l'égoïsme à l'état pur.

Avatar de l’utilisateur
Galdon
Administrateur du site
Administrateur du site
 
Messages: 2188
Inscription: 06 Sep 2008, 22:05

Re: [HTML] Quelques balises pratiques

Messagede Galdon » 16 Sep 2009, 09:15

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.
"Si tu veux me parler, envoie-moi un... FAX !" - George Abitbol

bryou
 
Messages: 22
Inscription: 06 Nov 2009, 18:24

Re: [HTML] Quelques balises pratiques

Messagede bryou » 22 Déc 2009, 09:23

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>


Retourner vers HTML / CSS / Javascript

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités