HTML Akapit
Akapit HTML jest elementem zawierającym tekst między znacznikami początkowymi i zamykającymi. Jest reprezentowany przez etykietka. Należy do elementów na poziomie bloku, co oznacza Tag zawsze zacznie się od nowej linii. Przeglądarka doda margines automatycznie przed i po każdym
etykietka. Znacznik akapitu może zaakceptować globalne atrybuty, takie jak identyfikator, styl itp., i atrybuty zdarzeń.
Składnia
Składnia elementu akapitu podano poniżej:
treść
Gdzie
jest używany jako tag początkowy i
jest używany jako znacznik zamykający. Zamknięcie jest opcjonalne i można go pominąć, ale aby uniknąć złożoności, zaleca się, aby nigdy nie pominąć znacznika końcowego dowolnego sparowanego znacznika.Jak Tag działa
Ta sekcja przedstawi szczegółowe zrozumienie, w jaki sposób
Tag działa.
Przykład 1: Rozważ następujący przykład, aby zrozumieć, jak To jest prosty przykład tagu p Powyższy kod utworzy prosty tag za pomocą Jak dodać styl Etykietka Teraz musisz zastanawiać się nad jego stylem, jak zmiana wyrównania tekstu, rozmiar czcionki, kolor tła itp. akapitu. Dobrze! Możemy stylizować dowolny akapit HTML za pomocą CSS. Przykład 2: W tym celu rozszerzmy poprzedni przykład i wdrożyć na niego styl: To jest prosty przykład tagu p Powyższy kod określa trzy właściwości tekst-align, kolor tła i styl czcionki w obrębie etykietka. Właściwości te zostaną zastosowane do akapitu i wygenerują następujące dane wyjściowe: Jak dodać styl do wielu akapitów Jeśli w dokumencie występuje wiele akapitów, określony styl zostanie zaimplementowany na wszystkich Przykład 3: Rozważmy następujący przykład, który ma trzy tagi, jak pokazano w następującym kodzie: To jest pierwszy akapit To jest drugi akapit To trzeci akapit Poniższe dane wyjściowe potwierdzi, że właściwości, które ustawiamy dla akapitu w znaczniku stylu, są zaimplementowane do wszystkich akapitów: Jak stylizować każdy akapit wyjątkowo Załóżmy, że istnieje wiele akapitów i musisz stylizować każdy akapit inaczej. Czy to możliwe? Tak to jest! Możemy to zrobić na dwa sposoby, używając atrybutu w stylu inline, albo możemy używać selektorów CSS. Przykład 4: Załóżmy poniższy kod, który implementuje styl wbudowany do trzeciego To jest pierwszy akapit To jest drugi akapit To trzeci akapit Styl wbudowany zostanie zaimplementowany w trzecim akapicie, podczas gdy pozostałe dwa akapity zostaną stylizowane zgodnie ze stylem wewnętrznym, jak pokazano poniżej: Przykład 5: Rozważmy następujący kawałek kodu, który użyje selektora identyfikatora, aby stylizować drugi akapit: To jest pierwszy akapit To jest drugi akapit To trzeci akapit W tym przykładzie opisano dwa różne style: pierwszy i trzeci akapity zostaną stylizowane według wewnętrznego stylu. Podczas gdy drugi akapit zostanie stylizowany inaczej, jak pokazano w następującym wyjściu: Wyświetlacz HTML Nie ma znaczenia, ile dodatkowych przestrzeni lub dodatkowych linii znajduje się w akapicie, HTML zignoruje wszystkie dodatkowe przestrzenie i dodatkowe linie, jak pokazano na podbitym fragmencie: To jest pierwszy W powyższym kodzie jest wiele dodatkowych przestrzeni i linii. Jednak wyjście potwierdzi, że HTML pomija dodatkowe przestrzenie i generuje następujące dane wyjściowe: Wniosek Jak sama nazwa sugeruje, znacznik akapitowy w dokumencie HTML służy do utworzenia akapitu. Może również przyjmować globalne atrybuty i atrybuty zdarzeń. Do zaawansowanego stylizacji można użyć CSS, takich jak kolor tła, styl czcionki, wyrównanie tekstu itp. Ten zapis wykazał pełny przegląd akapitu HTML, w którym nauczyliśmy się tworzyć akapit w HTML, jakie atrybuty Tag może wziąć i jak osadzić niektóre stylowe wzory w akapicie za pomocą CSS za pomocą przykładów.
Ustęp
z wieloma
dodatkowy
przestrzenie