Une galerie HTML est une façon de montrer les photos que vous avez prises en soignées , des colonnes et des rangées organisées . Vous pouvez partager n'importe quelle image ou un graphique que vous possédez , aussi longtemps que leur dossier extensions se terminent par. Gif, . Jpg, . Png ou . FFT. Apprenez à construire un tableau à deux rangées de quatre colonnes avec quatre graphiques et quatre titres , centre de la table sur la page et ajouter un titre à la galerie . Instructions
Basic Galerie photos du 1
Tapez le code suivant pour créer la page Web de XHTML Basic : < DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" " http ! ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> < html xmlns =" http://www.w3.org/1999/xhtml "xml : lang = " fr " Page 2
Tapez le début et la fin
balises entre le de début et de fin < /body>.
Photos
3
Ajoutez la ligne du tableau commençant et se terminant tags. Saisissez-les entre le début et se terminant
tags:
< /tr>
4 Ajoutez les étiquettes de données de table entre les
< /tr> balises . Ce sera la première cellule de la table, et également de la première colonne de la table. Le nom que nous allons utiliser pour cette cellule est d'une colonne , ligne une . < /Td> 5 Ajoutez votre première image en utilisant la balise , comme montré : Explication: La balise nécessite deux attributs pour être compatible avec normes Web de codage actuels : le (source) attribut src , qui pointe directement à l'endroit où le fichier est stocké sur votre serveur, et le alt ( texte alternatif ) attribut qui décrit graphiques pour les déficients visuels . La balise n'a pas de balise de fin , donc séparer le dernier caractère d'un espace , puis une barre oblique , puis le supérieur sign.Note : Pour des fins de démonstration , je vais utiliser une série de graphiques géométriques . 6 Après la balise de données de table fin , ( | ) , appuyez sur "Entrée " et ajouter une autre paire de | tags. Ce sera la deuxième colonne , la première rangée . < /Td> 7 Ajoutez votre deuxième image entre le | | balises , faire en sorte que vous vous souvenez les deux attributs requis , src et alt .
8 Ajouter une troisième paire de
< ;/td> balises , avec votre " " tag . Ce sera la troisième colonne , la première rangée . | < /td> 9 Ajouter une quatrième paire de | < /td> balises , avec votre étiquette d' image. Ce sera la quatrième colonne , ligne une . | < /td> 10 Enregistrer et téléchargez votre document. Il devrait ressembler à l' annexe graphique 11 type d'une seconde paire de |
balises après la balise de fin de ligne de la table et avant la balise de fin de tableau , comme indiqué. :