|
|
|
| Come creare una galleria HTML |
|
|
< /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. tag . Questa sarà la seconda colonna , riga uno. , facendo in modo che vi ricordate i due attributi obbligatori , src e alt. 
8 Aggiungi un terzo 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:
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 : | |
< /Td >
5 Aggiungi la tua prima immagine utilizzando il ![]() tag, come dimostrato :  Spiegazione: Il /> tag ![]() tag ![]() 6 Dopo il tag di dati tabella finale. , ( < /td> ) , premere "Invio" e aggiungere un altro paio di | | < /Td >
7 Aggiungi la tua seconda immagine tra la | | < ;/td> tag , insieme con la " ![]() " tag . Questa sarà la terza colonna , riga uno. |  < /td >
9 Aggiungi una quarta coppia di | < /td> tag , insieme con il tag immagine . Questa sarà la quarta colonna , riga uno. |  < /td >
10 Salva e caricare il vostro documento . Dovrebbe apparire come l' allegato grafico
11 tipo un secondo paio di | |
| < /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 .
|
|
|
| Copyright © Conoscenza Informatica http://it.wingwit.com
|
|
