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

Come creare layout Web

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 .

 

Programmazione © www.354353.com