Spisu treści:
- Kluczowa różnica - Block vs Inline Elements
- Co to są elementy blokowe?
- ,
- ,
- . Programista może odpowiednio użyć nagłówka.
- Co to są elementy wbudowane?
- Jakie jest podobieństwo między elementami blokowymi i liniowymi?
- Jaka jest różnica między elementami blokowymi i liniowymi?
- Podsumowanie - Block vs Inline Elements
Wideo: Różnica Między Elementami Blokowymi I Liniowymi
2024 Autor: Mildred Bawerman | [email protected]. Ostatnio zmodyfikowany: 2023-12-16 08:41
Kluczowa różnica - Block vs Inline Elements
HTML to skrót od Hyper Text Markup Language. Służy do tworzenia stron internetowych. Każda strona internetowa jest połączona z innymi stronami internetowymi za pomocą hiperłączy. Ten język składa się z tagów. Etykieta jest ujęta w nawiasy ostre. Składnia jest podobna do. Większość tagów ma również tag zamykający. Kiedy jest tagiem, tagiem zamykającym jest. Niektóre tagi nie mają tagu zamykającego. Przykładami takich tagów są
i
. Są znane jako void tags. Element HTML to komponent dokumentu HTML lub strony internetowej po przeanalizowaniu go w Document Object Model (DOM). DOM to wewnętrzna reprezentacja w przeglądarce internetowej. Reprezentuje każdy dokument w strukturze drzewa. W przeglądarce elementy, które można wyświetlać, mogą być elementami blokowymi lub wbudowanymi. Elementy blokowe mają strukturę prostokątną. Elementy wbudowane mogą być osadzane w elementach blokowych. Kluczowa różnica między blokiem a elementem inline polega na tym, że elementy blokowe zajmują pełną dostępną szerokość, podczas gdy elementy inline przyjmują szerokość wymaganą do wyświetlenia zawartości elementów.
ZAWARTOŚĆ
1. Przegląd i kluczowe różnice
2. Czym są elementy blokowe
3. Co to są elementy wbudowane
4. Podobieństwa między elementami blokowymi i liniowymi
5. Porównanie obok siebie - elementy blokowe i liniowe w formie tabelarycznej
6. Podsumowanie
Co to są elementy blokowe?
Elementy blokowe przyjmują dostępną pełną szerokość. Te elementy zawsze zaczynają się od nowej linii. Oto kilka przykładów elementów blokowych.
służy do zdefiniowania akapitu. na przykład
To jest akapit
. Istnieje sześć tagów do definiowania nagłówków. Oni są
,
,
…
. Programista może odpowiednio użyć nagłówka.
Lista uporządkowana jest definiowana przez
podczas gdy lista nieuporządkowana jest zdefiniowana przez
. Służy do wyświetlania poziomej linii w poprzek strony internetowej. Służy do porządkowania danych w formacie tabeli. W przypadku każdej witryny internetowej wymagane jest zbieranie danych od odwiedzających witrynę. Formularze HTML służą do pobierania danych od użytkownika. Jest to również element blokowy. Oto kilka przykładów elementów blokowych w HTML.
Co to są elementy wbudowane?
Elementy liniowe przyjmują tylko wymaganą szerokość. Te elementy nie zaczynają się od nowej linii. Oto kilka przykładów elementów wbudowanych. służy do tworzenia linków z jednej strony do drugiej. Hiperłącza to jeden z podstawowych elementów HTML. Może zawierać atrybut href służący do tworzenia odsyłacza do miejsca docelowego. np. Odwiedź Google. Atrybut docelowy jest pusty. Dlatego nowy dokument otworzy się w nowym oknie. Jeśli atrybut docelowy to „_self”, połączony dokument zostanie otwarty w tym samym oknie.
Rysunek 01: Przykłady elementów blokowych i liniowych
Służy do pogrubioną fragmentu tekstu. Znacznik ma nadać tekst kursywą. Strona internetowa powinna się prezentować. Dlatego każda strona internetowa składa się z wielu obrazów. Służy do wyświetlania obrazu na stronie. Ten tag wymaga dwóch atrybutów. Są to src i alt. „Src” opisuje lokalizację obrazu, a „alt” opisuje, o czym jest obraz. np. Oto kilka przykładów elementów wbudowanych
Jakie jest podobieństwo między elementami blokowymi i liniowymi?
- Elementy blokowe i wbudowane są używane jako kontenery w HTML.
Jaka jest różnica między elementami blokowymi i liniowymi?
Porównaj środek artykułu przed tabelą
Block vs Inline Elements |
|
Elementy blokowe to elementy, które będą rozciągać się na całą szerokość elementu nadrzędnego i nie pozwolą żadnemu innemu elementowi zajmować tej samej poziomej przestrzeni, na której jest umieszczony. | Elementy wbudowane to elementy, których nie można umieścić bezpośrednio wewnątrz elementu body i które są zagnieżdżone w elementach blokowych. |
Nowa linia | |
Elementy blokowe zaczynają się od nowej linii. | Elementy wbudowane nie zaczynają się od nowej linii. |
Wymagana przestrzeń | |
Elementy blokowe mają całą szerokość. | Elementy wbudowane będą miały tylko wymaganą szerokość. |
Podsumowanie - Block vs Inline Elements
HTML to skrót od języka Hyper Text Markup. Jest to język składający się z tagów. Każdy tag ma określone zadanie i definiuje strukturę strony internetowej. Niektóre tagi mają tag początkowy i końcowy. Niektóre tagi nie mają tagu końcowego. Nazywa się je void tags. Parsowanie to proces analizy składni. Po etapie analizy te tagi stają się elementami. Elementy mogą być elementami blokowymi lub elementami wbudowanymi. Różnica między elementami blokowymi i wbudowanymi polega na tym, że elementy blokowe zajmują pełną dostępną szerokość, podczas gdy elementy wbudowane przyjmują szerokość wymaganą do wyświetlenia zawartości elementów.
Pobierz wersję PDF programu Block vs Inline Elements
Możesz pobrać wersję PDF tego artykułu i używać jej w trybie offline, zgodnie z notą cytatową. Pobierz wersję PDF tutaj: Różnica między elementami blokowymi i liniowymi
Zalecane:
Różnica Między Cząsteczkami Liniowymi I Nieliniowymi
Kluczowa różnica między cząsteczkami liniowymi i nieliniowymi polega na tym, że cząsteczki liniowe mają strukturę chemiczną, która jest w linii prostej, podczas gdy nieliniowa
Różnica Między Liniowymi I Obrotowymi Silnikami Molekularnymi
Kluczowa różnica między liniowymi i obrotowymi silnikami molekularnymi polega głównie na ruchu kompleksów tworzących białko motoryczne. Podczas gdy li
Różnica Między Polimerami Liniowymi I Rozgałęzionymi
Kluczową różnicą między polimerami liniowymi i rozgałęzionymi jest to, że polimery liniowe mają strukturę liniową bez żadnych rozgałęzień, podczas gdy polimery rozgałęzione mają
Różnica Między Liniowymi I Nieliniowymi Strukturami Danych
Kluczową różnicą między liniową i nieliniową strukturą danych jest to, że w liniowych strukturach danych organizacja elementów danych jest sekwencyjna, podczas gdy w
Różnica Między Elementami Bloku D A Elementami Przejściowymi
Kluczowa różnica - elementy blokowe D a elementy przejściowe Różnica między elementami blokowymi D a elementami przejściowymi jest dość zagmatwana. Oba słowa a