|
|
|
Mentre ci sono molti modi diversi per creare un layout Web , c'è un modo semplice per fare il lavoro : usare tag HTML per creare un layout di tabella . HTML è il linguaggio di sviluppo web accettata universalmente utilizzato in tutto il mondo . Nessun browser avrà difficoltà a visualizzare un sito progettato su una base HTML . Il layout del tavolo può essere visualizzato per mostrare i confini organizzativi , se lo si desidera . I pesi e gli stili di questi confini possono diventare parte del layout web . Cose che ti serviranno di modifica del testo applicazione Mostra più istruzioni 1 Aprire qualsiasi programma di modifica del testo e nome e salvare il nuovo documento utilizzando l'estensione . Html . Iniziare e terminare un layout di tabella con il e < /table> tag . Il tag indica al browser di creare una tabella utilizzando il utilizzando i seguenti parametri ; tag dice al browser per terminare la tavola
2 Creare ogni riga della tabella da parte . utilizzando il e . Ogni riga viene creato utilizzando la seguente
3 Aggiungi contenuti ( dati della tabella ) per ogni cella singola tabella mediante l' e | tag . Dati della tabella vengono aggiunti a ogni riga utilizzando i seguenti comandi :
tr td riga 1, cella 1 < /td> | riga 1 cella 2 < /td> | riga 1 , cella 3 < /td > < /tr> tr td riga 2 , cella 1 < /td> | riga 2, cella 2 < /td> ; fila | 2 , cella 3 < /td > < /tr> tr td riga 3 , cella 1 < /td> | riga 3 , cella 2 < /td> < ; td> riga 3 , cella 3 < /td > < /tr> < /table>
4 Aggiungere intestazioni di ogni colonna utilizzando il | e < /th> tags . Le voci vengono aggiunte ogni colonna utilizzando i seguenti comandi :
| Colonna 1 Intestazione < /th> Colonna | 2 Intestazione < /th> < th> Colonna 3 Intestazione < /th> < /tr> tr td riga 1, cella 1 < /td> | riga 1 cella 2 < /td> | riga 1 , cella 3 < /td > < /tr> tr td riga 2 , cella 1 < /td> | riga 2, cella 2 < /td> | riga 2 , cella 3 < /td > < /tr> tr td riga 3 , cella 1 < /td> | riga 3 , cella 2 < /td> | riga 3 , cella 3 < /td > < /tr> < /table>
5 Aggiungere definizioni di confine per la tabella utilizzando l'attributo border . I bordi sono resi visibili utilizzando i seguenti comandi:
tr td riga 1, cella 1 < /td> | fila 1 , cella 2 < /td> | riga 1 , cella 3 < /td > < /tr> tr td riga 2 , cella 1 < /td> | riga 2, cella 2 < ;/td> | riga 2 , cella 3 < /td > < /tr> tr td riga 3 , cella 1 < /td> | riga 3 , cella 2 < /td> | riga 3 , cella 3 < /td > < /tr> < /table>
il numero vicino l'attributo cambiamenti di confine il peso o lo spessore della linea di confine che separa la celle della tabella .
6 Aggiungi un intestazione e riga piè di pagina per la tabella utilizzando l'attributo colspan . L'attributo colspan viene aggiunto utilizzando i seguenti comandi :
| contenuto dell'intestazione < /td > < /tr> tr td riga 1, cella 1 < /td> | riga 1 cella 2 < /td> | riga 1 , cella 3 < /td > < /tr> tr td riga 2 , cella 1 < /td> | riga 2, cella 2 < /td> | riga 2 , cella 3 < /td > < /tr> < tr> | riga 3 , cella 1 < /td> | riga 3 , cella 2 < /td> | riga 3 , cella 3 < /td > < /tr> | Contenuto piè di pagina < /td > < /tr> < /table>
l'attributo colspan crea una cella che si estende attraverso il numero di colonne della tabella . Questo attributo non crea un'intestazione e /o di una riga a piè di per sé , ma consente un posizionamento facile ed efficace di una intestazione e una riga piè di pagina se questi sono desiderati .
< Br >
|
|
|
| Copyright © Conoscenza Informatica http://it.wingwit.com
|
| | | |
