Come disegnare linee in HTML

September 26

Come disegnare linee in HTML


Proprio come i libri hanno capitoli, le pagine Web possono essere suddivisi in sezioni. Questo può essere ottenuto separando il contenuto utilizzando linee. Le linee diventano visibili una volta che i tag HTML appropriati vengono aggiunti al codice di una pagina. Le linee sono anche personalizzabili, compresa la loro larghezza, altezza e posizionamento.

istruzione

1 Avviare un editor HTML. Utilizzare un editor di testo, se uno è disponibile. TextEdit (Mac) e il Blocco note (Windows) vengono preinstallato su sistemi operativi Apple e Microsoft.

2 Selezionare "File" e "Apri" dal finestra di navigazione del programma. Selezionare "Nuovo" se si sta creando un nuovo file HTML. Selezionare "Apri" e cercare il file HTML archiviato, se si sta modificando uno.

3 Individuare il punto di aggiungere una riga. Inserire il codice seguente nel corpo del codice HTML: <hr />. "HR" sta per regola orizzontale. Questo codice metterà una linea da un'estremità del corpo o la tabella della pagina all'altra.

4 Personalizzare il tag "HR". Ci sono quattro attributi per modificare lo stato di default del tag "hr": allineare (sinistra, centro, destra), noshade, dimensione (pixel) e la larghezza (pixel). Allineare le posizioni la linea orizzontale sulla pagina. Noshade rimuove l'ombra. Dimensione uguale alla altezza della linea orizzontale, mentre la larghezza indica quanto è lungo. Un tag "HR" su misura potrebbe apparire come segue:

<Hr align = "center" noshade = "noshade" size = "3" width = "15" />

5 Salvare il documento HTML. Carica il file sul server Web. Anteprima per assicurare il display della linea a proprio piacimento.

6 Aprire un programma di editing grafico. Creare un'immagine di colore solido che misura un pixel per un pixel. Salvare come file jpg. Caricarlo sul server Web. Si noti il ​​percorso del file dell'immagine.

7 Aprire il documento HTML da modificare. Posizionare l'immagine utilizzando un tag HTML in cui si desidera visualizzare la riga: <img height = "2" width = "500">

Linea verticale: <img height = "300" width = "1">

I numeri associati "altezza" e "larghezza" sono regolabili.

9 Salvare il documento HTML. Carica al server Web. Anteprima per assicurarsi che le linee appaiono come previsto.