Hvordan lage en ramme rundt tekst i HTML

Hvordan lage en ramme rundt tekst i HTML


Når du arbeider med Hypertext Markup Language (HTML), lære å utføre visse oppgaver, som å lage en ramme rundt teksten, slik at du har enda mer kontroll over visningen av siden din. Cascading Style Sheets (CSS) arbeider med HTML for å lage et omriss rundt innholdet. På denne måten har du muligheten til å markere viktige data, slik at de besøkende ikke gå glipp av det. Bruke tekst editor som følger med maskinen, praksis skape rammer rundt din HTML-innhold.

Bruksanvisning

1 Start datamaskinen teksteditor og begynne et nytt dokument.

2 Skriv inn HTML-koden som skaper en webside:

<Html>

<Head>

<Title> Skriv inn et navn på websiden her </ title>

</ Head>

<Body>

</ Body>

</ Html>

3 Skriv inn teksten på websiden mellom "<body> </ body>" koder.

4 Skriv inn "<div> </ div>" tags før og etter innhold. I tillegg skriver du "style =" i åpningen "<div>" tag for å forberede den for inline CSS-regel som skaper grensen. For eksempel:

<Body>

<Div style = "">

Dette er teksten som har en ramme rundt det.

</ Div>

</ Body>

5 Skriv inn "width" og "høyde" betegnelser som angir målingene av grensen. Skrive et tall pikselverdi (PX) etter "bredde" og "høyde" som følger:

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

Dette er teksten som har en ramme rundt det.

</ Div>

6 Skriv inn et "grensen" attributt å tildele utseendet på grenselinjen. Angi en verdi i piksler for å angi bredde og skriv inn navnet på en farge. Videre angir en karakteristisk, for eksempel "solid" eller "prikkete", for å angi hvordan linjen vises. Å illustrere:

<Div style = "width: 150px; height: 150px; border: 3px solid red;">

Dette er teksten som har en ramme rundt det.

</ Div>

7 Lagre filen med en "HTM" eller "HTML" fil som slutter (extension). Start nettleseren og velg "Open" eller "Åpne fil" under "Fil" menyen for å åpne dokumentet og vise ramme rundt teksten.