Liniile de divizare - HTML; Domnul; tag - proiectare cu CSS - MySpartester

Etichetă HTML servește la structurarea textului și descrie o schimbare de subiect în conformitate cu HTML5. Acest lucru conferă liniei despărțitoare un sens semantic.

creează un paragraf prin inserarea unei linii de divizare orizontale, de unde și numele „rigla orizontală”.

Pentru o notație compatibilă cu XHTML, trebuie notată eticheta goală .

Un text clar structurat este important, astfel încât cititorul să își găsească drumul în jurul articolului și să vă invite să citiți mai departe.

Eticheta contribuie, de asemenea, la ușurința utilizatorului unui site web.

Liniile de separare ar trebui utilizate în mod specific în articol atunci când se schimbă diferite subiecte.

Introduceți linia de divizare HTML

Pentru a insera o linie separatoare simplă, eticheta poate fi notată oriunde în codul HTML. Browserul generează o linie pe lățimea elementului și creează un nou paragraf

Editați linia de despărțire cu CSS

Pentru liniile individuale, eticheta ar trebui să fie proiectată cu foi de stil CSS. Parametrii pot fi introduși direct în codul HTML al site-ului sau încărcați prin fișiere separate. Cu selectoarele div, liniile de separare orizontale individuale pot fi atribuite cu ușurință prin CSS.

Proiectați înălțimea, lățimea și culoarea liniei de separare

Instrucțiunea align este utilizată pentru a alinia linia despărțitoare.

Instrucțiunea de dimensiune determină grosimea liniei:

În exemplul următor linia de separare a fost modificată cu proprietățile CSS Border, Height, Width și Background-Color. Înălțimea este de 30 de pixeli și lățimea de 60% din cutia de închidere. Roșu a fost ales ca culoare de fundal. Border este setat la 0. Fără alinierea cu comanda „align”, linia este afișată centrat.

Testarea unei linii despărțitoare cu culoare roșie și 30 de pixeli înălțime, așa arată:

---