Opracowując stronę internetową, konieczne jest umieszczenie elementów w zorganizowany sposób, szczególnie przy tworzeniu komponentu zawierającego dodatkowy tekst. W drugim przypadku, jeśli tekst zostanie zdezorganizowany, spowoduje to problemy z czytelnością. Aby uniknąć tego problemu, HTML oferuje znacznik, który można wykorzystać do określonego celu.

Niniejszy podręcznik zapewni przewodnik na temat elementu HTML. Więc zacznijmy!

Przed wpadnięciem w dyskusję związaną z przedmiotem artykułu, zobaczmy przykład demonstracyjny elementu bez użycia podsumowującego znacznika.

Jak element wyświetla treść bez elementu?

W poniższym przykładzie wyświetlimy treść za pomocą „Detale„Tag bez elementu podsumowującego:

To jest szczegółowe wyjaśnienie.

Domyślnie element wyświetla szczegół nagłówka, który sam w sobie nie ma znaczenia:

Z powyższego wyjścia można zaobserwować, jak działa element szczegółów bez elementu HTML.

W następnej sekcji zostanie omówione właściwe użycie znacznika HTML.

Co to jest tag HTML?

W HTML „The”„Element jest wykorzystywany wewnątrz elementu do określenia nagłówka. Ten nagłówek można kliknąć, aby wyświetlić lub ukryć szczegóły.

Składnia

treść…

Szczegóły treści…

Poniżej znajduje się opis wyżej wymienionej składni:

• • "”Element określa dodatkowe informacje.
  • "”Element określa widoczny nagłówek, który jest klikany, aby wyświetlić lub ukryć szczegóły.

Teraz skieruj się w kierunku następującego przykładu.

Przykład: jak dodać tag w HTML?

W HTML najpierw dodaj element div o nazwie klasy „FAQ". Następnie dodaj

element, aby dodać nagłówek na stronie internetowej. Następnie tag, który zawiera szczegółowe informacje. Wewnątrz tego elementu element jest wykorzystywany do określenia nagłówka. Dodamy jeszcze dwa „Detale”Elementy podobnie.

Html

Często Zadawane Pytania

Jak mogę kupować dowolny produkt?

Możesz uzyskać produkt, po prostu klikając przycisk Dodaj do koszyka i kontynuując płatność.

Jak długo trwa dostawa?

Możesz otrzymać swój produkt w ciągu dwóch do trzech dni roboczych.

Czy akceptujesz gotówkę przy dostawie?

Tak.

CSS

W CSS elementy HTML są wyposażone w różne właściwości stylizacji.

Styl wszystkie elementy

*
Font-Family: Verdana, Genewa, Tahoma, Sans-Serif;

Powyższy fragment kodu reprezentuje, że „rodzina czcionek”Z wartością Verdana, Genewa, Tahoma, Sans-Serif jest stosowany do wszystkich elementów. Ponadto lista stylów czcionek jest wykorzystywana do celu, że jeśli przeglądarka nie obsługuje pierwszej, zastosuje drugą i tak dalej.

Style FAQ Div

.FAQ
szerokość: 500px;
Wysokość: 300px;
Margines: 0 Auto;
Wyściółka: 20px;
kolor tła: #B73E3E;
Kursor: wskaźnik;
Kolor: Ghost White;
Rozmiar czcionki: 15px;

Następujące właściwości są stosowane do elementu o nazwie klasy „FAQ:

• • "szerokość„Własność jest wykorzystywana do ustawienia szerokości elementu.
  • "wysokość„Własność jest wykorzystywana do ustawienia wysokości elementu.
  • "margines„Własność o wartości”0 Auto”Wskazuje przestrzeń 0px na górze i dolnej części oraz równa przestrzeń po lewej i prawej stronie elementu DIV.
  • "wyściółka„Własność o wartości„20px”Produkuje przestrzeń 20px wokół zawartości elementu DIV.
  • "kolor tła„Własność jest wykorzystywana do ustawienia tła elementu.
  • "kursor”Wskaźnik wyświetla mysz jako rękę z palcem wskazującym.
  • "kolor”Właściwość ustawia kolor czcionki na duchy White.
  • "rozmiar czcionki”Właściwość dostosowuje rozmiar czcionki do 15px.

Style H1 Element of FAQ Div

.FAQ H1
Kolor: #ffe4bb;
Dekoracja tekstu: Podkreśl fala 2px;

„„.FAQ H1”Jest skierowany do

Tag of FAQ Div. Wyjaśnienie stosowanych właściwości opisano poniżej:

• • "kolor”Właściwość ustawia kolor czcionki.
  • "dekoracja tekstu„Właściwość jest ustawiona o wartości”Podkreśl fala 2px„Where Denline jest właściwość dekoracji tekstu, 2px to szerokość linii, a fala jest stylem.

Element szczegółów stylu

Detale
Wyściółka: 5px;

Element jest stosowany z „wyściółka„Własność, która dotyczy przestrzeni wokół zawartości elementu DIV.

Element podsumowujący styl

streszczenie
Wyściółka: 6px;
Rozmiar czcionki: 20px;
Kolor: Whitesmoke;

Element jest stosowany do stylów CSS, które opisano poniżej:

• • "wyściółka„Własność o wartości”6px„Produkuj przestrzeń wokół zawartości elementu podsumowującego.
  • "rozmiar czcionki”Właściwość ustawia rozmiar czcionki.
  • "kolor„Nieruchomość stosuje„biały dym„Kolor czcionki.

Podając powyższy kod, nasza strona internetowa będzie wyglądać tak:

Można zauważyć, że podsumowanie każdego z podanych punktów zostało z powodzeniem związane.

Wniosek

HTML pozwala nam korzystać z „„Element wyświetlający nagłówek, który może wyświetlić lub ukryć szczegóły po kliknięciu. Ten element HTML można wykorzystać do uporządkowania treści i zwiększenia ogólnej zawartości strony internetowej. W tym artykule z powodzeniem pokazano, czym jest znacznik podsumowujący HTML i jak można go wstawić do pliku HTML.