Guide HTML et CSS PDF
Transféré par
Taha CanGuide HTML et CSS PDF
Transféré par
Taha CanTitre : <Title> </Title>
Retour a la line : <br />
Gras : <b> </b>
Centr : <center> </center>
Commentaire : < !-- -- > < !-- / -- >
Gras dcroissant : <h1> </h1>
<h2></h2>
<h3></h3>
Couleur dcriture : <font color = color Hex >crire le texte a color </font> (www. Adobe kuler)
Couleur de la page : <body bgcolor = color Hex > </body>
Arrire plan de la page : <body background = URL de limage ou nom dimage dans le dossier de la page
.Extension> </body>
Image : <img scr = URL ou nom dimage />
Image dans un folder : <img scr = folder name /nom dimage />
Hauteur et largeur du image : <img scr =URL ou nom dimage height = nombre width = nombre />
Ajout un lien sur criture : <a href = URL > crire lcriture </a>
Ouvrir un lien dans Tab : <a href = URL target =_blank> crire lcriture </a>
Ouvrir un Lien dans image : <a href = URL > < img scr = URL ou Nom dimage /> </a>
Langue Arabe incompriensible : <head> < meta charset = UTF-8 /> </ head>
Direction langue Arabe : <html dir = rtl ou ltr> </html> (left to right et right to left)
Cration du tableau : <table border =1 align = center width=100%
<tr> (la ligne 1)
<td> crire le contenu du cellule </td>
(les cellules)
<td> crire le contenu du cellule </td>
(les cellules)
</tr>
<tr> (la ligne 2) (colspan pour la fusion de cellule)
<td colspan =2> crire le contenu du cellule </td>
(les cellules) (colspan
pour fusion des cellules
<td> crire le contenu du cellule </td>
(les cellules)
</tr>
</table>
Cre un Form : <form action = GET / POST Method = nom de [Link] > </form>
Faire un INPUT : <td> <input name = type Password - Text Radio - checkbox value = la valeur
donn /> crire les donnes </td>
Faire un ABOUT : <td> <textarea row = nombre cols= nombre > </textarea> </td>
Faire Liste de choix : <td >
<Select name = >
<option value = nombre > crire le choix </option>
<option value = nombre > crire le choix </option>
</Select >
</td>
Faire Boutton Submit : <form action = nom du [Link] method = POST>
<table border= align=center width= 100% >
<tr>
<td> <input name = type = submit value = nom /> </td>
</tr>
XHTML (correction faute) : <! DOCTYPE> (avant <html>)
Demander de remplir un Text champ : <input name= type= text required =required />
Ajout place holder dans un Text champ : <input name= type text placeholder=cire msg />
Demander dentre URL ou Email ou Couleur : <input name= type Email ou url ou Color />
Cre un username et password : <form action= method= >
Username : < input name= type = text />
Password : < input name= type= text />
Lautofocus sur lun des cases : Username : <input autofocus = name= type= text />
Ajout un Video : <video height = width= scr=nom de ficher controls= controls autoplay =
true ou false muted= poster= nom [Link] loop= >
Msg dErreur en cas de non fonction
</ video>
Ajout un Audio : <audio height= width= scr=nom [Link] controls= controls loop=
>
</ audio>
CSS
Lcriture du code CSS via linvitation dun file CSS extrieur : < head>
<link rel=stylesheet herf= emplacement fiche [Link] />
Lidentification du class : <b class=nom du class > lcriture volu </b>
Lcriture de Class (file CSS) : .nom de class (
Background : code hex ;
Color : code hex ;
)
Lcriture de ID (file CSS) : # nom de ID (
Background : code hex;
Color : code hex ;
)
Lidentification DIV : <div id=nom de ID > lcriture volu </div>
Le SPAN : <span> lcriture volu </span>
Lidentification Span (fiche CSS) : span (
Color : code hex;
)
Lapplication ALL (fiche CSS) : * (
Font-size : ;
)
Font family (fiche CSS) : .nom de class (
Font-familly : nom de font ;
)
Font style (fiche CSS) : .nom de class (
Font-style : (normal -Italic) ;
)
Font variant (fiche CSS) : .nom de class (
Font-variant: (normal small-caps) ;
)
Font weight (fiche CSS) : .nom de class (
Font-weight : (bold normal) ;
)
Change le Color : <style >
.nom de class (
Color : code hex ;
)
</style >
Direction dcriture : <style >
Body (
Direction : (rtl ltr) ;
)
</style>
Lalignement du texte : <style >
.Nom class (
Text-align : (centre right left) ;
)
</style>
Le soulignement du texte : <style >
.Nom class (
Text-decoration : none ;
)
</style>
Le border de la page : <> </>