Come creare una casella con il testo all'interno dell'HTML

...

Crea una casella contenente un blocco di testo utilizzando HTML.

HyperText Markup Language (HTML) è il linguaggio più comunemente usato per creare la struttura e il contenuto delle pagine web. L'HTML contiene una vasta gamma di elementi che consentono agli utenti di generare collegamenti, immagini, paragrafi, intestazioni e molto altro. Questi elementi vengono aggiunti a una pagina tramite l'uso di specifici set di caratteri, noti come tag. Una volta compresa la combinazione di elementi e tag richiesti, creare un blocco di testo circondato da una casella in HTML è un'attività rapida.

Passo 1

Apri la pagina web che desideri modificare e visualizza il suo codice HTML. Se utilizzi un editor di testo, apri semplicemente la tua pagina nel programma e scorri verso il basso fino a raggiungere la sezione della pagina in cui verranno visualizzati il ​​riquadro e il testo. Se utilizzi un programma per siti Web visivi, come Microsoft Expression Web o Adobe Dreamweaver, apri la pagina e fai clic sull'area in cui desideri aggiungere la casella e il testo. Dopo averlo fatto, cambia la modalità di visualizzazione in "Visualizzazione codice" per vedere l'HTML che controlla il comportamento della pagina.

Video del giorno

Passo 2

Premi il tasto "Invio" per creare una riga vuota nel codice HTML.

Passaggio 3

Copia e incolla le seguenti tre righe di codice nella riga vuota creata nel passaggio precedente:

Un blocco di testo in paragrafo va qui

Passaggio 4

Regola i parametri del codice che hai aggiunto nel passaggio precedente, se necessario. Modificare la larghezza, la dimensione del bordo, lo stile del bordo e il colore del bordo modificando i valori "500px", "2px", "solido" e "nero" nella prima riga del codice. Modifica la quantità di spazio che circonda il testo modificando il valore "10px" nella seconda riga del codice. Modifica il testo che si trova tra l'apertura "

" e chiudendo "

" tag per soddisfare le esigenze della tua pagina.

Passaggio 5

Salva la pagina e quindi aprila in un browser web. Il codice inserito e modificato nei due passaggi precedenti aggiunge un riquadro largo 500 pixel con un bordo nero, che circonda un blocco di testo in paragrafi.