HTML Imbottitura Tutorial

March 13

HyperText Markup Language (HTML) consente di fare uso di imbottitura, che crea uno spazio tra il contenuto e il bordo del elemento che si è assegnato. Ad esempio, se si designa imbottitura in una cella di tabella, lo spazio si verifica tra i dati e il bordo del tavolo. Utilizzando Cascading Style Sheets (CSS) in combinazione con il codice HTML, è possibile imparare a utilizzare imbottitura per costruire un layout più bello nel documento HTML.

istruzione

1 Avviare l'applicazione editor di testo che viene fornito con il computer e creare una nuova pagina o di aprirne uno esistente.

2 Inserire un segnaposto di stile CSS all'interno del "<head> </ head>" parte del documento HTML come segue:
<Head>
<Style type = "text / css">
</ Style>
</ Head>

3 Digitare un selettore tra il "<style> </ style>" tag, che i nomi l'elemento di pagina che si desidera che il comportamento di riempimento per essere assegnato. Ad esempio, digitare "corpo" per controllare l'intera pagina, oppure digitare "p" per gestire solo i paragrafi. Aggiungere aprire e chiudere parentesi graffe dopo la voce. Illustrare:
<Style type = "text / css">
body {}
</ Style>

4 Inserire "padding-top", "padding-bottom", "padding-right" e descrittori "padding-left", che nominano in cui si verifica lo spazio. Digitare un valore numerico in pixel (px) dopo ogni voce. Il codice completo ora si presenta come segue:
<Head>
<Style type = "text / css">
body {padding-top: 15px; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; }
</ Style>
</ Head>

5 Salvare il file e avviare un browser Web. Fare clic o l'opzione "Apri" "Apri File" nel menu "File" del browser per visualizzare il documento HTML con l'imbottitura. Modificare i numeri assegnati al punto 4 per regolare la spaziatura, se necessario.