Listy wypunktowane i numerowane w formacie HTML: podstawy teoretyczne
Ten samouczek w przystępnej formie dla początkujących przedstawia zasady i sposoby korzystania z list wypunktowanych i numerowanych. HTML to język znaczników, który rozpoczyna naukę technologii internetowych. Jak każdy punkt wyjścia, nie ma wystarczających środków na przetłumaczenie swoich pomysłów na stronie internetowej. Ale te granice, które obejmują kreatywną naturę, można odepchnąć, stosując pewne techniki.
Aplikacja
Nie daje wyobraźni, że we współczesnym Internecie, pełnym interaktywnych treści, jest strona bez tekstu. Nawet na tak zwanych zdjęciach (zasobach internetowych do przechowywania obrazów) każde zdjęcie ma podpis.
Tekst jest podstawową informacją otrzymywaną przez użytkownika, w celu przejścia z jednej strony na drugą. Jego uwaga przyciągnie i opóźni dokładnie ten, który jest zrobiony profesjonalnie. Istnieją przepisy i zasady dotyczące strukturyzacji artykułów zarówno w branży poligraficznej, jak i w układzie stron internetowych. Są tworzone w celu lepszego postrzegania informacji, piękna wyglądu i oszczędzania czasu odwiedzających. Przyczynia się również do zwiększenia ruchu na stronie.
Udaną techniką jest połączenie długich przelewów z listami. A kiedy ujawniasz trudny do zrozumienia temat, często musisz używać list zagnieżdżonych. Po podjęciu decyzji przyszli programiści WWW będą zobowiązani do przestrzegania woli klienta i będą musieli nałożyć stronę na dostarczony układ. Techniki prezentowania informacji tekstowych są łatwe do nauczenia i zalecane do użycia.
Widoki
Tekst wykorzystuje dwa typy list: numerowane i wypunktowane. Oba rodzaje są aktywnie wykorzystywane. Chociaż można je odróżnić wizualnie, ale mają one inne znaczenie.
Numerowana lista w kodzie HTML jest używana przy wyliczaniu z góry określonej liczby punktów i są one oddzielone od siebie numerami. Często ich liczba jest podana na liście poprzedniego zdania. Przykład: "Trzy typy specjalistów działają na profesjonalnej stronie internetowej:
- Projektant stron internetowych.
- Specjalista ds. Treści.
- Programista internetowy. "
Wypunktowana lista oddziela przedmioty od siebie znacznikami - małymi elementami graficznymi (kropki, tyknięcia). Jest stosowany w przypadkach, gdy liczba wyliczeń nie jest zdefiniowana, a istnienie innych jest dorozumiane: "Najbardziej dostępne dla początkujących, którzy studiują HTML, to następujący autorzy w swoich książkach:
- C. Mussiano;
- B. Henick;
- N. Komolova;
- E. Polonskaya.
Konieczne jest przestrzeganie tej zasady w większości przypadków, ale są wyjątki, gdy są sprzeczne z projektem utworzonej strony lub kontekst wymaga tego.
Lista numerowana
Aby utworzyć listę numerowaną, HTML używa pary znaczników.
- ...
Domyślne wyjście to Cyfry arabskie ale używając pewnych parametrów tagów
| Wpisz | Parametr i wartość | Co się dzieje |
| Duże litery łacińskie | type = "A" | A B C |
| Wielkie litery łacińskie | type = "a" | a b c |
| Duże cyfry rzymskie | type = "I" | Ja II III |
| Małe liczby rzymskie | type = "i" | i ii iii |
Sposób tworzenia listy numerowanej w HTML (w tym liczb z nawiasami) jest uwzględniany w procesie uczenia się CSS.
Otagowane listy
Oznaczanie tego rodzaju list odbywa się za pomocą tagu.
- i ma następującą składnię:
- ...
- ...
Jeśli weźmiesz poprzedni przykład i zmienisz tag
- na
- jabłka;
- pomarańcze;
- banany;
- ogórki;
- ziemniaki;
- marchewka.
- Owoce
- jabłka;
- pomarańcze;
- banany.
- Warzywa
- ogórki;
- ziemniaki;
- marchewka.
- Owoce
- 1,1 jabłka:
- Antonovka
- Białe wypełnienie
- 1,2 pomarańczy;
- 1.3 banany.
- 1,1 jabłka:
- , okazuje się, że:
Oznaczenie czarnego koła jest domyślne. Ponadto istnieją jeszcze dwa typy:
| Wpisz | Parametr i wartość | Co się dzieje |
| pierścień | type = "circle" | ° javascript |
| kwadratowy | type = "square" | ¤ PHP |
Lista zagnieżdżona
Czasami konieczne staje się użycie numerowanej listy HTML z podelementami na stronie witryny, która wygląda następująco:
1. Owoce:
2. Warzywa:
Aby to zrobić, najpierw musisz zdecydować, która lista będzie główna, a w znaczniku powinieneś dołączyć inną w odpowiednim miejscu, ściśle przestrzegając zasad tagowania. Jeśli weźmiemy rozważany przykład, znacznik będzie wyglądał tak:
W rezultacie przeglądarka wyświetli:
Możesz utworzyć wielopoziomową listę numerowaną. HTML nie ogranicza projektantów stron internetowych w liczbie załączników:
Kod znaczników dla tego przykładu wygląda następująco:
- 1,1 ogórki;
- 1,2 ziemniaka;
- 1.3 marchewki.
Należy zauważyć, że znaczniki są używane w załącznikach.
- a akapity (1.1, 1.2 ...) są napisane ręcznie. Znaczniki są wyświetlane przez przeglądarkę, a przy każdym nowym załączniku pojawia się inny typ. Nie wygląda to bardzo ładnie, ale jak się ich pozbyć, można się uczyć w procesie uczenia się CSS. Nie można usunąć znaczników za pomocą czystego HTML.
Najważniejsze tutaj - dokładnie obserwuj zagnieżdżanie tagów. Błędy, literówki będą prowadzić do zniekształconego wyniku!
Własne znaczniki
Funkcje HTML według typu znacznika są bardzo ograniczone. Istnieje sposób obejścia tej przeszkody. Aby to zrobić zamiast tagów
- i
- wstaw obrazki z ich adresem i znacznikiem podziału wiersza
na końcu.
Proponowana metoda wygląda tylko na stronie internetowej jako lista, w rzeczywistości jest jej imitacją i alternatywą dla nudnego standardowego zestawu HTML. Ta sztuczka nie jest uważana za "zły" kod i pomyślnie przechodzi walidację.
Jest odpowiedni dla tych, którzy, przynajmniej na poziomie początkowym, posiadają dowolny edytor graficzny (GIMP, Photoshop). Jest to konieczne do rysowania obiektów graficznych do wykorzystania jako znaczniki. Przy pomocy edytorów musisz również dopasować rozmiar zdjęć do tekstu.
W celach szkoleniowych możesz używać ikon innych osób na swoich stronach testowych, ale nie możesz ich używać na stronach dostępnych publicznie, mając na uwadze prawo autorskie. Istnieje wystarczająco dużo źródeł, w których wykorzystanie grafiki do własnych celów nie jest ograniczone. Pożyczanie cudzego materiału jest jednak uważane za zły smak i nie jest zalecane do tworzenia bardziej lub mniej profesjonalnej strony internetowej.