Как сделать блок с текстом внутри HTML

Язык гипертекстовой разметки (HTML) — это язык, наиболее часто используемый для создания структуры и содержимого веб-страниц. HTML содержит широкий спектр элементов, которые позволяют пользователям создавать ссылки, изображения, абзацы, заголовки и многое другое. Эти элементы добавляются на страницу с помощью определенных наборов символов, известных как теги. Как только вы поймете, какое сочетание элементов и тегов требуется, создание блока текста, окруженного блоком в HTML, станет легкой задачей.

Шаг 1

Откройте веб-страницу, которую хотите отредактировать, и просмотрите ее HTML-код. Если вы используете текстовый редактор, просто откройте свою страницу в программе и прокрутите вниз, пока не дойдете до раздела страницы, где появится поле и текст. Если вы используете визуальную программу веб-сайта, такую ​​как Microsoft Expression Web или Adobe Dreamweaver, откройте свою страницу и затем щелкните область, в которую вы хотите добавить поле и текст. После этого измените режим просмотра на «Просмотр кода», чтобы увидеть HTML-код, управляющий поведением страницы.

Шаг 2

Нажмите клавишу «Ввод», чтобы создать пустую строку в HTML-коде.

Шаг 3

Скопируйте и вставьте следующие три строки кода в пустую строку, созданную на предыдущем шаге:

Здесь находится блок текста абзаца

Шаг 4

При необходимости измените параметры кода, добавленного на предыдущем шаге. Измените ширину, размер границы, стиль границы и цвет границы, изменив значения «500 пикселей», «2 пикселя», «сплошной» и «черный» в первой строке кода. Измените размер пространства вокруг текста, изменив значение «10px» во второй строке кода. Измените текст, расположенный между открытием "

" и закрытие "

» в соответствии с потребностями вашей страницы.

Шаг 5

Сохраните страницу, а затем откройте ее в веб-браузере. Код, который вы вставили и изменили на предыдущих двух шагах, добавляет блок шириной 500 пикселей с черной рамкой, окружающий блок текста абзаца.