Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako vytvoriť galériu HTML

galérie HTML je jeden spôsob , ako predviesť fotografie , ktoré ste nasnímali v úhľadných , organizovaných stĺpcov a riadkov . Môžete zdieľať ľubovoľný obrázok alebo grafiku , ktorú vlastníte , tak dlho , kým ich prípony súborov skončí . Gif , . Jpg , . Png alebo . TFF . Naučte sa, ako vytvoriť štyri stĺpce , dvojriadkový tabuľku so štyrmi grafikou a štyrmi tituly , stred tabuľky na stránke a pridajte názov do galérie . Pokyny
Základné Galéria
1

zadajte nasledujúci kód pre vytvorenie základnej XHTML stránku : ! < 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 = " en "
2

Zadajte počiatočné a koncové

< /table > značky , medzi začiatkom a končí < /body > značky .
< /table >

3

Pridať riadok tabuľky začína a končí tagy . Sem je medzi začiatkom a koncom

< /table > tagy : < /tr >
4

Pridať dátové tagy tabuľky medzi

< /tr > tagy. To bude prvá bunka v tabuľke , a tiež prvý stĺpec tabuľky . Názov budeme používať pre túto bunku je stĺpec jeden , jeden riadok . < /tr > tagy po riadku tabuľky koncovú značku a pred koncovú značku na tabuľke , ako je uvedené . : < /tr > < /tr > < /table >
12

medzi druhým párom

< /tr > značky , typu štyri párov < ; td > < /td > tagy , ako je uvedené :
< /Td >
5

Pridať prvý obrázok pomocou tagu , as zobrazené: Title z File Vysvetlenie : tag vyžaduje dva atribúty , aby boli v súlade s aktuálne webové štandardy kódovania : src ( zdroj ) atribút , ktorý ukazuje priamo na miesto , kde je súbor uložený vo vašom serveri , a ALT ( alternatívny text ) atribút , ktorý opisuje grafiky zrakovo postihnutých. Tag nemá koncovú značku , takže oddeliť posledný znak s medzerou , potom lomítko a potom väčšia ako sign.Note : Pre demonštračné účely , budem používať rad geometrických grafiky .
6

Po tabuľky dát koncovým tagom ( < /td > ) , stlačte " Enter " a pridať ďalší pár

< /td > tagy. To bude stĺpec dva , jeden riadok . < /Td >
7

Pridať druhá snímka medzi

< /td > tagy , uistite sa , že si spomeniete dva povinné atribúty , src a alt . Square Graphic
8

Pridať tretí pár

< ;/td > tagy , spolu s " " tag . To bude stĺpec tri , jeden riadok . Triangle Graphic < /td >
9

Pridať štvrtý pár

< /td > značky , spolu s vašou image značky . To bude stĺpec štyri , jeden riadok . Rectangle Graphic < /td >
10

Uložiť a nahrať dokument . Malo by to vyzerať ako na priloženom grafiky
11

Zadajte druhý pár

< /td > < /td > < /td > < /td > Tieto tagy budú stĺpce jeden až štyri , riadok dva .
13

Zadajte zopár odvážnych značiek medzi jednotlivými začiatok a koniec " dáta tabuľky " značky , ako
14

Zadajte kurzívu tagy ( < /i > ) medzi odvážne značky , napríklad
15

Zadajte názov každého grafiky medzi kurzívou tagy . Uložte a nahrajte súbor .
Formát Galéria
16

Zadajte začiatok " centrum " značku od začiatku " tela " značku a " tabuľky " tag začiatku , ako zobrazené:


17

Zadajte koncovú " centrum " značku medzi koncovým " tabuľky " tagu a koncom " telo " tag , ako je uvedené : < ;/table > < /center > < /body > Vysvetlenie : . ďalej len " centrum " tagy vodorovne stred tabuľky na stránke
18

Zadajte nasledujúci atribút v začiatku " tabuľka " tag pre vytvorenie okraja okolo stola a okolo každej jednotlivej bunky vnútri tabuľky , ako je uvedené :

V tabuľke by mal vyzerať ako na priloženom grafiky
19

typ . nasledujúce medzi < table border = " 1 " tag a tag riadku začiatok tabuľky :

tý colspan = " 4 " > mojej galérii < /th > < /tr > Vysvetlenie : záhlavie tabuľky , alebo tý colspan = " 4 " >

Moja galéria < /h1 > < /th > ; < /tr >
21

uložiť a nahrať súbor na server . Galéria by mala vyzerať v prílohe .

Najnovšie články

< /th > značky , sú použité na vytvorenie bunky , kde je text na stred a odvážny . " Colspan " atribút vytvorí jeden dlhý bunku , ktorá je v tomto konkrétnom prípade , štyri stĺpce dlho , ako je uvedené v úvodzovkách číslo štyri .
20

Zadajte

< /h1 > okruhu tagy okolo slova " Moja galéria " , aby sa názov galérie vyniknúť :