Как да направите кутия с текст в HTML

...

Създайте поле, съдържащо блок от текст, използвайки HTML.

HyperText Markup Language (HTML) е езикът, който най-често се използва за създаване на структурата и съдържанието на уеб страниците. HTML съдържа широк набор от елементи, които позволяват на потребителите да генерират връзки, изображения, абзаци, заглавия и много други. Тези елементи се добавят към страница чрез използването на специфични набори от знаци, известни като тагове. След като разберете необходимата комбинация от елементи и тагове, създаването на блок от текст, заобиколен от поле в HTML, е бърза задача.

Етап 1

Отворете уеб страницата, която искате да редактирате, и вижте нейния HTML код. Ако използвате текстов редактор, просто отворете страницата си в програмата и превъртете надолу, докато стигнете до секцията на страницата, където ще се появят полето и текстът. Ако използвате програма за визуален уебсайт, като например Microsoft Expression Web или Adobe Dreamweaver, отворете страницата си и след това щракнете върху областта, където искате да добавите полето и текста. След като направите това, променете режима си на гледане на „Изглед на код“, за да видите HTML, който контролира поведението на страницата.

Видео на деня

Стъпка 2

Натиснете клавиша "Enter", за да създадете празен ред във вашия HTML код.

Стъпка 3

Копирайте и поставете следните три реда код върху празния ред, създаден в предишната стъпка:

Тук се намира блок от текст на абзаца

Стъпка 4

Коригирайте параметрите на кода, който сте добавили в предишната стъпка, ако е необходимо. Променете ширината, размера на рамката, стила на рамката и цвета на рамката, като промените стойностите "500px", "2px", "solid" и "black" в първия ред на кода. Променете количеството пространство около текста, като промените стойността "10px" във втория ред на кода. Променете текста, разположен между отвора "

"и затваряне"

" тагове, за да отговарят на нуждите на вашата страница.

Стъпка 5

Запазете страницата и след това я отворете в уеб браузър. Кодът, който сте вмъкнали и променили в предишните две стъпки, добавя широко поле от 500 пиксела с черна рамка, заобикалящо блок от текст на абзаца.