les bqlises XHT:L
صفحة 1 من اصل 1
les bqlises XHT:L
من طرف Dalikovic السبت 14 فبراير - 20:32
Bases du Xhtml/
le Xhtml c'est quoi ?
c'est le langage servant a constituer de simples pages web
mais des pages web vraiment simple ou personne ne peux intervenir
notons que le xhtml est ouvent li? au Css pour les figures de style
[pour ceux qui connaitraient la FAILLE Css , cela n'a absolument rien a voir , ne vous m?prenez pas
la failles css signifie , Cross Site Scripting]
bref passons a notre tuto xhtml
il est donc souvent accompagn? des balise
s de style Css et aussi de code javascript , que l'on verra plus tard dans ce tuto
un script xhtml commence toujours par la balise
<html>
et fini toujours par la balise </html>
comme vous avez pu le remarqu? cela s'appelle des BALISES , car tout ce qui est ENTRE ces balises sera interpret? en Xhtml
les balises
sachez que presques toutes les balises se referment avec exactement le meme mot que quand on les ouvre mais avec un slash / devant
<html></html>: d?but et fin de script interpret? en xhtml
<head></head> : en-t?tes de la page (il arrive que l'on y glisse du javascript par exemple pour empecher le clic droit)
<title></title> : titre de la page
<body></body> : le corps du message , c'est la dedans que toutes els autres balises seront pr?sentes
lmogiquement un code xhtml doit ?tre creer comme ceci
<html><title>ici le titre</title><head>l'en-tete</head><body>le corps de la page</body></html>
ensuite les balises classiques souvent rencontr?es
<b> : texte gras
<i> : texte italique
<u> : texte soulign?
<blink> : texte clignotant
<a href =""></a> : lien cach? deri?re un mot
par exemple
Code:
<a href="www.boardwarez.com">boardwarez</a>
ceci affichera juste le mot boardwarez , qui sera un lien vers ce forum
bien sur toutes ces balises ce referment comme elles s'ouvrent mais avec un / devant
ensuite :
<br> : a placer pour sauter une ligne simplement , pas besoin de refermer
<center></center> : centrer le texte
apr?s ces quelques balises de base passons aux balises de couleurs et taille
<font color=?????>...</font>
: couleur du texte entre les balises
a la place des point d'interrogation en bleu on peux marquer les couleurs en anglais , red , blue , green , brown , black , white , purple , pink , yellow et beaucoup d'autres , ou encore y glisser un code de couleur , vous pourrez en trouver sur cette palette
http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp
<font size=?>...</font> : taille de la police entre les balises , mettre un chiffre entre 1 et 10 cela est assez gros
<span style="font-family:'Times New Roman',Times,serif">petit texte d'exemple en
Times New Roman</span> : permet de choisir la police du texte
<img src="url de l'image"> : afficher une image
<a href="lien"><img src="url de l'image"></a> : un lien dans une image
Les couleurs de fond et image de fond :
a placer dans la balise body au d?but du script
<body bgcolor=??????> : couleur de fond , ajouter un code de couleur ou un nom de couleur a la place des points d'interrogation
<body background="url de l'image de fond"> : mettre une image de fond
avec ces simples bases il y a de quoi bien d?buter , essayez de creer une page pour vous entrainer
post it : quelques astuces javascript
pour commencer nous allons abr?ger le nom javascript par JS dans ce tuto
le javascript se place directement dans une page xhtml car c'est un langage interpret? , contrairement au PhP , il est directement plac? dans le coede source
mais le javascript permet ?galement de rendre une page un minimum dynamique
seulement , le code sera visible dans le code source de la page
pour voir un code source faites
clic droit > afficher la source
voila la difference avec le PhP , le PhP est h?berg? ailleur , et pas dans le code source , donc on ne peux pas savoir les fonctions de la page
pour commencer un code javascript se place toujours entre les balises
Code:
<script language="javascript>ici placez votre code</script>
pr?cisons que les codes javascript doivent ?tre s?par?s par un point virgule
par exemple aprenons :
-a afficher une simple fenetre d'erreur
- a faire une redirection
pour afficher un message d'erreur il y a plusieurs mani?res plus ou moins compl?tes , (choisir le titre de la fenetre etc ...) , mais pour faire le plus simple possible
faites
Code:
alert("Message d'erreur");
ne JAMAIS OUBLIER le point virgule , une seule erreur de script et votre code javascript peut planter enti?rement.
pour donner un exemple
essayez, copiez ce code dans votre bloc note et enregistrez le en *.html
Code:
<html><body><script language="javascript">alert("message d'erreur");</script></body></html>
maintenant clickez deux fois dessus sur votre bureau
vous voyez le message d'erreur s'afficher
maintenant essayez celui la , ne vous m?prenez pas , ce n'est pas le m?me
Code:
<html><body><script language="javascript">alert("message d'erreur")</script></body></html>
vous voyez , cela ne marche pas apparament
il n'y a pas le point virgule a la fin
maintenant essayons autrement
a copier coller dans votre blocnote enregistrez sur votre bureau en *.html
Code:
<html><body><script language="javascript">alert("message d'erreur");location.href="http://www.boardwarez.com";</script></body></html>
cela marche , mais il suffit d'enlever un seule des deux point virgule dans le code et le code foire totalement.
quelques balises JS
Code:
<script language="javascript"></script>
: d?but et fin du code
__________________
Code:
alert("texte");
: fenetre affichant un message simple
__________________
Code:
location.href="url du lien de redirection";
: faire une redirection vers le lien pr?sent dans le code
__________________
dans un formulaire
texte ou sera affich? le nom du champ :
Code:
</b><input name="Nom du Champ"size=50 maxlength=50>
on peux y rajouter un id="Nom du champ" dans certains , cas , quand on a besoin d'utiliser des variables .
les codes
size=?
et
Maxlenght=?
repr?sentent la taille du champ et la taille maximum de texte a metre dedans
______________________
Code:
<form action="mailto:votre_adresse_mail?subject=Fomulaire Je javascript" name="envoi" method=POST enctype="text/plain">
: a placer au d?but d'un script formulaire pour vous envoyer a vous le r?sultat.
______________________
Code:
<input type="submit" value="Envoyer" name="Envoyer">
: balise pour ajouter un bouton , dans le cas pr?sent , le bouton pour enoyer le formulaire
nous pouvons faire un bouton qui efface le formulair avec ceci
Code:
<input type="reset" name="Submit" value="Effacer">
voila sa sera tout pour cette fois
le Xhtml c'est quoi ?
c'est le langage servant a constituer de simples pages web
mais des pages web vraiment simple ou personne ne peux intervenir
notons que le xhtml est ouvent li? au Css pour les figures de style
[pour ceux qui connaitraient la FAILLE Css , cela n'a absolument rien a voir , ne vous m?prenez pas
la failles css signifie , Cross Site Scripting]
bref passons a notre tuto xhtml
il est donc souvent accompagn? des balise
s de style Css et aussi de code javascript , que l'on verra plus tard dans ce tuto
un script xhtml commence toujours par la balise
<html>
et fini toujours par la balise </html>
comme vous avez pu le remarqu? cela s'appelle des BALISES , car tout ce qui est ENTRE ces balises sera interpret? en Xhtml
les balises
sachez que presques toutes les balises se referment avec exactement le meme mot que quand on les ouvre mais avec un slash / devant
<html></html>: d?but et fin de script interpret? en xhtml
<head></head> : en-t?tes de la page (il arrive que l'on y glisse du javascript par exemple pour empecher le clic droit)
<title></title> : titre de la page
<body></body> : le corps du message , c'est la dedans que toutes els autres balises seront pr?sentes
lmogiquement un code xhtml doit ?tre creer comme ceci
<html><title>ici le titre</title><head>l'en-tete</head><body>le corps de la page</body></html>
ensuite les balises classiques souvent rencontr?es
<b> : texte gras
<i> : texte italique
<u> : texte soulign?
<blink> : texte clignotant
<a href =""></a> : lien cach? deri?re un mot
par exemple
Code:
<a href="www.boardwarez.com">boardwarez</a>
ceci affichera juste le mot boardwarez , qui sera un lien vers ce forum
bien sur toutes ces balises ce referment comme elles s'ouvrent mais avec un / devant
ensuite :
<br> : a placer pour sauter une ligne simplement , pas besoin de refermer
<center></center> : centrer le texte
apr?s ces quelques balises de base passons aux balises de couleurs et taille
<font color=?????>...</font>
: couleur du texte entre les balises
a la place des point d'interrogation en bleu on peux marquer les couleurs en anglais , red , blue , green , brown , black , white , purple , pink , yellow et beaucoup d'autres , ou encore y glisser un code de couleur , vous pourrez en trouver sur cette palette
http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp
<font size=?>...</font> : taille de la police entre les balises , mettre un chiffre entre 1 et 10 cela est assez gros
<span style="font-family:'Times New Roman',Times,serif">petit texte d'exemple en
Times New Roman</span> : permet de choisir la police du texte
<img src="url de l'image"> : afficher une image
<a href="lien"><img src="url de l'image"></a> : un lien dans une image
Les couleurs de fond et image de fond :
a placer dans la balise body au d?but du script
<body bgcolor=??????> : couleur de fond , ajouter un code de couleur ou un nom de couleur a la place des points d'interrogation
<body background="url de l'image de fond"> : mettre une image de fond
avec ces simples bases il y a de quoi bien d?buter , essayez de creer une page pour vous entrainer
post it : quelques astuces javascript
pour commencer nous allons abr?ger le nom javascript par JS dans ce tuto
le javascript se place directement dans une page xhtml car c'est un langage interpret? , contrairement au PhP , il est directement plac? dans le coede source
mais le javascript permet ?galement de rendre une page un minimum dynamique
seulement , le code sera visible dans le code source de la page
pour voir un code source faites
clic droit > afficher la source
voila la difference avec le PhP , le PhP est h?berg? ailleur , et pas dans le code source , donc on ne peux pas savoir les fonctions de la page
pour commencer un code javascript se place toujours entre les balises
Code:
<script language="javascript>ici placez votre code</script>
pr?cisons que les codes javascript doivent ?tre s?par?s par un point virgule
par exemple aprenons :
-a afficher une simple fenetre d'erreur
- a faire une redirection
pour afficher un message d'erreur il y a plusieurs mani?res plus ou moins compl?tes , (choisir le titre de la fenetre etc ...) , mais pour faire le plus simple possible
faites
Code:
alert("Message d'erreur");
ne JAMAIS OUBLIER le point virgule , une seule erreur de script et votre code javascript peut planter enti?rement.
pour donner un exemple
essayez, copiez ce code dans votre bloc note et enregistrez le en *.html
Code:
<html><body><script language="javascript">alert("message d'erreur");</script></body></html>
maintenant clickez deux fois dessus sur votre bureau
vous voyez le message d'erreur s'afficher
maintenant essayez celui la , ne vous m?prenez pas , ce n'est pas le m?me
Code:
<html><body><script language="javascript">alert("message d'erreur")</script></body></html>
vous voyez , cela ne marche pas apparament
il n'y a pas le point virgule a la fin
maintenant essayons autrement
a copier coller dans votre blocnote enregistrez sur votre bureau en *.html
Code:
<html><body><script language="javascript">alert("message d'erreur");location.href="http://www.boardwarez.com";</script></body></html>
cela marche , mais il suffit d'enlever un seule des deux point virgule dans le code et le code foire totalement.
quelques balises JS
Code:
<script language="javascript"></script>
: d?but et fin du code
__________________
Code:
alert("texte");
: fenetre affichant un message simple
__________________
Code:
location.href="url du lien de redirection";
: faire une redirection vers le lien pr?sent dans le code
__________________
dans un formulaire
texte ou sera affich? le nom du champ :
Code:
</b><input name="Nom du Champ"size=50 maxlength=50>
on peux y rajouter un id="Nom du champ" dans certains , cas , quand on a besoin d'utiliser des variables .
les codes
size=?
et
Maxlenght=?
repr?sentent la taille du champ et la taille maximum de texte a metre dedans
______________________
Code:
<form action="mailto:votre_adresse_mail?subject=Fomulaire Je javascript" name="envoi" method=POST enctype="text/plain">
: a placer au d?but d'un script formulaire pour vous envoyer a vous le r?sultat.
______________________
Code:
<input type="submit" value="Envoyer" name="Envoyer">
: balise pour ajouter un bouton , dans le cas pr?sent , le bouton pour enoyer le formulaire
nous pouvons faire un bouton qui efface le formulair avec ceci
Code:
<input type="reset" name="Submit" value="Effacer">
voila sa sera tout pour cette fois
Dalikovic- المدير
- Nombre de messages : 554
Age : 36
Réputation : 0
Points : 2147489415
Date d'inscription : 06/02/2009 -
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى