Ako pridať horizontálnu čiaru v html

Z tohto článku sa dozviete, ako pridať horizontálnu čiaru v HTML. Horizontálna čiara môže byť použitá na rozdelenie obsahu na mieste. Kód pre vytvorenie riadku je celkom jednoduchý. Napriek tomu HTML 4.01 Dizajn riadka môžete zmeniť pomocou interných príkazov. HTML5 k štýlu Linka bude musieť používať CSS.

Kroky

Metóda 1 z 2:

Práca v HTML 4.01

jeden. Otvorte existujúci alebo vytvorte nový dokument HTML. Dokumenty HTML možno upraviť v textovom editore, ako napríklad "Poznámkový blok", alebo v editore špecializovaného kódu, ako napríklad Adobe Dreamweaver. Ak chcete otvoriť dokument HTML v zvolenom programe:

Otvorte poznámkový blok alebo iný textový editor / kód.
Otvorené menu Spis.
Kliknúť Otvorené.
Vyberte súbor HTML.
Kliknúť Otvorené

2. Vyberte miesto, v ktorom chcete vložiť riadok. Prejdite nadol, kým nenájdete reťazec, na ktorom by sa mala zobraziť riadok, a potom presunúť kurzor priamo na začiatok tejto čiary kliknutím na jeho extrémne vľavo.

3. Pridajte prázdny reťazec. Dvakrát kliknite ↵ Zadajte, aby ste znížili text, ktorý potrebujete vložiť čiaru, potom umiestnite kurzor na prázdny reťazec.

4. Pridať tag
. Zadať na prázdnom mieste na začiatku riadku. Tag
Umožňuje nakresliť horizontálnu čiaru cez celú stránku.

päť. Presuňte kurzor po značke "HR" na nový reťazec kliknutím na tlačidlo ↵ Zadajte. Teraz tag
musí byť v samostatnom riadku.

6. Pridajte atribúty do horizontálnej čiary (voliteľné). Pridajte atribúty, ako je dĺžka, hrúbka, farba a zarovnanie. Obklopte ich do kučeravých zátvoriek bezprostredne po "HR". Ak chcete pridať viac atribútov, rozdeľte ich podľa medzery.

Zadať , Zmena hrúbky čiary. Nahraďte "#" numerickú hrúbku (napríklad veľkosť ="10").

Zadať , Zmena šírky čiary. Nahraďte "#" počet pixelov alebo percentuálneho podielu šírky stránky (napríklad šírka ="200" alebo šírka ="75%").

Zadať , Zmena farebného riadku. Nahraďte "#" podľa názvu farby alebo jeho hexadecimálneho kódu (napríklad farba ="červený" alebo farba ="# FF0000").

Zadať , Zarovnanie riadku. Nahraďte "#" na "právo" (na pravej strane), "vľavo" (na ľavom okraji) alebo "centre" (sústredené) (napríklad, ).

7. Uložte súbor HTML. Ak chcete uložiť textový súbor ako HTML dokument, musíte zmeniť rozšírenie súboru (.TXT, .DOCX) ON ".HTML ». Ak chcete uložiť dokument HTML, postupujte podľa týchto krokov:

Otvorené menu Spis.

Kliknúť Uložiť ako.

Zadajte názov pre súbor do poľa "Názov súboru".

Pridať .Html Po názve súboru.

Kliknúť Uložiť.

osem. Skontrolujte dokument HTML. Ak chcete skontrolovať súbor HTML, kliknite pravým tlačidlom myši na ňu a vyberte "Otvoriť". Potom vyberte webový prehliadač. Tam, kde ste vložili značku "HR", mala by sa objaviť pevná čiara. HTML kód bude vyzerať takto:

Veľkosť hlavičky ="6" šírka ="päťdesiat%" ALIGN ="Vľavo" Farba ="Zelená">Tento reťazec musí byť oddelený od hlavičky čiary.

Metóda 2 z 2:

Práca v CSS / HTML5

jeden. Otvorte existujúci alebo vytvorte nový dokument HTML. Dokumenty HTML možno upraviť v textovom editore, ako je napríklad poznámkový blok, alebo v editore špecializovaného kódu, ako napríklad Adobe Dreamweaver. Ak chcete otvoriť dokument HTML v zvolenom programe:

