Etape 1: Du Code HTML plus courante
Balises de base< html >< / html >
Crée un document HTML
< tête >< / head >
Le titre et autres informations qui n’est pas affichées sur la page Web elle-même se met
< corps >< / body >
Définit la partie visible du document
Balises d’en-tête
< titre >< / title >
Met le nom du document dans la barre de titre
Attributs de corps
< body bgcolor =? >
Définit la couleur d’arrière-plan, à l’aide de la valeur de nom ou hexagonale
< corps de texte =? >
Définit la couleur du texte, à l’aide de la valeur de nom ou hexagonale
< body lien =? >
Définit la couleur des liens, à l’aide de la valeur de nom ou hexagonale
< corps vlink =? >
Définit la couleur des liens de suivi, à l’aide de la valeur de nom ou hexagonale
< corps alink =? >
Définit la couleur des liens lors du clic sur
Balises de texte
< pre >< / pre >
Crée le texte préformaté
< hl >< /hl >
Crée le titre de plus grand
< h6 >< / h6 >
Crée le titre de plus petit
< b >< / b >
Crée le texte en gras
< i >< / i >
Crée le texte en italique
< tt >< /tt >
Crée le télétype ou texte style machine à écrire
< citer >< / citer >
Crée une référence, habituellement en italique
< em >< /em >
Met l’accent sur un mot (avec italique ou gras)
< fort >< / strong >
Met l’accent sur un mot (avec italique ou gras)
< taille de police =? >< / font >
Définit la taille de police, de 1 à 7)
< couleur de police =? >< / font >
Définit la couleur de la police, en utilisant le nom ou la valeur hexadécimale
Liens
< a href = « URL » >< / a >
Crée un lien hypertexte
< a href = « mailto:EMAIL » >< / a >
Crée un lien mailto
< a name = « NAME » >< / a >
Crée un emplacement cible dans un document
< a href = « #NAME » >< / a >
Liens vers cet emplacement cible d’ailleurs dans le document
Mise en forme
< p >< / p >
Crée un nouveau paragraphe
< p align =? >
Aligne un paragraphe à gauche, à droite, ou centre
< br >
Insère un saut de ligne
< blockquote >
< / blockquote >
Indente le texte des deux côtés
< dl >< /dl >
Crée une liste de définitions
< dt >
Précède chaque terme définition
< dd >
Précède chaque définition
< ol >< /ol >
Crée une liste numérotée
< li >< /li >
Précède chaque élément de la liste et ajoute un certain nombre
< ul >< /ul >
Crée une liste à puces
< div align =? >
Une balise générique utilisée pour mettre en forme des blocs de HTML, également utilisé pour les feuilles de style
Éléments graphiques
< img src = « nom » >
Ajoute une image
< img src = « nom » align =? >
Aligne l’image : gauche, droite, Centre ; au milieu en haut, bas,
< img src = « nom » border =? >
Définit la taille de la bordure autour d’une image
< hr >
Insère une règle horizontale
< hr taille =? >
Définit la taille (hauteur) de la règle
< hr largeur =? >
Définit la largeur de la règle, en pourcentage ou en valeur absolue
< hr noshade >
Crée une règle sans l’ombre
Tables
< table >< / table >
Crée une table
< tr >< /tr >
Déclenche à chaque ligne dans une table
< td >< /td >
Chaque cellule d’une ligne se met
< th >< /th >
Déclenche l’en-tête de tableau (une cellule normale avec texte en gras, centré)
Attributs de table
< table frontière = #>
Définit la largeur de bordure autour des cellules d’un tableau
< table cellspacing = #>
Définit la quantité d’espace entre les cellules d’un tableau
< table cellpadding = #>
Définit la quantité d’espace entre la bordure d’une cellule et son contenu
< table largeur = # ou % >
Définit la largeur du tableau en pixels ou en pourcentage de la largeur du document
< tr align =? > ou < td align =? >
Définit l’alignement de la cellule (gauche, centre ou droite)
< tr valign =? > ou < td valign =? >
Définit l’alignement vertical pour les cellules (haut, milieu ou bas)
< td colspan = #>
Définit le nombre de colonnes, qu'une cellule doit couvrir
< td rowspan = #>
Définit le nombre de lignes devrait couvrir une cellule (par défaut = 1)
< td nowrap >
Empêche les lignes dans une cellule de brisé pour s’adapter
Frames
< frameset >< / jeu de cadres >
Remplace la balise < body > dans un document de cadres ; peuvent également être imbriqués dans d’autres jeux de cadres
< frameset lignes = « value, value » >
Définit les lignes dans un jeu de cadres, en utilisant le nombre de pixels ou pourcentage de w largeur
< frameset cols = « value, value » >
Définit les colonnes dans un jeu de cadres, à l’aide de nombre en pixels ou pourcentage de la largeur
< cadre >
Définit une seule image ou la région dans un frameset
< noframes >< / noframes >
Définit ce qui apparaîtra dans les navigateurs qui ne supportent pas les frames
Attributs des images
< cadre src = « URL » >
Spécifie quel document HTML doit être affichée
< nom de cadre = « nom » >
Nomme le cadre, ou région, donc il peut être ciblé par les autres trames
< cadre marginWidth ne = #>
Définit les marges gauche et droite de l’image ; doit être égale ou supérieure à 1
< cadre marginheight = #>
Définit les marges supérieure et inférieure de l’armature ; doit être égale ou supérieure à 1
< cadre défilement = valeur >
Définit si l’image a une barre de défilement ; valeur peut égaler « Oui », « non » ou « auto ». La valeur par défaut, comme des documents ordinaires, est automatique.
< cadre noresize >
Empêche l’utilisateur de redimensionner un cadre
Formes
Pour les formes fonctionnelles, vous devrez exécuter un script CGI. Le code HTML crée simplement l’apparence d’un formulaire.
< form >< / font >
Crée toutes les formes
< sélectionnez nom multiple = « Nom » size =? >< / select >
Crée un menu déroulant. Définit le nombre d’éléments de menu visible avant que vous devrez faire défiler.
< option >
Déclenche à chaque élément de menu
< nom select = « NAME » >< / select >
Crée un menu déroulant
< option >
Déclenche à chaque élément de menu
< nom textarea = cols « NAME » = 40 rangs = 8 >