Arcane Magiclights

Forum de discussion autour de la Guilde Arcane, et de l'as Arcane/Glastonbury
 
AccueilAccueil  PortailPortail  CalendrierCalendrier  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  Connexion  

Partagez | 
 

 XHTML:

Aller en bas 
AuteurMessage
Uhma
Admin Déesse Suprême
avatar

Féminin Nombre de messages : 263
Age : 47
Date d'inscription : 18/08/2006

MessageSujet: XHTML:   Mer 12 Sep - 13:59

.XHTML: Abréviation de eXtensible Hyper Text Markup Language

C'est le langage avec lequel on tape le contenu des sites Web. Il contient des informations logiques: ceci est mon titre, ceci est mon menu, là c'est le texte de la page principale, etc, etc....

----------
Les balises existent soit par paires (<balise> </balise> ) ; soit toutes seules, mais dans ce cas il faut mettre un / à la fin de la balise (ex. : <balise> )
Les noms des balises et attributs s'écrivent toujours en minuscules (ex. : "citation, auteur, date")
Les valeurs des attributs peuvent contenir des majuscules (ex. : "Neil Armstrong")
S'il y a des attributs dans une balise fonctionnant par paire, on ne les met que dans la balise ouvrante

------------
Code de base d'une page web: (voir ma fiche)

Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
</body>
</html>

Voici les explications ligne par ligne :

Sur la toute première ligne se trouve la déclaration "Doctype". C'est une balise un peu particulière, et c'est la seule qui n'obéit pas aux règles habituelles.
Concrètement, cette balise sert à dire au navigateur que ce que vous faites est une page XHTML, et que vous utilisez la version 1.0 du langage XHTML (eh oui, comme dans les programmes il y a des versions !).
Vient ensuite la balise <html>. C'est la balise principale qui englobera toute votre page (x)HTML. Comme vous pouvez le voir, on ne la ferme qu'en dernier avec </html>, qui indique que votre page (x)HTML s'arrête là. Il n'y a donc rien après le </html>.
La balise <html> contient 2 attributs :


xmlns : cet attribut, obligatoire, indique une adresse traitant du xHTML. Ne vous en préoccupez pas et laissez comme ça, ça ne nous intéresse pas particulièrement.
xml:lang : cet attribut sert à indiquer dans quelle langue est rédigée votre page web. Si vous écrivez une page web en français, mettez "fr" comme dans l'exemple. Si la page est en anglais, mettez "en", en italien "it", espagnol "es" etc etc...


La balise <head> contient quelques informations d'en-tête pour votre page web. Elle est refermée un peu plus loin.


A l'intérieur de la balise <head>, vous trouvez notamment la balise <title>. Elle est très importante : c'est elle qui contient le titre de votre page web. Ici, le titre est "Bienvenue sur mon site !", mais il faut évidemment mettre le bon titre selon la page souhaitée.
Ensuite, vous pouvez voir une balise <meta>. Il existe beaucoup de balises de ce type, mais elles ne sont pas indispensables. Seule celle que je vous ai donnée est indispensable : elle sert à indiquer que vous allez taper des caractères spécifiques au français (éèàê etc...).


Enfin (ouf!), après la fermeture de la balise <head> commence une nouvelle balise : <body>
C'est entre <body> et </body> que vous taperez le contenu de votre page web.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://arcane-magiclights.bbgraph.com
Uhma
Admin Déesse Suprême
avatar

Féminin Nombre de messages : 263
Age : 47
Date d'inscription : 18/08/2006

MessageSujet: Re: XHTML:   Lun 1 Oct - 18:04

Citation :
.Balises de type bloc:
.Paragraphe: <p></p>
.Titre de page web: <title></title>
.Citation longue:<blockquote></blocquote>
.Titre en ordre d'importance (pour structurer le texte):
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
.Commentaires: <!--Penser à blabla-->

.Balises inline:
.Aller à la ligne: <br />
.Texte de grande importance: <strong> </strong> (apparait souvent en gras dans les navigateurs
.Texte d'importance modére: <em> </em> (apparait souvent en italique dans les navigateurs>
.Citation courte: <q> </q> (entoure en general le texte de guillemets)
.Exposants: <sup> </sup>
.Indices: <sub> </sub>
.Abréviation: ex:
<p>la police scientifique a demasqué le coupable grace à son <abbr title="Acide Désoxyribonucleique">ADN</abbr></p>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://arcane-magiclights.bbgraph.com
 
XHTML:
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Arcane Magiclights :: Arcane Magiclights :: Generalités, trucs et astuces d'Uhma-
Sauter vers: