Jak dodać linię poziomą w HTML -

Z tego artykułu dowiesz się, jak dodać linię poziomą w HTML. Linia pozioma może być używana do dzielenia treści na stronie. Kod do tworzenia linii jest dość prosty. Niemniej jednak HTML 4.01 Możesz zmienić projekt linii za pomocą poleceń wewnętrznych. HTML5 do stylizacji linii będzie musiał użyć CSS.

Kroki

Metoda 1 z 2:

Pracuj w HTML 4.01

jeden. Otwórz istniejący lub utwórz nowy dokument HTML. Dokumenty HTML można edytować w edytorze tekstu, takich jak "Notatnik" lub w specjalistycznym edytorze kodu, takim jak Adobe Dreamweaver. Wykonaj następujące kroki, aby otworzyć dokument HTML w wybranym programie:

Otwórz notatnik lub inny edytor tekstu / edytor kodu.
Otwórz menu Plik.
Kliknij otwarty.
Wybierz plik HTML.
Kliknij otwarty

2. Wybierz lokalizację, w której chcesz wstawić linię. Przewiń w dół, aż znajdziesz ciąg, na którym powinien pojawić się linia, a następnie przesuń kursor bezpośrednio na początek tej linii, klikając na jego skrajną lewą stronę.

3. Dodaj pusty ciąg. Dwa razy kliknąć ↵ Wprowadź, aby opuścić tekst, który musisz włożyć linię, a następnie umieść kursor na pustym łańcuchu.

cztery. Dodaj Tag
. Wchodzić W pustym miejscu na początku linii. Etykietka
Umożliwia narysowanie linii poziomej przez całą stronę.

pięć. Przesuń kursor po znaczniku "HR" na nowy ciąg, klikając ↵ Enter. Teraz tag
musi być w oddzielnej linii.

6. Dodaj atrybuty do linii poziomej (opcjonalnie). Dodaj atrybuty, takie jak długość, grubość, kolor i wyrównanie. Zamknij je w nawiasach kręconych natychmiast po "HR". Aby dodać wiele atrybutów, podziel je przez przestrzeń.

Wchodzić , Aby zmienić grubość linii. Wymień grubość numeryczną "#" (na przykład rozmiar ="10").

Wchodzić , Aby zmienić szerokość linii. Wymień "#" według liczby pikseli lub procentu szerokości strony (na przykład szerokość ="200" lub szerokość ="75%").

Wchodzić , Aby zmienić linię kolorów. Wymień "#" według nazwy koloru lub jego kodu szesnastkowego (na przykład kolor ="czerwony" lub kolor ="# Ff0000").

Wchodzić , Aby wyrównać linię. Wymień "#" na "prawy" (na prawej krawędzi), "Lewa" (na lewej krawędzi) lub "środkowym" (wyśrodkowanym) (na przykład, ).

7. Zapisz plik HTML. Aby zapisać plik tekstowy jako dokument HTML, musisz zmienić rozszerzenie pliku (.TEKST, .DOCX) ON ".HTML ». Wykonaj następujące kroki, aby zapisać dokument HTML:

Otwórz menu Plik.

Kliknij Zapisz jako.

Wprowadź nazwę pliku w polu "Nazwa pliku".

Dodaj .Html Po nazwie pliku.

Kliknij Zapisać.

osiem. Sprawdź swój dokument HTML. Aby sprawdzić plik HTML, kliknij prawym przyciskiem myszy i wybierz "Otwórz za pomocą". Następnie wybierz przeglądarkę internetową. Gdzie wstawiłeś znacznik "HR", powinna się stała linia. Kod HTML będzie wyglądał w ten sposób:

Rozmiar nagłówka ="6" Szerokość ="pięćdziesiąt%" wyrównać ="Lewo" Kolor ="Zielony">Ten ciąg musi być oddzielony od nagłówka linii.

Metoda 2 z 2:

Pracuj w CSS / HTML5

jeden. Otwórz istniejący lub utwórz nowy dokument HTML. Dokumenty HTML można edytować w edytorze tekstu, takich jak Notatnik lub w specjalistycznym edytorze kodu, takim jak Adobe Dreamweaver. Wykonaj następujące kroki, aby otworzyć dokument HTML w wybranym programie:

