HTML изброени и номерирани списъци: теоретични основи
Този урок в достъпна форма за начинаещи очертава правилата и начините за използване на маркирани и номерирани списъци. HTML е език за маркиране, който започва да учи уеб технологии. Както всяка отправна точка, тя няма достатъчно средства, за да преведе идеите си на уеб страница. Но тези граници, които обхващат творчески характер, могат да бъдат отблъснати, като се прибегне до някои техники.
приложение
Тя не се поддава на въображението, че в съвременния интернет, изпълнен с интерактивно съдържание, има сайт без текст. Дори на така наречените фото запаси (уеб ресурс за съхраняване на изображения), всяка снимка има надпис.
Текстът е основната информация, получена от потребителя, заради която той се премества от една страница на друга. Вниманието му ще привлече и забави точно това, което се прави професионално. Съществуват закони и правила за структуриране на статии както в печатарската индустрия, така и в оформлението на уеб страниците. Те са създадени за по-добро възприемане на информация, за красота на външния вид и за спестяване на времето на посетителя. И също така допринасят за по-голям трафик на сайта.
Успешната техника е обединението на дълги прехвърляния към списъци. И когато разкривате трудно разбираема тема, често трябва да използвате вложени списъци. След като взеха решението си, бъдещите уеб програмисти ще бъдат задължени да се подчиняват на волята на клиента и ще трябва да наложат страница на предоставеното оформление. Техники за представяне на текстова информация са лесни за изучаване и се препоръчват за употреба.
видове
Текстът използва два вида списъци: номерирани и маркирани. И двата вида се използват активно. Въпреки че те могат да се различат визуално, но носят различно значение.
Номериран списък в HTML се използва при изброяване на предварително определен брой точки и те са разделени един от друг по числа. Често техният брой е даден в предходния списък. Пример: „Три вида специалисти работят на професионален уебсайт:
- Уеб дизайнер.
- Специалист по съдържание.
- Уеб програмист. "
Списък с водещи символи отделя елементите един от друг с маркери - малки графични елементи (точки, кърлежи). Той се използва в случаите, когато броят на изброяването не е определен и съществуването на други се подразбира: “Следните автори излагат най-достъпния материал за начинаещи, изучаващи HTML:
- C. Mussiano;
- Б. Хеник;
- Н. Комолова;
- Е. Полонская.
В повечето случаи е необходимо да се спазва това правило, но има изключения, когато противоречи на дизайна на създадения сайт или контекстът го изисква.
Номериран списък
За да създадете номериран списък, HTML използва двойка маркери.
- ...
Изходът по подразбиране е Арабски цифри но с определени параметри на маркерите
| тип | Параметър и стойност | Какво става |
| Големи латински букви | type = "A" | А B C |
| Големи латински букви | type = "a" | а б в |
| Големи римски цифри | type = "I" | аз II III |
| Малки римски числа | type = "i" | аз II III |
Как да се направи номериран списък в HTML (включително числа с скоби) се разглежда в процеса на изучаване на CSS.
Списък с маркирани етикети
Маркирането на този вид списъци се извършва с помощта на тага.
- и има следния синтаксис:
- ...
- ...
Ако вземете предишния пример и промените маркера
- за
- ябълки;
- портокали;
- банани;
- краставици;
- картофи;
- моркови.
- плодове
- ябълки;
- портокали;
- банани.
- зеленчуци
- краставици;
- картофи;
- моркови.
- плодове
- 1.1 ябълки:
- Antonovka
- Бял пълнеж
- 1.2 портокали;
- 1.3 банани.
- 1.1 ябълки:
- Оказва се, че:
Маркировката на черния кръг е по подразбиране. Освен това има още два типа:
| тип | Параметър и стойност | Какво става |
| пръстен | type = "circle" | Javascript |
| квадрат | type = "square" | . PHP |
Вмъкнат списък
Понякога става необходимо да се използва номериран списък с HTML с под-елементи на страница от сайта, която изглежда така:
1. Плодове:
2. Зеленчуци:
За да направите това, първо трябва да решите кой списък ще бъде основен и в маркирането трябва да прикачите друг на правилното място, стриктно спазвайки правилата за маркиране. Ако вземем разглеждания пример, маркирането ще изглежда така:
В резултат на това браузърът ще покаже:
Можете да създадете многостепенен номериран списък. HTML не ограничава уеб дизайнерите в броя на прикачените файлове:
Кодът за маркиране за този пример е както следва:
- 1.1 краставици;
- 1.2 картофи;
- 1,3 моркови.
Трябва да се отбележи, че етикетите се използват в прикачените файлове.
- и алинеи (1.1, 1.2 ...) са написани ръчно. Маркерите се показват от браузъра и с всеки нов прикачен файл се появява различен тип. Тя не изглежда много хубаво, но как да се отървете от тях, можете да научите в процеса на изучаване на CSS. Маркерите не могат да се премахват с помощта на чист HTML.
Основното тук - точно да наблюдаваме влагането на етикети. Грешки, грешки ще доведат до изкривен резултат!
Собствени маркери
Характеристиките на HTML по тип маркери са много ограничени. Има начин да се преодолее това препятствие. За да направите това вместо маркери
- и
- вмъкнете изображения с адреса им и маркер за прекъсване на ред
в края.
Предложеният метод само външно на уеб страница изглежда като списък и всъщност е неговата имитация и алтернатива на скучния стандартен набор от HTML. Този трик не се счита за "лош" код и преминава проверка безпрепятствено.
Подходящ е за тези, които поне на първоначално ниво притежават графичен редактор (GIMP, Photoshop). Това е необходимо за начертаване на графични обекти за използване като маркери. С помощта на редактори, вие също трябва да регулирате размера на снимките за текста.
За целите на обучението, можете да използвате иконите на други хора на тестовите си страници, но да не ги използвате на сайтове, достъпни за публично гледане, като се има предвид закона за авторското право. Има достатъчно източници, на които използването на графики за свои цели не е ограничено. Въпреки това, заемането на чужд материал се счита за лош вкус и не се препоръчва за създаване на повече или по-малко професионален уебсайт.