![Уроки HTML, CSS / Как сделать горизонтальную линию](https://i.ytimg.com/vi/V4zBOWAYxQA/hqdefault.jpg)
Зміст
Горизонтальні лінії дозволяють веб-редактору розділяти області сторінок на більш дрібні, більш засвоювані секції, тим самим направляючи користувача зосередитися на те, що представлено. На відміну від мітки підкреслення , горизонтальна лінія не пов'язана з текстом над або під ним. Вона також може бути розташована ліворуч, праворуч або в центрі і може бути будь-якого кольору, товщини або висоти, яку вибирає редактор. Цей підручник навчить вас створювати коричневу, товсту ліву горизонтальну лінію, яка відокремлює основний заголовок від тіла документа, який порожній.
Інструкції
-
Введіть наступне між тегами>, як показано на малюнку:
Мій документ
Встановіть заголовок для документа, використовуючи теги
. Цей тег повідомляє пошуковим системам, що слова між ними є найбільш важливими на сторінці. Цей заголовок буде назвою веб-сторінки, що надає сенс використанню горизонтальної лінії.
Крок 1 -
Введіть тег горизонтальної лінії, як показано на малюнку:
Мітка горизонтальної лінії не має кінцевої позначки. Включіть пробіл і косу риску перед основним сигналом.
Крок 2 -
Додайте атрибут "вирівняти" і встановіть його на "ліворуч", як зазначено:
Крок 3 -
Додайте атрибут "розмір" і встановіть його на "4", як показано на малюнку:
Атрибут "розмір" визначає товщину лінії в пікселях.
Крок 4 -
Додайте атрибут "width" і встановіть його на "370", як зазначено:
Значення атрибута "width" визначає, як довго знаходиться лінія в пікселях.
Крок 5 -
Додайте атрибут "color" до горизонтальної лінії і встановіть його на "maroon", як показано на малюнку:
Колір цього тегу можна встановити на будь-який стандартний або шістнадцятковий колір. Перед шістнадцятковим кольором має бути знак "#".
Крок 6 -
Збережіть документ і надішліть його на сервер. Відкрийте веб-переглядач і знайдіть сторінку. Вона повинна мати горизонтальну коричневу лінію під заголовком документа.
Веб-сайт готовий
Повідомлення
- Тег
є застарілим, а W3Schools заохочує використання змінених одиночних пікселів, використовуючи інструкції з таблиць стилів, щоб подовжити або підняти рядки до потрібного розміру.
Що вам потрібно
- Текстовий редактор, наприклад, редагування джерела (див. Ресурси)
- Програмне забезпечення для надсилання документів, наприклад FileZilla (див. Ресурси)
- Простір на сервері