logo

Kā pievienot horizontālu līniju HTML?

Vizuāli pievilcīgas un labi strukturētas tīmekļa lapas izveide bieži ietver horizontālu līniju izmantošanu. Šīs rindas var palīdzēt atdalīt dažādas satura sadaļas, tādējādi lietotājiem atvieglojot sniegtās informācijas lasīšanu un izpratni. Šajā rokasgrāmatā mēs izpētīsim divas efektīvas metodes horizontālo līniju pievienošanai HTML: izmantojot>


tagu un CSS rekvizītus.



Dažādas pieejas horizontālās līnijas pievienošanai HTML

1. Izmantojot
tags:

The Horizontālais noteikums t plkst (


)tiek izmantots, lai HTML dokumentā ievietotu horizontālas līnijas, lai atdalītu dokumenta sadaļas. Tas ir tukšs vai nesapārots tags, kas nozīmē, ka nav nepieciešams noslēdzošais tags.

Piemērs: Šis piemērs apraksta




tagu, lai pievienotu horizontālo līniju.

HTML

body> html>>>

Izvade:

HTML horizontālā līnija, izmantojot hr tagu

Izvade



2. CSS rekvizītu izmantošana:

Šajā pieejā mēs izmantosim apmales stilā Īpašums lai izveidotu horizontālo līniju. Mēs varam izmantot vai nu robeža-top rekvizīts, kas norāda augšējās apmales stilu vai robeža-apakša rekvizītu, kas var iestatīt elementa apakšējās apmales stilu. Abus rekvizītus var izmantot, lai pievienotu horizontālo līniju.

Piemērs: Šajā piemērā ir aprakstīta horizontālās līnijas zīmēšana, izmantojot apmales stilā Īpašums.

HTML Izvade:

horizontālā līnija, izmantojot CSS piemēru izvadi

Izvade