Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

Come creare una galleria HTML

Una galleria HTML è un modo per mostrare le foto scattate in pulito, colonne e righe organizzate. È possibile condividere qualsiasi immagine o elemento grafico che si possiede , a patto che il loro file di estensioni fine a . Gif , . Jpg , . Png o . TFF . Scopri come creare un quattro- colonna , tabella di due righe con quattro grafiche e quattro titoli , centro del tavolo sulla pagina e aggiungere un titolo alla galleria . Istruzioni
base Galleria
1

Digitare il seguente codice per creare la pagina web XHTML di base : < 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 = " it "
2

Tipo l'inizio e la fine

< /table> tag tra il inizio e chiusura < /body> .
< /table>

3

Aggiungi la riga della tabella che iniziano e terminano i tag . Digitarli tra l'inizio e terminano

tag : < /tr>
4

Aggiungere i tag dei dati della tabella tra il < /tr> tag . Questa sarà la prima cella della tabella , e anche la prima colonna della tabella . Il nome che useremo per questo cellulare è una colonna , riga uno. < /Td >
5

Aggiungi la tua prima immagine utilizzando il tag, come dimostrato : Title di File Spiegazione: Il /> tag tag 6

Dopo il tag di dati tabella finale. , ( < /td> ) , premere "Invio" e aggiungere un altro paio di tag . Questa sarà la seconda colonna , riga uno. < /Td >
7

Aggiungi la tua seconda immagine tra la , facendo in modo che vi ricordate i due attributi obbligatori , src e alt. Square Graphic
8

Aggiungi un terzo paio di < ;/td> tag , insieme con la " " tag . Questa sarà la terza colonna , riga uno. Triangle Graphic < /td >
9

Aggiungi una quarta coppia di < /td> tag , insieme con il tag immagine . Questa sarà la quarta colonna , riga uno. Rectangle Graphic < /td >
10

Salva e caricare il vostro documento . Dovrebbe apparire come l' allegato grafico
11

tipo un secondo paio di dopo il tag di fine riga della tabella e prima del tag di chiusura per la tavola, come mostrato. : < /tr> < /tr> < /table>
12

Tra la seconda coppia di tag , tipo quattro coppie di < ; td > < /td > tag , come mostrato: < /td > < /td > < /td > < /td> Queste tags saranno colonne da uno a quattro , riga due.
13

tipo una coppia di tag grassetto tra ogni inizio e fine tag " i dati della tabella " , come Pagina 14

Tipo i tag corsivo ( < /i> ) tra i tag grassetto , come Pagina 15

digitare il titolo di ogni grafico tra i tag corsivo . Salvare e caricare il file .
Formato Galleria
16

Tipo dall'inizio tag "centro" tra l'inizio tag " body" e il tag di inizio "tavolo" , come dimostrato :


17

Tipo la fine tag "centro" tra la fine tag " table " e il tag di chiusura "corpo" , come mostrato : < ;/table> < /center> < /body > . Spiegazione: I tag "centro" sarà orizzontalmente centro della tabella nella pagina
18

Digitare il seguente attributo all'interno del principio "tavolo" tag per creare bordi intorno al tavolo e attorno ad ogni singola cella all'interno della tabella , come mostrato:

la tabella dovrebbe essere simile al grafico allegato
19

tipo il . in seguito tra il bordo della tabella < = " 1 " tag e il tag di riga della tabella dall'inizio :

My Gallery < /th> < /tr> Spiegazione : l' intestazione della tabella , o < /th > tag , vengono utilizzati per creare una cella in cui il testo è centrato e in grassetto . L'attributo " colspan " crea una cella lunga , che è , in questo caso particolare , quattro lunghe colonne , come indicato dal numero di quattro tra virgolette .
20

Tipo il

< /h1> tags intorno alle parole "Galleria " per rendere il titolo della galleria spiccano :

My gallery < /h1 > < /th> , < /tr>
21

Salvare e caricare i file sul server. Galleria dovrebbe apparire come l'allegata .

 

Programmazione © www.354353.com