Създаване на хоризонтална линия в HTML

Съдържание

инструкции
Моят документ
предупредителен
Какво ви трябва

Хоризонталните линии позволяват на Web редактора да разделя областите на страниците на по-малки, по-смилаеми секции, като по този начин насочва потребителя да се фокусира върху представеното. За разлика от маркер за подчертаване , хоризонталната линия не е свързана с текста над или под него. Тя може да бъде разположена отляво, отдясно или в средата и може да бъде всеки цвят, дебелина или височина, които редакторът избира. Този урок ви учи да създадете кафява, дебела хоризонтална линия, подравнена вляво, която разделя основното заглавие от тялото на документа, което е празно.

инструкции

Екранна снимка на пълна уеб страница (Всички изображения са снимки на екрана, създадени от Ерик Тилден)

Въведете следното между маркерите> както е показано:
Моят документ

Задайте заглавие на документа, като използвате маркерите
, Този етикет казва на търсачките, че думите между тях са най-важните от страницата. Това заглавие ще бъде заглавието на уеб страницата, което дава смисъл на използването на хоризонтална линия.

Стъпка 1
Въведете маркер за хоризонтална линия, както е показано:

Теглото на хоризонталната линия няма окончателен маркер. Включете пространство и наклонена черта преди основния сигнал.

Стъпка 2
Добавете атрибута "align" и го настройте на "left", както е посочено:

Стъпка 3
Добавете атрибута „размер“ и го задайте на „4“, както е показано:

Атрибутът "размер" определя колко дебела е линията в пиксели.

Стъпка 4
Добавете атрибута "width" и го настройте на "370", както е посочено:

Стойността на атрибута "ширина" определя колко дълго е линията в пиксели.

Стъпка 5
Добавете атрибута "цвят" към хоризонталната линия и го настройте на "maroon", както е показано:

Цветът на този маркер може да бъде настроен на всеки стандартен или шестнадесетичен цвят, който изберете. Шестнадесетичният цвят трябва да се предшества от знак "#".

Стъпка 6
Запазете документа и го изпратете на сървъра. Отворете браузъра си и намерете страницата. Тя трябва да има хоризонтална кафява линия под заглавието на документа.

Уебсайтът е готов

предупредителен

Тагът
е остаряла, и W3Schools насърчава използването на модифицирани единични пикселни изображения, използвайки инструкции за стилови таблици, за да удължи или вдигне линиите до желания размер.