Oznaczone i ponumerowane listy w HTML: podstawy teoretyczne - Wiadomości technologiczne i zaawansowane technologie flipperworld.org

Ten pouczający artykuł opisuje zasady i metody używania list oznaczonych i numerowanych w przystępnej formie dla początkujących. HTML to język znaczników, od którego rozpoczyna się uczenie się przez Internet. Jak każdy punkt wyjścia, nie ma dość pieniędzy, aby zrealizować swoje pomysły na stronie internetowej. Ale te ograniczenia, które są ucieleśnione w twórczej naturze, można podzielić, uciekając się do kilku sztuczek.

Zastosowanie

Nie można sobie wyobrazić, że we współczesnym Internecie, hojnej treści interaktywnej, jest strona bez tekstu. Nawet na tak zwanym photostock (zasoby internetowe do przechowywania obrazów) każde zdjęcie ma podpis. Tekst to podstawowa informacja, którą otrzymuje użytkownik, dla której przechodzi z jednej strony na drugą. Jego uwaga przyciągnie i powstrzyma dokładnie to, co robi się profesjonalnie. Istnieją prawa i reguły dotyczące strukturyzacji artykułów zarówno w poligrafii, jak i układzie strony internetowej. Zostały zaprojektowane z myślą o lepszym postrzeganiu informacji, o urodzie wyglądu i oszczędzaniu czasu. A także przyczynić się do większej frekwencji na stronie.

Pomyślne przyjęcie jest kombinacją długich transferów do list. A kiedy ujawnienie trudnego do zrozumienia tematu często wymaga użycia list zagnieżdżonych. Przyjmując decyzję, przyszli twórcy stron internetowych będą musieli przestrzegać woli klienta i będą musieli stworzyć stronę dla dostarczonego układu. Sztuczki do prezentacji informacji tekstowych są łatwe do nauczenia i zalecane do użycia.

Gatunek

W tekście wykorzystano dwa rodzaje list: ponumerowane i oznaczone. Oba gatunki są aktywnie wykorzystywane. Chociaż można je odróżnić wizualnie, ale niosą one inny ładunek semantyczny. Lista numeryczna w HTML jest używana podczas przesyłania znanej liczby pozycji i są one oddzielone liczbami. Często ich liczba jest podana na liście poprzedniego zdania. Przykład: "Nad profesjonalną stroną znajdują się trzy typy specjalistów:

Projektant stron internetowych.

Specjalista ds. Treści.

Web Programmer. "

Zaznaczona lista oddziela elementy od siebie znaczników - małe elementy graficzne (kropki, znaczniki wyboru). Jest stosowany w przypadkach, gdy liczba transferów nie jest zdefiniowana, co oznacza istnienie innych: "Najbardziej dostępne dla początkujących, którzy studiują HTML, w swoich książkach, materiał jest prezentowany przez następujących autorów:

C. Musiano;

B. Henik;

N. Komolova;

E. Polonskaya. "

W większości przypadków konieczne jest przestrzeganie tej zasady, ale istnieje wyjątek, gdy jest on sprzeczny z projektem tworzonej strony lub wymaga kontekstu.

Lista numeryczna

Aby utworzyć listę numerowaną, sparowany tag jest używany w HTML. Pomiędzy nimi (zamiast trzech punktów) znajdują się pozycje zawarte w tagach

- są również sparowane. Przykład:

Cyfry arabskie są domyślnie wyprowadzane, ale za pomocą określonych parametrów znaczników

można zmienić styl numerowanej listy HTML. Składnia znaczników -

. Istnieją cztery typy wykazów HTML.który jest lepiej przedstawiony w formie tabeli:

Typ

Wartość parametru

Co będzie

(34 )
Litery łacińskie

typ = "A"

ABC

Litery łacińskie

typ = "a"

abc

typ = "I"

I II III

type = "i"

i ii iii

Jak utworzyć numerowaną listę w HTML (w tym liczby z okrągłym nawiasem) jest rozważany w procesie studiowania CSS.

Listy znaczników

Znaczniki tego typu list są wypełniane znacznikiem i mają następującą składnię:

Jeśli weźmiesz poprzedni przykład i zmienisz tag

Oznaczenie w postaci czarnego kółka jest domyślne. Ponadto istnieją jeszcze dwa inne rodzaje:

Typ	Wartość parametru	Co się okazuje
pierścień	typ = "okrąg"	° javascript
kwadrat	typ = "kwadrat"	¤ PHP

Lista notowana

Czasami konieczne jest użycie na stronie ponumerowanej listy HTML z podpunktami, ma ona postać:

1. Owoce:

jabłka;
Pomarańcze;
banany;

2. Warzywa:

ogórki;
ziemniaki;
marchew.

Aby to zrobić, najpierw musisz zdecydować, która lista będzie główna, a w znaczniku umieścić drugą we właściwym miejscu,ścisłe przestrzeganie reguł zagnieżdżonych tagów. Jeśli wziąć wzięty przykład, znaczniki przyjmą formę:


 
Owoce

 
jabłka;

Pomarańcze;

banany.


 
 

 


Warzywa

 
ogórków;

ziemniaki;

marchew.

W wyniku, przeglądarka otrzymano

Związek pośredni typu skrypt = "text /JavaScript" & gt;
var blockSettings12 = {blockID "R-A-116722-12" renderTo "yandex_rtb_R A-116722-12" horizontalAlign :! 1async :! 0};

, jeżeli (document.cookie.indexOf ("abmatch =") i GT = 0) {
blockSettings12 = {blockID "RA 116722-12" renderTo „yandex_rtb_R A-116722- 12 ", horizontalAlign:! 1statId: 7async:! 0};
}

! Zastosowanie (a, b, c, d, e) {A [c] = a [c] || [] do [C] .Push (funkcja () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("scenariusz")d = b.createElement ("scenariusz") d.type = "text /JavaScript" d.src = "//an.yandex.ru/system/context.js",d.async=!0e.parentNode.insertBefore(d,e)}(this,this.document,"yandexContextAsyncCallbacks");

Można utworzyć listę z wieloma numerami. HTML nie ogranicza liczby robotów do liczby załączników:

Kod znacznika dla tego przykładu wygląda następująco:



Owoce


1,1 jabłka: 

Antonovka

Biały kwiat







1,2 pomarańczy;

1.3 banany.

Warzywa

1,1 ogórki;

1,2 ziemniaków;

1.3 marchew.

Należy zauważyć, że załączniki używają znaczników i podpunktów (111.2) są napisane ręcznie. W tym samym czasie znaczniki są wyświetlane przez przeglądarkę, a inny typ pojawia się przy każdym nowym załączniku. To wszystkowygląda niezbyt ładnie, ale jak się ich pozbyć, można się uczyć w procesie uczenia się CSS. Środki czystego usuwania znaczników HTML nie są możliwe.

Najważniejszą rzeczą jest bezbłędne stosowanie się do przywiązania tagów. Błędy będą skutkować zniekształconym wynikiem!

Własne znaczniki

Funkcje HTML są bardzo ograniczone przez typy znaczników. Jest sposób na obejście tej przeszkody. W tym celu zamiast znaczników używane jest wstawianie obrazów ze wskazaniem adresu na nich i znacznika końca wiersza
na końcu.

Proponowana metoda wygląda tylko na zewnątrz strony internetowej jako lista, w rzeczywistości jest to symulacja i alternatywa dla nudnego standardowego zestawu HTML. Ta sztuczka nie jest uważana za "zły" kod i niezakłócona walidacja. Jest odpowiedni dla osób, które przynajmniej na poziomie początkowym posiadają dowolny edytor graficzny (GIMP, Photoshop). Niezbędne jest rysowanie obiektów graficznych niezależnie do wykorzystania jako znaczniki. Redaktorzy będą również musieli dostosować rozmiar obrazów do tekstu. Do celów edukacyjnych możesz używać ikon innych osób na swoich stronach testowych, ale nie mają zastosowania do witryn publicznie dostępnych, pamiętając o prawie autorskim. Istnieje wystarczająca liczba źródeł, w których wykorzystanie grafiki do ich celów nie jest ograniczone. Jednak wypożyczanie cudzego materiału jest uważane za zły gust i nie zaleca się tworzenia bardziej lub mniej profesjonalnej witryny.