Otvorte poznámkový blok alebo iný textový editor / kód.
Otvorené menu Spis.
Kliknúť Otvorené.
Vyberte súbor HTML.
Kliknúť Otvorené

2. Pridajte názov do dokumentu HTML. Ak nie je v dokumente HTML žiadna hlavička, postupujte podľa týchto krokov na pridanie. Názov musí ísť po štítkom A pred tagom .

Zadať V hornej časti dokumentu.

Dvakrát kliknite ↵ Zadajte, ak chcete pridať dve nové riadky.

Zadať , Zatvorenie titulu.

3. Zadať Vnútorná hlavička. Značka "Štýl" je umiestnená medzi dvoma značkami hlavičky na vytvorenie miesta, kde je možné zmeniť HTML dizajn pomocou CSS Code.

Alternatívne spôsoby, ako môžete použiť tabuľku s vonkajším štýlom. Prečítajte si článok "Ako vložiť súbor CSS do HTML", Naučte sa, ako pripojiť externý súbor CSS pomocou súboru HTML.

4. Zadať HR {.Toto je značka CSS na styling horizontálnu čiaru. Pridajte ho po taničke "štýlu" v hlavičke alebo v externom súbore CSS.

päť. Pridať štýly CSS pre značku
.Musia ísť po tagu "HR {".Horizontálna linka môže byť vydaná mnohými spôsobmi. Nižšie sú niektoré z nich.

Zadať Šírka: ## px-, Konfigurácia šírky čiary. Hodnota "##" v pixeloch. Namiesto pixelov (px) môžete použiť percento (%).

Zadať Výška: ## px-, Nastavenie hrúbky čiary. Nahradiť "##" hrúbku čiary v pixeloch.

Zadať Farba pozadia: ##-, Ak chcete zadať farbu riadku. Nahraďte "##" menom farby alebo mriežky (#), po ktorom pôjde šesťdecimálny farebný kód.

Zadať ROZHODNÉ PRAVDA: ## PX-, Uveďte počet pixelov z pravej hrany. Vymeňte "##" číslom pixelov alebo kódom "AUTO". Zadajte "AUTO", aby ste zarovnali riadok na ľavom okraji alebo v strede.

Zadať Margin-Left: ## px-, Uveďte počet pixelov z ľavého okraja. Vymeňte "##" číslom pixelov alebo kódom "AUTO".Zadajte "AUTO" na zarovnanie riadku na pravom okraji alebo v strede.

Zadať Margin-top: ## px- , Ak chcete zadať najvyššiu zarážku pre riadok. Vymeňte "##" číslom zodpovedajúcim šírke zarážky v pixeloch.

Zadať OBRÁZKA DOPLOSTI: ## PX-, Uveďte zarážku dolnej časti chrbta. Vymeňte "##" číslom zodpovedajúcim šírke zarážky v pixeloch.

Zadať Šírka hraníc: ## px-, Nakresliť rám okolo riadku (voliteľné). Vymeňte "##" číslom zodpovedajúcim hrúbke rámu v pixeloch.

Zadať Farba pohraničky: ##-, Ak chcete zadať farbu rámu (voliteľné). Nahraďte "##" menom farby alebo mriežky (#), po ktorom pôjde šesťdecimálny farebný kód.

6. Zadať } Atribúty štýlu dokončiť nastavenie štýlu pre značku
.

7. Zadať kdekoľvek v tele Dokument HTML pridať horizontálnu čiaru. Nastavenia štýlu CSS budú aplikované po každom použití značky

V dokumente HTML.Váš kód by mal vyzerať približne takto:

 Typ ="Text / CSS"> HR {šírka: 50% -Height: 20px-pozadia-Farba: Red-Margin-Právo: Auto-Margin-LEST: Auto-Margin-Top: 5px-Margin-Dno: 5PX-Border-Dno: 2PX-BRITH Farba: zelená-}Titul
Tento reťazec musí byť oddelený od hlavičky horizontálnej čiary