Otwórz notatnik lub inny edytor tekstu / edytor kodu.
Otwórz menu Plik.
Kliknij otwarty.
Wybierz plik HTML.
Kliknij otwarty

2. Dodaj tytuł do dokumentu HTML. Jeśli w dokumencie HTML nie ma nagłówka, wykonaj następujące kroki, aby go dodać. Tytuł musi przejść po tagu I przed tagiem .

Wchodzić Na górze dokumentu.

Dwa razy kliknąć ↵ Enter, aby dodać dwie nowe linie.

Wchodzić , Aby zamknąć tytuł.

3. Wchodzić wewnątrz nagłówka. Tag "Styl" jest umieszczony między dwoma znacznikami nagłówka, aby utworzyć miejsce, w którym projekt HTML można zmienić za pomocą CSS Code.

Alternatywne sposoby korzystania z tabeli arkusza w stylu zewnętrznym. Przeczytaj artykuł "Jak wstawić plik CSS w HTML", Aby dowiedzieć się, jak podłączyć zewnętrzny plik CSS za pomocą pliku HTML.

cztery. Wchodzić Hr {.Jest to znacznik CSS do stylizacji linii poziomej. Dodaj go po znaczniku "stylu" w nagłówku lub w zewnętrznym pliku CSS.

pięć. Dodaj style CSS do tagu
.Muszą iść po znaczniku "HR {".Linia pozioma może być wydawana na wiele sposobów. Poniżej są niektóre z nich.

Wchodzić Szerokość: ## px-, Aby skonfigurować szerokość linii. Wymień "##" szerokość wartości w pikselach. Zamiast pikseli (px) możesz użyć procentu (%).

Wchodzić Wysokość: ## px-, Aby ustawić grubość linii. Wymień "##" grubość linii w pikselach.

Wchodzić Kolor tła: ##-, Aby określić kolor linii. Wymień "##" według nazwy koloru lub siatki (#), po którym przejdzie kodeks szesnastkowy.

Wchodzić Margines prawy: ## px-, Określić liczbę pikseli z prawej krawędzi. Wymień "##" według wielu pikseli lub kodu "Auto". Wpisz "Auto", aby wyrównać linię po lewej krawędzi lub w środku.

Wchodzić Margines lewy: ## px-, Aby określić liczbę pikseli z lewej krawędzi. Wymień "##" według wielu pikseli lub kodu "Auto".Wpisz "Auto", aby wyrównać linię na prawej krawędzi lub w środku.

Wchodzić Margin-Top: ## px- , Aby określić tiret górne dla linii. Wymień "##" przez liczbę odpowiadającą szerokości wcięcia w pikselach.

Wchodzić Margines-dno: ## px-, Aby określić dolne wstecz. Wymień "##" przez liczbę odpowiadającą szerokości wcięcia w pikselach.

Wchodzić Szerokość graniczna: ## px-, Aby narysować ramkę wokół linii (opcjonalnie). Wymień "##" przez liczbę odpowiadającą grubości ramy w pikselach.

Wchodzić Kolor ramki: ##-, Aby określić kolor ramy (opcjonalnie). Wymień "##" według nazwy koloru lub siatki (#), po którym przejdzie kodeks szesnastkowy.

6. Wchodzić } Po stylu atrybutom, aby zakończyć ustawienie stylu dla tagu
.

7. Wchodzić Gdziekolwiek w ciele dokumentu HTML do dodania linii poziomej. Ustawienia stylu CSS zostaną zastosowane po każdym użyciu tagu

W dokumencie HTML.Twój kod powinien wyglądać w przybliżeniu w następujący sposób:

 Typ ="Tekst / CSS"> HR {szerokość: 50% -Height: 20px-background-color: czerwony margines prawy: auto-margines w lewo: auto-margines: 5px-margin-dno: 5px-border-szerokość: 2px-border- Zielony kolor-}Tytuł
Ten ciąg musi być oddzielony od nagłówka linii poziomej