Содержание
Горизонтальные линии позволяют веб-редактору разделять области страницы на более мелкие, более удобные для восприятия разделы, что позволяет пользователю сосредоточиться на том, что представлено. В отличие от подчеркивания горизонтальная линия не связана с текстом над или под ним. Он также может быть расположен слева, справа или по центру и может быть любого цвета, толщины или высоты, выбранных редактором. Из этого туториала вы узнаете, как создать коричневую толстую горизонтальную линию с выравниванием по левому краю, которая отделяет основной заголовок от основного текста документа, который является пустым.
направления
-
Введите следующее между тегами> как показано:
Мой документ
Установите заголовок для вашего документа, используя теги
, Этот тег сообщает поисковым системам, что слова между ними являются наиболее важными на странице. Этот заголовок будет заголовком веб-страницы, придавая смысл использованию горизонтальной линии.
Шаг 1
-
Введите тег горизонтальной линии, как показано:
Тег горизонтальной линии не имеет окончательного тега. Включите пробел и косую черту перед основным сигналом.
Шаг 2
-
Добавьте атрибут «align» и установите его в «left», как указано:
Шаг 3
-
Добавьте атрибут «size» и установите его в «4», как показано:
Атрибут «size» определяет толщину линии в пикселях.
Шаг 4
-
Добавьте атрибут «width» и установите его в «370», как указано:
Значение атрибута width определяет длину строки в пикселях.
Шаг 5
-
Добавьте атрибут «color» к горизонтальной линии и установите для него «maroon», как показано:
Цвет этого тега может быть установлен на любой стандартный или шестнадцатеричный цвет по вашему выбору. Шестнадцатеричному цвету должен предшествовать знак "#".
Шаг 6
-
Сохраните документ и отправьте его на свой сервер. Откройте браузер и найдите страницу. Он должен иметь горизонтальную коричневую линию под заголовком документа.
Сайт готов
предупреждение
- Тег
устарела, и W3Schools поощряет использование модифицированных однопиксельных изображений, используя инструкции таблицы стилей для удлинения или поднятия линий до желаемого размера.
Что вам нужно
- Текстовый редактор, такой как Source Edit (см. Ресурсы)
- Программное обеспечение для отправки документов, например FileZilla (см. Ресурсы)
- Пространство на сервере