Створіть поле, що містить блок тексту, використовуючи HTML.
Мова розмітки гіпертексту (HTML) — мова, яка найчастіше використовується для створення структури та вмісту веб-сторінок. HTML містить широкий спектр елементів, які дозволяють користувачам створювати посилання, зображення, абзаци, заголовки та багато іншого. Ці елементи додаються на сторінку за допомогою певних наборів символів, відомих як теги. Після того, як ви зрозумієте поєднання необхідних елементів і тегів, створення блоку тексту, оточеного полем у HTML, стане швидким завданням.
Крок 1
Відкрийте веб-сторінку, яку потрібно відредагувати, і перегляньте її HTML-код. Якщо ви використовуєте текстовий редактор, просто відкрийте свою сторінку в програмі та прокрутіть вниз, доки не дійдете до розділу сторінки, де з’явиться поле і текст. Якщо ви використовуєте програму для візуального веб-сайту, наприклад Microsoft Expression Web або Adobe Dreamweaver, відкрийте свою сторінку, а потім клацніть область, куди потрібно додати поле і текст. Після цього змініть режим перегляду на «Перегляд коду», щоб побачити HTML, який керує поведінкою сторінки.
Відео дня
Крок 2
Натисніть клавішу «Enter», щоб створити порожній рядок у вашому HTML-коді.
Крок 3
Скопіюйте та вставте наступні три рядки коду в порожній рядок, створений на попередньому кроці:
Тут розміщується блок тексту абзацу
Крок 4
За потреби відкоригуйте параметри коду, який ви додали на попередньому кроці. Змініть ширину, розмір рамки, стиль межі та колір рамки, змінивши значення "500px", "2px", "solid" і "black" у першому рядку коду. Змініть обсяг простору навколо тексту, змінивши значення «10px» у другому рядку коду. Змінити текст, розташований між отвором "
"і закриття"
", щоб відповідати потребам вашої сторінки.Крок 5
Збережіть сторінку, а потім відкрийте її у веб-браузері. Код, який ви вставили та змінили на попередніх двох кроках, додає поле шириною 500 пікселів із чорною рамкою, що оточує блок тексту абзацу.
