Kuidas teha kasti tekstiga HTML-is

...

Looge HTML-i abil kast, mis sisaldab tekstiplokki.

Hüperteksti märgistuskeel (HTML) on keel, mida kasutatakse kõige sagedamini veebilehtede struktuuri ja sisu loomiseks. HTML sisaldab laias valikus elemente, mis võimaldavad kasutajatel luua linke, pilte, lõike, pealkirja ja palju muud. Need elemendid lisatakse lehele kindlate märgikomplektide ehk siltidena kasutades. Kui olete nõutavate elementide ja siltide kombinatsioonist aru saanud, on HTML-is kastiga ümbritsetud tekstiploki loomine kiire ülesanne.

Samm 1

Avage veebileht, mida soovite muuta, ja vaadake selle HTML-koodi. Kui kasutate tekstiredaktorit, avage lihtsalt oma leht programmis ja kerige allapoole, kuni jõuate lehe jaotiseni, kus kuvatakse kast ja tekst. Kui kasutate visuaalset veebisaidiprogrammi, näiteks Microsoft Expression Web või Adobe Dreamweaver, avage oma leht ja seejärel klõpsake ala, kuhu soovite kasti ja teksti lisada. Pärast seda muutke oma vaatamisrežiimiks "Koodivaade", et näha lehe käitumist reguleerivat HTML-i.

Päeva video

2. samm

HTML-koodis tühja rea ​​loomiseks vajutage sisestusklahvi.

3. samm

Kopeerige ja kleepige järgmised kolm koodirida eelmises etapis loodud tühjale reale:

Siia läheb lõiguteksti plokk

4. samm

Reguleerige vastavalt vajadusele eelmises etapis lisatud koodi parameetreid. Muutke laiust, äärise suurust, äärise stiili ja äärise värvi, muutes koodi esimesel real väärtusi "500px", "2px", "solid" ja "black". Muutke teksti ümbritseva ruumi suurust, muutes koodi teisel real väärtust "10px". Muuda teksti, mis asub ava "

"ja sulgemine"

" sildid vastavalt teie lehe vajadustele.

5. samm

Salvestage leht ja avage see veebibrauseris. Eelmises kahes etapis sisestatud ja muudetud kood lisab lõigu tekstiplokki ümbritseva musta äärisega 500 piksli laiuse kasti.