Elementy w HTML można podzielić na dwie szersze kategorie, elementy inline i blokowe. Elementy blokowe przełamują przepływ zawartości i uruchamiają nową linię, podczas gdy elementy inline utrzymują treść w linii i zajmują tylko określoną ilość miejsca. Elementy blokowe zajmują tyle miejsca, co szerokość elementu nadrzędnego i ich linia, rozciąga się również w pionowo.

Ponieważ HTML obsługuje długą listę elementów, nowatorski programista HTML może być trudny. Mając na uwadze znaczenie, ten przewodnik opracowuje następujący wynik uczenia się:

• oświeca różnice między elementami blokowymi i inline
• Demonstrowanie kilku elementów blokowych i wbudowanych

Jakie są różnice między elementami blokowymi i inline

Poniżej znajdują się punkty różnicowania, które wyjaśniłyby pojęcie elementów blokowych i inline w HTML.

• Elementy blokowe dodają miejsce, rozbijając linię przed i po jej użyciu. Podczas gdy elementy wbudowane są praktykowane w określonej linii i nie konsumują dodatkowej przestrzeni.
• Elementy wbudowane tylko obsługują lewą i prawą wyściółkę, podczas gdy elementy blokowe wspierają wyściółkę zarówno w kierunku pionowym, jak i poziomym
• Elementy wbudowane obsługują małe pliki, tworząc małe struktury. Podczas gdy elementy blokowe obsługują duże pliki, tworząc duże struktury.
• Kiedy wywoływany jest element inline, działa tylko dla tych plików wymagających tego elementu wbudowanego. Z drugiej strony elementy blokowe zawierają różne elementy blokowe i inline. Zatem, gdy wywoływany jest element bloku nadrzędnego, wszystkie kojarzone z nim elementy blokowe i.

Jak działają blokowe i inline elementy w HTML

Ta sekcja zawiera funkcjonalność kilku elementów blokowych i wbudowanych.

Elementy blokowe: Zapewniliśmy zastosowanie kilku elementów blokowych w HTML, które pokazują praktyczne zachowanie elementów blokowych.

Za pomocą

: Znacznik akapitu w HTML reprezentuje linie tekstowe i należy do kategorii elementu blokowego HTML.

To jest akapit

Wyjście kodu HTML na stronie internetowej znajduje się poniżej:+

Chociaż tekst akapitu jest ograniczony do kilku słów, znacznik akapitu przyjął całkowitą szerokość (na stronie).

Za pomocą : Ćwiczmy najważniejszy i powszechnie używany tag przy użyciu następującego kodu HTML.

To jest div

Interfejs internetowy powyższego tagu pokazano poniżej:

Podobnie jak element blokowy akapitowy, tag Div zajmował również całą szerokość strony.

Za pomocą

wewnątrz : Jak stwierdzono i reprezentowano wcześniej elementy blokowe zajmują całkowitą szerokość strony (znacznik nadrzędny). Możesz ograniczyć szerokość znacznika nadrzędnego, a tagi dziecięce zajęłyby miejsce zdefiniowane w znaczniku nadrzędnym. Na przykład następujący kod HTML praktykuje

tag in etykietka.

To jest pargarraf

Powyższy kod deklaruje znacznik, który zajmuje 50% szerokości strony. A

Tag jest używany wewnątrz znacznika, a akapit zajmuje 50% przestrzeni jego macierzystego znacznika ().

Oprócz i

, Kilka innych elementów blokowych opisano poniżej:
: Służy do przedstawienia danych kontaktowych
: Treść artykułu można opisać za pomocą tego tagu

---

: Służy do oddzielania zawartości według linii poziomych
: Podpis figury jest przypisywany za pomocą tego znacznika.

Do

: te znaczniki definiują nagłówek o różnych rozmiarach od

Do

: Służy do rozpoczęcia nowej sekcji
: Można przypisać stopę strony lub sekcji
: można użyć do wstawienia tabeli w html Doc.

: Służy do ustawienia uporządkowanej listy

: Służy do organizowania elementów w sposób nieuporządkowany