Come fare una scatola con il testo all'interno HTML

May 17

Come fare una scatola con il testo all'interno HTML


HyperText Markup Language (HTML) è la lingua più comunemente usata per creare la struttura e il contenuto delle pagine web. HTML contiene una vasta gamma di elementi che permettono agli utenti di generare link, immagini, paragrafi, voce e molto altro ancora. Questi elementi vengono aggiunti a una pagina attraverso l'uso di specifici gruppi di caratteri, noti come tag. Una volta compresa la combinazione di elementi e tag richiesti, la creazione di un blocco di testo, circondato da una scatola in HTML è un'operazione rapida.

istruzione

1 Apri la pagina web che si desidera modificare e visualizzare il codice HTML. Se si utilizza un editor di testo, è sufficiente aprire la pagina nel programma e scorrere verso il basso fino a raggiungere la sezione della pagina in cui si apre la finestra e il testo. Se si utilizza un programma sito web visivo, come ad esempio Microsoft Expression Web o Adobe Dreamweaver, aprire la pagina e quindi fare clic sulla zona in cui si desidera aggiungere la casella di testo e. Dopo questo modo, modificare la modalità di visualizzazione a "Codice View" per vedere il codice HTML che controlla il comportamento della pagina.

2 Premere il tasto "Enter" per creare una riga vuota nel codice HTML.

3 Copia e incolla le seguenti tre righe di codice sulla riga vuota creata nel passaggio precedente:
<Div style = "width: 500px; border: 2px nero solido">
<P style = "margin: 0; padding: 10px"> Un blocco di testo paragrafo va qui </ p>
</ Div>

4 Regolare i parametri del codice aggiunto nel passaggio precedente, in base alle esigenze. Modificare la larghezza, dimensione del bordo, stile del bordo e il colore del bordo modificando il "500px", "2px", "solido" e valori "neri" nella prima riga del codice. Modificare la quantità di spazio che circonda il testo modificando il valore "10px" nella seconda riga del codice. Modificare il testo che si trova tra l'apertura "<p>" e la chiusura "</ p>" tag per soddisfare le esigenze della vostra pagina.

5 Salvare la pagina e quindi aprirlo in un browser web. Il codice è stato inserito e modificato nei due passaggi precedenti aggiunge un ampio contenitore da 500 pixel con un bordo nero, che circonda un blocco di testo paragrafo.