Nauka HTML Część 4: Jak utworzyć tytuł (nagłówek) w HTML
Tym razem wyjaśnię jaktworzyć nagłówki w HTML. Podczas tworzenia dokumentu HTML zaleca się dodanie nagłówków do dokumentu. Nagłówek to zbiór fraz lub słów, które stają się tytułem lub podtytułem w dokumencie HTML.
Nadanie tytułu jest z pewnością bardzo potrzebnezapewnić przegląd dyskursu lub artykułu w dokumencie HTML. Nagłówki nie są tytułami (tytułami w dokumencie HTML), które pojawiają się jako tytuły dokumentów HTML na pasku tytułowym, ale nagłówki pojawiają się w treści dokumentu jako tytuł dyskursu lub tekstu.
HTML udostępnia 6 poziomów o różnych rozmiarach. Użycie znacznika nagłówka rozpoczyna się od znacznika <Hx> i zakończ tagiem </Hx> gdzie x to numer poziomu nagłówka od 1 do 6, gdzieim większa wartość x, tym mniejszy rozmiar nagłówka. Jednak im mniejsza wartość x, tym wyższy poziom ważności tytułu innymi słowy h1 ma ważniejszą pozycję niż h6 i tak dalej.
Cóż, w nagłówku atrybutem towarzyszącym jest WYRÓWNAJ który pozwala wyświetlać nagłówki na płasko, na lewo lub na środku. Poniżej znajduje się tabela wartości atrybutów WYRÓWNAJ w tytule:
| Wartość | Funkcja |
| Lewo | Aby wyrównać nagłówek do lewej |
| Racja | Aby wyrównać nagłówek do prawej |
| Centrum | Aby wyrównać nagłówek do środka |
Aby uzyskać więcej informacji, oto kod do używania nagłówków:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Headings Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<h2 align="left"> Heading 2</h2>
<h3 align="left"> Heading 3</h3>
<h4 align="left"> Heading 4</h4>
<h5 align="left"> Heading 5</h5>
<h6 align="left"> Heading 6</h6>
</body>
</html>Po uruchomieniu powyższego kodu HTML wyniki będą wyglądać jak na poniższym obrazku:
Powyższy obrazek pokazuje wyraźnie różnicę wielkości każdego poziomu nagłówka od 1 do 6. Następnie należy pamiętać o zastosowaniu atrybutów wyrównać nagłówek nie jest obsługiwany przez HTML5, ponieważ został zastąpiony przez CSS. Poniżej podano wartości domyślne od h1 do h6 w CSS, które są zazwyczaj wyświetlane przez przeglądarkę:
| H1 | H2 | H3 |
| wyświetlacz: blok; rozmiar czcionki: 2em; margines na górze: 0,67 em; margines na dole: 0,67 em; margines lewy: 0; margines z prawej: 0; font-weight: pogrubiony; |
wyświetlacz: blok; rozmiar czcionki: 1,5 em; margines na górze: 0,83 em; margines na dole: 0,83 em; margines lewy: 0; margines z prawej: 0; font-weight: pogrubiony; |
wyświetlacz: blok; rozmiar czcionki: 1.17em; margines na górze: 1em; margines na dole: 1em; margines lewy: 0; margines z prawej: 0; font-weight: pogrubiony; |
| H4 | H5 | H6 |
| wyświetlacz: blok; rozmiar czcionki: 1em; margines na górze: 1,33 em; margines na dole: 1,33 em; margines lewy: 0; margines z prawej: 0; font-weight: pogrubiony; |
wyświetlacz: blok; rozmiar czcionki: .83em; margines na górze: 1,67em; margines na dole: 1,67 em; margines lewy: 0; margines z prawej: 0; font-weight: pogrubiony; |
wyświetlacz: blok; rozmiar czcionki: .67em; margines na górze: 2,33 em; margines na dole: 2,33 em; margines lewy: 0; margines z prawej: 0; font-weight: pogrubiony; |
Pozioma linia podziału (tag <hr>)
Dalej jest użycie znacznika <hr>. Za pomocą znacznika <hr> można tworzyć poziome linie podziału w dokumentach HTML. Tag <hr> domyślnie utworzy linie wzdłuż okna przeglądarki. W znaczniku <hr> znajduje się również kilka atrybutów, a mianowicie:
| Atrybut | Funkcja |
| Wyrównaj | Do linii poziomujących, płaskich, środkowych lub prawych |
| Rozmiar | Ustaw grubość linii na wartość w pikselach |
| Nikosz | Wyświetla linie bez cieni 3D |
| Kolor | Nadaj kolor liniom |
| Szerokość | Ustaw szerokość linii za pomocą pikseli lub wartości procentowych |
Oto przykład użycia znacznika <hr>:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Pemisah Horizontal Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<hr color="green" width="20%" size=3 align="left" >
<h4 align="left"> Heading 4</h4>
</body>
</html>Następnie wyniki będą wyglądać jak poniżej po wyświetleniu w przeglądarce:
W ustawieniu szerokości znacznika <hr> możeszużywając px lub procent (%). W powyższym przykładzie używam procentu (%), innymi słowy szerokość wynosi 20% szerokości okna przeglądarki. Zatem jeśli zrobisz to w 100%, znacznik <hr> będzie tak szeroki, jak okno przeglądarki.
Następnie atrybuty w znaczniku <hr> towspomniany powyżej nie jest obsługiwany przez HTML5, ponieważ jego funkcja została zastąpiona przez CSS. Również w HTML 4.01 znacznik <hr> jest zdefiniowany jako linia pozioma, ale w HTML5 jest zdefiniowany jako przerwa tematyczna, taka jak zmiana tematu dyskursu, zmiany w fabule i tak dalej.
W następnym artykule możesz się spotkaćz niektórymi tagami HTML, które nie są obsługiwane przez HTML5. Mimo to wyjaśnię to, abyś wiedział o funkcji tych tagów. Następnie dowiemy się, jak tworzyć akapity w HTML.
