Как добавить горизонтальную линию в html

Од овој напис ќе научите како да додадете хоризонтална линија во HTML. Хоризонталната линија може да се користи за поделба на содржината на страницата. Кодексот за создавање линија е прилично едноставен. Сепак, HTML 4.01 Можете да го промените дизајнот на линијата со помош на внатрешни команди. HTML5 за стајлинг линија ќе мора да користи CSS.

Чекори

Метод 1 од 2:

Работа во HTML 4.01

Еден. Отворете го постоечкиот или креирајте нов HTML документ. HTML документи може да се уредуваат во уредувач на текст, како што се "Notepad", или во специјализиран уредник на код, како Adobe Dreamweaver. Следете ги овие чекори за да отворите HTML документ во избраната програма:

Отворете го бележник или друг уредувач на текстуални уредувачи.
Отворено мени Датотека.
Кликни Отворен.
Изберете HTML-датотека.
Кликни Отворен

2. Изберете локација во која сакате да вметнете линија. Скролувајте надолу додека не пронајдете низа на која треба да се појави линијата, а потоа преместете го курсорот директно на почетокот на оваа линија со кликнување на екстремната левица.

3. Додај празен стринг. Двапати кликни ↵ Внесете го за да го спуштите текстот што ви е потребен за да ја вметнете линијата, а потоа ставете го курсорот на празната низа.

Четири. Додај ознака
. Внесете на празно место на почетокот на линијата. Таг
Ви овозможува да нацртате хоризонтална линија низ целата страница.

Пет. Поместете го курсорот по ознаката "HR" до нова низа со кликнување ↵ Внесете. Сега ознака
мора да биде во посебна линија.

6. Додадете атрибути на хоризонталната линија (опционално). Додадете атрибути како што се должина, дебелина, боја и усогласување. Приложете ги во кадрава заграда веднаш по "HR". За да додадете повеќе атрибути, поделете ги со празно место.

Внесете , За промена на дебелината на линијата. Заменете "#" нумеричка дебелина (на пример, големина ="10").

Внесете , За промена на ширината на линијата. Заменете го "#" со бројот на пиксели или процент од ширината на страницата (на пример, ширина ="200" или ширина ="75%").

Внесете , За промена на бојата линија. Замени "#" со името на бојата или нејзиниот хексадецимален код (на пример, боја ="црвено" или боја ="# FF0000").

Внесете , Да се усогласи линијата. Замени "#" на "десно" (на десниот раб), "лево" (на левиот раб) или "центар" (центрирано) (на пример, ).

7. Зачувајте ја датотеката HTML. За да ја зачувате текстуалната датотека како HTML документ, треба да ја промените продолжувањето на датотеката (.Txt, .Docx) на ".HTML ». Следете ги овие чекори за да го зачувате HTML документот:

Отворено мени Датотека.

Кликни Зачувај како.

Внесете го името за датотеката во полето "Име на датотеката".

Додај .HTML По името на датотеката.

Кликни Зачувај.

осум. Проверете го вашиот HTML документ. За да ја проверите датотеката HTML, кликнете со десното копче на неа и изберете "Отвори со". Потоа изберете веб прелистувач. Каде што ја вметнавте ознаката "HR", треба да се појави солидна линија. HTML кодот ќе изгледа вакво:

Големина на заглавје ="6" Ширина ="педесет%" align ="Лево" Боја ="Зелена">Оваа низа мора да биде одвоена од заглавјето на линијата.

Метод 2 од 2:

Работа во CSS / HTML5

Еден. Отворете го постоечкиот или креирајте нов HTML документ. HTML документи може да се уредуваат во уредувач на текст, како што се Notepad, или во специјализиран уредник на кодот, како Adobe Dreamweaver. Следете ги овие чекори за да отворите HTML документ во избраната програма:

Отворете го бележник или друг уредувач на текстуални уредувачи.
Отворено мени Датотека.
Кликни Отворен.
Изберете HTML-датотека.
Кликни Отворен

2. Додајте наслов на HTML документ. Ако не постои заглавие во HTML-документот, следете ги овие чекори за да го додадете. Насловот мора да оди по ознаката И пред ознаката .

Внесете На врвот на документот.

Двапати кликни ↵ Внесете за да додадете две нови линии.

Внесете , За да ја затворите насловот.

3. Внесете внатре во заглавието. Таг "стил" е поставена помеѓу две ознаки за заглавие за да се создаде место каде што дизајнот на HTML може да се промени со користење на CSS код.

Алтернативни начини на кои можете да користите табела за надворешен стил. Прочитајте го статијата "Како да вметнете CSS датотека во HTML", За да научите како да поврзете надворешна CSS датотека со HTML-датотека.

Четири. Внесете HR {.Ова е ознака за CSS за да стилите хоризонтална линија. Додај го по ознаката "стил" во насловот или во надворешната CSS датотека.

Пет. Додајте стилови CSS за ознака
.Тие мора да одат по ознаката "HR {".Хоризонталната линија може да се издаде на многу начини. Подолу се некои од нив.

Внесете Ширина: ## Px-, За да ја конфигурирате ширината на линијата. Заменете ја ширината "##" во пиксели. Наместо пиксели (PX), можете да користите процент (%).

Внесете Висина: ## Px-, За да ја поставите дебелината на линијата. Заменете ја "##" дебелината на линијата во пиксели.

Внесете Боја на позадина: ##-, За да ја одредите бојата на линијата. Заменете го "##" со името на бојата или мрежата (#), по што ќе отиде хексадецималниот код на бои.

Внесете Маргина-десно: ## Px-, За да го одредите бројот на пиксели од десниот раб. Заменете "##" со голем број пиксели или "автоматски" код. Внесете "AUTO" за да ја усогласите линијата на левиот раб или во центарот.

Внесете Маргина-лево: ## Px-, За да го одредите бројот на пиксели од левиот раб. Заменете "##" со голем број пиксели или "автоматски" код.Внесете "AUTO" за да ја усогласите линијата на десниот раб или во центарот.

Внесете Маргина-врв: ## PX- , За да го одредите врвот алинеја за линијата. Заменете го "##" со бројот што одговара на ширината на алинејата во пиксели.

Внесете Маргина-дното: ## Px-, За да го одредите долниот дел од задниот дел. Заменете го "##" со бројот што одговара на ширината на алинејата во пиксели.

Внесете Ширина на границата: ## Px-, За да ја нацртате рамката околу линијата (опционално). Заменете го "##" со бројот што одговара на дебелината на рамката во пиксели.

Внесете Гранична боја: ##-, За да ја одредите бојата на рамката (опционално). Заменете го "##" со името на бојата или мрежата (#), по што ќе отиде хексадецималниот код на бои.

6. Внесете } По стил атрибути за да го завршите поставувањето на стилот за ознаката
.

7. Внесете насекаде во телото на HTML документот за да додадете хоризонтална линија. Подесувањата на CSS стил ќе се применуваат по секоја употреба на ознаката

во HTML документ.Вашиот код треба да изгледа приближно на следниов начин:

 Тип ="Текст / CSS">HR {WRIST: 50% - Hheight: 20px-позадина-бои: црвено-маргина-десно: авто-маргина-лево: авто-маргина-врвот: 5px-маргина-дното: 5px-граница-ширина: 2px-гранична боја : Green-}Наслов
Оваа низа мора да биде одвоена од насловот на хоризонталната линија