Cum să faci o casetă cu text în interiorul HTML

...

Creați o casetă care conține un bloc de text folosind HTML.

HyperText Markup Language (HTML) este limbajul cel mai frecvent utilizat pentru a crea structura și conținutul paginilor web. HTML conține o gamă largă de elemente care permit utilizatorilor să genereze linkuri, imagini, paragrafe, titluri și multe altele. Aceste elemente sunt adăugate unei pagini prin utilizarea unor seturi specifice de caractere, cunoscute sub numele de etichete. Odată ce înțelegeți combinația de elemente și etichete necesare, crearea unui bloc de text înconjurat de o casetă în HTML este o sarcină rapidă.

Pasul 1

Deschideți pagina web pe care doriți să o editați și vizualizați codul HTML al acesteia. Dacă utilizați un editor de text, deschideți pur și simplu pagina în program și derulați în jos până ajungeți la secțiunea paginii în care vor apărea caseta și textul. Dacă utilizați un program vizual pentru site-uri web, cum ar fi Microsoft Expression Web sau Adobe Dreamweaver, deschideți pagina și apoi faceți clic pe zona în care doriți să adăugați caseta și textul. După ce faceți acest lucru, schimbați modul de vizualizare în „Vizualizare cod” pentru a vedea codul HTML care controlează comportamentul paginii.

Videoclipul zilei

Pasul 2

Apăsați tasta „Enter” pentru a crea o linie goală în codul HTML.

Pasul 3

Copiați și lipiți următoarele trei linii de cod pe linia goală creată la pasul anterior:

Un bloc de text de paragraf merge aici

Pasul 4

Ajustați parametrii codului adăugat la pasul anterior, după cum este necesar. Modificați lățimea, dimensiunea chenarului, stilul chenarului și culoarea chenarului modificând valorile „500px”, „2px”, „solid” și „negru” din prima linie a codului. Schimbați spațiul din jurul textului modificând valoarea „10px” din a doua linie a codului. Modificați textul situat între deschiderea "

„și închiderea”

" etichete pentru a se potrivi nevoilor paginii dvs.

Pasul 5

Salvați pagina și apoi deschideți-o într-un browser web. Codul pe care l-ați inserat și modificat în cei doi pași anteriori adaugă o casetă lată de 500 de pixeli cu un chenar negru, care înconjoară un bloc de text de paragraf.