Зміст
- етапи
- Спосіб 1 Вставте рядок у HTML 4.01
- Це заголовок
- Спосіб 2 Вставте рядок за допомогою CSS-файлу та HTML5
- Це заголовок
Ви можете використовувати горизонтальну лінію для розмежування вмісту вашого веб-сайту. Код для відображення рядка дуже простий. Однак якщо ви можете змінити стилі вашого рядка безпосередньо в коді за допомогою HTML 4.01, це не те саме з HTML5. Для останнього вам доведеться використовувати компоненти CSS для зміни стилів.
етапи
Спосіб 1 Вставте рядок у HTML 4.01
-
Створіть новий документ. Відкрийте або створіть новий документ HTML. Документи HTML можна редагувати за допомогою редактора e блокнот, Ви також можете використовувати редактор коду, як Adobe Dreamweaver, Виконайте наступні дії, щоб відкрити документ HTML у вибраній програмі:- відкритий блокнот або видавець електронного коду або код на ваш вибір;
- натисніть на файл ;
- натисніть на відкритий ;
- виберіть HTML-файл;
- натисніть на відкритий.
-
Вставте рядок. Виберіть, куди потрібно вставити рядок. Прокрутіть вниз, поки не знайдете рядок коду, над яким потрібно вставити рядок. Потім натисніть в крайній лівій частині рядка, щоб розташувати курсор лише на початку рядка. -
Залиште простір. Двічі торкніться запис щоб перемістити e вниз до лінії, над якою ви хочете розмістити свою горизонтальну лінію. Після цього розмістіть курсор у верхній частині простору, який ви тільки що створили. -
Додати тег
. тип
до початку рядка. Тег
використовується для створення горизонтальної лінії по всій сторінці. -
Переходьте до лінії. Перемістіть рядок перед тегом годину на новій лінії. Для цього натисніть запис, Отже, мітка
його слід ізолювати за власною лінією. -
Додайте атрибути. Ви можете (якщо хочете) додати атрибути до горизонтальної лінії, такі як атрибути довжини, ширини, кольору та вирівнювання. Використовуйте наступні коди після тегу годину всередині крокв. Ви можете додати більше одного атрибута всередині шеврона, відокремивши їх пробілом.- тип
змінити товщину лінії. Замініть # на потрібне значення для товщини (приклад: size = "10"). - тип
щоб змінити ширину лінії. Замініть # на кількість пікселів на ширину або відсоток від ширини сторінки (приклад: width = "200" або width = "75%"). - тип
щоб змінити колір лінії. Замініть # назвою кольору або шістнадцятковим кодом (приклад: color = "red" або color = "# FF0000") - тип
керувати вирівнюванням лінії. Замініть # на "право", "ліво" або "центр" (приклад:
).
- тип
-
Збережіть свій HTML-файл. Щоб зберегти файл e у вигляді документа HTML, потрібно замінити розширення файлу (.txt, .docx) від .html, Виконайте такі дії, щоб зберегти свій HTML-документ:- натисніть на меню файл ;
- вибрати Зберегти як ... ;
- введіть назву файла поруч із Назва файлу ;
- тип .html після імені файлу
- натисніть на запис.
-
Перевірте свій код. Щоб перевірити свій HTML-файл, клацніть його правою кнопкою миші та виберіть Відкрити с, Потім виберіть Інтернет-браузер. Там, де ви розмістили тег, має з’явитися рядок годину, Ваш HMTL-код повинен виглядати так:Це заголовок
Це абзац, відокремлений від назви горизонтальним рядком.
Спосіб 2 Вставте рядок за допомогою CSS-файлу та HTML5
-
Створіть новий документ. Відкрийте або створіть новий документ HTML. Документи HTML можна редагувати за допомогою редактора e блокнот, Ви також можете використовувати редактор коду, як Adobe Dreamweaver, Виконайте наступні дії, щоб відкрити документ HTML у вибраній програмі:- відкритий блокнот або видавець електронного коду або код на ваш вибір;
- натисніть на файл ;
- натисніть на відкритий ;
- виберіть HTML-файл;
- натисніть на відкритий.
-
Додати тег голова. Якщо ваш HTML-файл ще не має частини голова, виконайте наведені нижче дії, щоб додати їх. Частина голова знаходиться між тегами і .- тип вгорі документа.
- Двічі торкніться запис додати два нових рядки.
- тип щоб закрити гру голова.
-
типЦе заголовок
Це абзац, розділений горизонтальною лінією