En HTML galleri er en måde at vise de billeder, du har taget i sirlige , organiserede kolonner og rækker . Du kan dele et billede eller grafik, du ejer , så længe deres fil extensions ender på. Gif, . Jpg, . Png eller . TFF . Lær at bygge en fire- kolonne , to-rækket bord med fire grafik og fire titler , center tabellen på siden og tilføje en titel til galleriet . Instruktioner
Basic Gallery
1
Indtast følgende kode til at skabe den grundlæggende XHTML webside: < 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 = " da "
2
Type starten og slutningen
tags mellem begyndelsen og slutter tags.
3
Tilsæt tabelrækken begynder og slutter tags. Skrive dem mellem begyndelsen og slutter
tags :
4
Tilsæt tabeldata tags mellem
< /tr> tags. Dette vil være den første celle i tabellen , og også den første kolonne i tabellen . Det navn, vi vil bruge til denne celle er kolonne et , række et. |
5 Tilføj dit første billede ved at bruge
tag, som vist :
Forklaring:
tag kræver to attributter til at være i overensstemmelse med nuværende web - kodning standarder: src (kilde ) attribut , som peger direkte på , hvor filen er gemt på din server, og højde ( alternativ tekst ) attribut , der beskriver grafik til synshandicappede. Den
tag ikke har en ende tag, så adskille det sidste tegn med mellemrum , så en skråstreg og derefter større end sign.Note : Til demonstration formål, vil jeg bruge en række geometriske grafik .
6
Efter slutter tabellen data tag, ( ) , klik på "Enter " , og tilføj et andet par af
| tags. Dette vil være kolonne to , række et. |
7 Tilføj din andet billede mellem
| tags, og sørg for at du kan huske de to påkrævede attributter , src , og alt .
8 Tilføj et tredje par
< ;/td> tags , sammen med din " " tag . Dette vil være kolonne tre , række en. | |
9 Tilføj en fjerde par
| tags, sammen med dit billede tag . Dette vil være kolonne fire , række en. |
10 Gem og upload dit dokument. Det skal se ud som vedlagte grafiske
11
Skriv et andet par
tags efter tabelrækken slutkode og inden udgangen tag for tabellen , som vist. :