HTML / Odsyłacze

Słownik <dl, dt, dd> #

Jak wprowadzić na stronę WWW słownik (listę definicyjną)?

<dl>
<dt>Pierwszy termin</dt><dd>Definicja pierwszego terminu</dd>
<dt>Drugi termin</dt><dd>Definicja drugiego terminu</dd>
<dt>Trzeci termin</dt><dd>Definicja trzeciego terminu</dd>
</dl>

wyświetlanie: w bloku

Polecenie tworzy tzw. listę opisową, która jest przydatna, gdy piszemy słownik, w którym znajdują się pewne wyrazy i ich objaśnienia. Objaśnienia są zwykle przesunięte bardziej w prawo, dzięki czemu lista staje się czytelniejsza. (Zobacz także: Definicja).

Zwracam uwagę, że w obrębie słownika tekst i inne elementy można wstawiać tylko wewnątrz znaczników terminów i definicji, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy:

📋 Zaznacz kod ▶ Edytuj na żywo

<dl>
Słownik...
<dt>Termin</dt>
<br>
<dd>Definicja</dd>
<br>
</dl>

Termin definicji (DT) nie może zawierać elementów blokowych.

Przykład <dl, dt, dd>

Atrybut: Wartość powiązana z elementem, składająca się z nazwy i związanej wartości (tekstowej).
HTML (Hypertext Markup Language): Język znacznikowy służący do tworzenia stron WWW.
Zawartość: Treść związana z elementem w dokumencie źródłowym.

Możliwe jest również tworzenie słownika, w którym pojedyncze pojęcia mają kilka znaczeń albo kilka pojęć oznacza to samo:

Zamek: Urządzenie do zamykania drzwi za pomocą klucza.; Zapięcie wszywane do odzieży.; Warowna budowla mieszkalna.
Auto
Samochód: Dwuśladowy pojazd mechaniczny napędzany silnikiem.

📋 Zaznacz kod ▶ Edytuj na żywo

<dl>
<dt>Zamek</dt>
<dd>Urządzenie do zamykania drzwi za pomocą klucza.</dd>
<dd>Zapięcie wszywane do odzieży.</dd>
<dd>Warowna budowla mieszkalna.</dd>
<dt>Auto</dt>
<dt>Samochód</dt>
<dd>Dwuśladowy pojazd mechaniczny napędzany silnikiem.</dd>
</dl>

Komentarze #

tomeh
27.12.2023 12:45
kurshtml bardzo wysokiej jakości przemyślenia. Mnie też zastanawiają słowa czy mają intencje czy nie w takich opisach.
Osobiście uważam że google to jest manipulator wyników i zwykły oszust. Bo nawet pracownicy jego mówią - jeden tak drugi sprzecznie, czyli sami nie wiedzą jak jest lub...
Zobacz więcej
Sławomir Kokłowski
17.12.2023 18:31
tomeh: ""Nie chcemy, aby nasza witryna pojawiała się, nawet przypadkiem, w wynikach wyszukiwania na słowa kluczowe związane z serwisem, do którego odsyłamy." Tego punktu nie bardzo rozumiem, jakie to ma powiązanie".
Jeżeli Google w oficjalnej dokumentacji używa słowa...
Zobacz więcej
tomeh
17.12.2023 17:31
kurshtml robisz świetną robotę. Ale powiększcie te literki na forum, mam i tak skalowanie większe ale to trudno czytać maczek. Obecnie mam 110% aby coś widzieć.
I dział tematów ogólnych zamknięty. Zobacz jak wiele ludzi wypowiada się na 4 programers. Tam często też szukam pomocy. Chodzi...
Zobacz więcej
Sławomir Kokłowski
17.08.2021 09:47
[...]
Zobacz więcej
blodemike
16.08.2021 23:16
Czesc gdzie mam to wstawic kiedy mam buttony z botsrapa?
Zobacz więcej
Gość
27.04.2021 12:22
Witam, chciałabym się zapytać jak napisać kod do funkcji "wyświetlanie obrazka po najechaniu na tekst'? Byłabym bardzo wdzięczna za odpowiedź.
Pozdrawiam,
Magda
Zobacz więcej
Piotr_Sz
18.09.2020 10:40
U mnie ten skrypt nie chce działać. Nie wiem, dlaczego i co źle robię. Kod przekleiłem dokładnie. Nie pojawia się żaden odsyłacz. Javę mam w przeglądarce włączoną.
Zobacz więcej
szokun
15.02.2019 15:02
rewelacyjny serwis, tyle info za darmo. wielkie dzięki!
Zobacz więcej
Pawellek
23.03.2017 19:48
Chyba się udało
w zapisie wyżej trzeba dodać w środku twardą spację &nbsp - nie wiem czy się wyświetli więc zapiszę ją ze spacja po znaku & - & nbsp;...
Zobacz więcej
Pawellek
23.03.2017 19:32
Twój przykład teraz już nie działa bo przypiąłeś na stałe na górze Menu.
Co zrobić aby zrobić odstęp od góry tak aby uwzględniała przeglądarka przypięte na stałe Menu na górze ?
W FF wystarczy dodać do <a name="tutaj nazwa" style=padding-top: 100px;"></a>
ale w Chrome...
Zobacz więcej

Zobacz więcej komentarzy