Come creare un bordo intorno al testo in HTML

November 2

Come creare un bordo intorno al testo in HTML


Come si lavora con HyperText Markup Language (HTML), imparare ad eseguire determinate attività, come ad esempio la creazione di un bordo intorno al testo, in modo da avere un maggiore controllo sulla visualizzazione della pagina. Cascading Style Sheets (CSS) funziona con l'HTML per creare un contorno intorno al vostro contenuto. In questo modo, si ha la possibilità di mettere in evidenza i dati chiave in modo che i visitatori da non perdere. Utilizzando l'editor di testo che viene fornito con il computer, la pratica di creare i bordi intorno alla vostra contenuto HTML.

istruzione

1 Avviare editor di testo del computer e iniziare un nuovo documento.

2 Digitare il codice HTML che crea una pagina Web:

<Html>

<Head>

<Title> Inserire un nome per la pagina Web qui </ title>

</ Head>

<Body>

</ Body>

</ Html>

3 Inserire il testo della pagina Web tra i "<body> </ body>" tag.

4 Digitare "<div> </ div>" tag prima e dopo il contenuto. Inoltre, inserire "style =" in apertura "<div>" tag per prepararlo per la regola CSS in linea che crea il confine. Per esempio:

<Body>

<Div style = "">

Questo è il testo che ha un bordo intorno ad esso.

</ Div>

</ Body>

5 Inserisci i designatori e "width" "height" che specificano le misure del confine. Digitare un valore numerico in pixel (px) dopo la "larghezza" e "altezza" come segue:

<Div style = "width: 150px; height: 150px;">

Questo è il testo che ha un bordo intorno ad esso.

</ Div>

6 Digitare in un attributo "confine" per assegnare il look della linea di confine. Inserire un valore in pixel per specificare la larghezza e digitare il nome di un colore. Inoltre, immettere una caratteristica, come "solido" o "punteggiata" per specificare come appare la linea. Illustrare:

<Div style = "width: 150px; height: 150px; border: 3px rosso fisso;">

Questo è il testo che ha un bordo intorno ad esso.

</ Div>

7 Salvare il file con un file "HTML" fine (estensione) "HTM" o. Avviare il browser Web e selezionare l'opzione o "Apri" "Apri File" nel menu "File" per aprire il documento e visualizzare il bordo intorno al testo.


Articoli Correlati