Il codice HTML per impostare la larghezza

June 18

Il codice HTML per impostare la larghezza


Quando si crea una pagina Web, si utilizzerà l'attributo width HTML per impostare la larghezza della pagina su elementi come le tabelle o celle di tabelle, contenitori div e immagini. Usando questo tag costringe il contenitore o elemento di diventare una larghezza specifica, a prescindere dal contenuto (immagini o testo, per esempio) all'interno dell'elemento. Poiché l'attributo HTML è in realtà un valore che si aggiunge a un tag HTML, non è in realtà un codice HTML stesso.

Benefici

Secondo il sito di tutorial on-line W3Schools, è necessario specificare la larghezza delle immagini in modo che il browser del visitatore sa quanto spazio da riservare per immagini in cui il browser carica la pagina. Questo permette al browser di caricare elementi circostanti senza cambiare il layout della pagina ed è particolarmente utile se le immagini sono di grandi dimensioni e richiedono un tempo di caricamento più lungo di altri elementi della pagina. In aggiunta a questo, lo spazio riservato (quando si definisce la larghezza) può aiutare a individuare le immagini spezzate. Infine, impostando la larghezza controlla elementi come contenitori div che altrimenti coprire l'intera larghezza della finestra dello schermo o browser del visitatore.

HTML

Quando si desidera impostare la larghezza di un elemento HTML, è possibile utilizzare un semplice "html =" sintassi. Ad esempio, è possibile stabilire la larghezza di una tabella modificando l'apertura "<table>" codice:

<Table width = "500">

Si noti che quando si utilizza HTML per specificare una larghezza, si diventa automaticamente pixel - i puntini che compongono lo schermo del computer. Tuttavia, è possibile contrassegnare la larghezza degli elementi in percentuale dello schermo o finestra aggiungendo il segno percentuale all'attributo. Ad esempio, il seguente tag produrrebbe una tabella che è il 75 per cento della larghezza della finestra del browser del visitatore.

<Table width = "75%">

CSS

È possibile utilizzare i fogli di stile (CSS) come alternativa al HTML per impostare la larghezza degli elementi sul tuo sito web. Per produrre una tabella di 500-pixel, si stabilirà la larghezza utilizzando la seguente sintassi:

<Table style = "width: 500px">

Nel caso dei CSS, la sintassi è leggermente più importante in quanto è necessario utilizzare un'etichetta per la misura di larghezza. In questo esempio, "px" produce pixel, ma è possibile anche impostare l'etichetta per pollici ( "in"), centimetri ( "cm") o percentuali (come con HTML).

considerazioni

Quando si progetta siti web e applicazioni, si dovrebbe prendere in considerazione la risoluzione dello schermo dei vostri visitatori. In qualsiasi momento, i visitatori possono vedere un numero inferiore o superiore pixel sui loro schermi di computer di te. Poiché non è possibile sapere quali risoluzioni i visitatori possono utilizzare, si consiglia di non impostare la larghezza minima di elementi troppo alti altrimenti si rischia causando di avere a scorrere verso il lato eccessivamente. Una regola empirica è quello di impostare la larghezza del vostro elemento più grande non superiore a 800 pixel per gli utenti con una risoluzione di 800 x 600 pixel. Si può anche definire una larghezza di 1024 pixel come circa il 20 per cento delle risoluzioni sono a questa larghezza.