Маркирани и номерирани списъци в HTML: теоретични основи - Технологични новини и високи технологии flipperworld.org

Тази инструкция съдържа правила и методи за използване на етикетирани и номерирани списъци в достъпна форма за начинаещи. HTML е езика за маркиране, от който започва уеб базираното обучение. Както всяка отправна точка, той няма достатъчно пари, за да реализира идеите си на уеб страницата. Но тези граници, които се въплъщават в творческата природа, могат да бъдат разделени, прибягвайки до някои трикове.

Приложение

Не е възможно в съвременния интернет, щедрото интерактивно съдържание да има сайт без текст. Дори на така наречения фотосток (уеб ресурс за съхраняване на изображения), всяка снимка има подпис. Текстът е основната информация, която потребителят получава, за която той отива от една страница на друга. Вниманието му ще привлече и спре точно това, което се прави професионално. Съществуват закони и правила за структуриране на статии в полиграфията и оформлението на уеб страниците. Те са предназначени за по-добро възприемане на информацията, за красотата на външния вид и за спестяване на време посетител. И също така допринасят за по-голямото посещаемост на сайта.

Успешното приемане е комбинация от дълги прехвърляния към списъците. А при разкриването на трудно разбираема тема често се налага да се използват вложени списъци. С приемането на решението си бъдещите уеб разработчици ще трябва да се подчиняват на волята на клиента и ще трябва да направят страница за предоставеното оформление. Трикове за представяне на текстова информация са лесни за изучаване и се препоръчват за употреба.

Видове

Текстът използва два вида списъци: номерирани и маркирани. И двата вида се използват активно. Въпреки че те могат да се различават визуално, но те носят различно семантично натоварване. Цифровият списък в HTML се използва при прехвърляне на предварително известен брой елементи и те са разделени от числа. Често техният брой е даден в предходния списък. Пример: "Над професионалния сайт има три вида специалисти:

Уеб дизайнер.

Специалист по съдържанието.

Уеб програмист. ”

Маркираният списък разделя елементите от другите маркери - малки графични елементи (точки, отметки). Използва се в случаите, когато броят на трансферите не е определен, което означава съществуването на други: „Най-достъпни за начинаещи, които изучават HTML, в своите книги материалът е представен от следните автори:

C. Musiano;

Б. Хеник;

Н. Комолова;

Е. Полонская. "

Необходимо е да се спазва това правило в повечето случаи, но има изключение, когато то противоречи на дизайна на сайта, който се създава или контекстът изисква.

Списък с цифри

За да създадете номериран списък, парният маркер се използва в HTML. Между тях (вместо три точки) са изброени елементите, които се съдържат в таговете

- също са свързани. Пример:

Арабските цифри се извеждат по подразбиране, но с помощта на определени параметри на тагове

можете да промените стила на номерирания HTML списък. Синтаксис за маркиране -

. Има четири вида HTML обяви.което е по-ясно представено под формата на таблица:

Тип

Стойност на параметъра

Какво ще

)
Латински букви

type = "A"

ABC

Латински букви

тип = "а"

abc

type = "I"

I II III

type = "i"

i ii iii

Как се прави номериран списък в HTML (включително числа с кръгли скоби) се разглежда в процеса на изучаване на CSS.

Маркирани списъци

Маркировката на този тип списък се извършва с маркер и има следния синтаксис:

Ако вземете предишния пример и промените етикета

до

По подразбиране е маркирането под формата на черен кръг. Освен това съществуват още два вида:

Тип	Стойност на параметъра	Какво се оказва
пръстен	type = "кръг"	° javascript
квадрат	type = "square"	[PHP

Списък

Понякога е необходимо на страницата да се използва номериран списък на HTML с подпозиции, който е във вид:

1. Плодове:

ябълки;
Портокали;
банани;

2. Зеленчуци:

краставици;
картофи;
моркови.

За да направите това, първо трябва да решите кой списък ще бъде основен и в маркирането да поставите друг на правилното място,стриктно спазване на правилата на вложени тагове. Ако вземем разглеждания пример, маркирането ще приеме формата:


 
Плодове

 
ябълки;

Портокали;

банани.


 
 

 


Зеленчуци

 
краставици; 
картофи; 
моркови.

В резултат на това браузърът ще издаде:

& lt; script type = "text /javascript" & gt;
може да blockSettings12 = {blockId: "R-A-116722-12", renderTo: "yandex_rtb_R-A-116722-12", horizontalAlign :!
blockSettings12 = {blockId: "RA-116722-12", renderTo: "yandex_rtb_R-A-116722- 12 ", horizontalAlign :! 1statId: 7async:! 0};
}

Функция (a, b, c, d, e) {a [c] = a [c] || [], a [c] .push (функция () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("скрипт") , d = b.createElement ("script"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js", d.async =! 0e.parentNode.insertBefore (d, e)} (това, този.документ, "yandexContextAsyncCallbacks");

Можете да създадете многостепенен номериран списък. HTML не ограничава роботите до броя на прикачените файлове:

Кодът за маркиране за този пример е следният:



Плодове


1.1 ябълки: 

Антоновка

Бял цъфтеж







1.2 портокали;

1.3 банани.

Зеленчуци

1.1 краставици;
1.2 картофи;
1.3 моркови.

Трябва да се отбележи, че прикачените файлове използват етикети и подпозиции (111.2), написани ръчно. В същото време маркерите се показват от браузъра и се появява друг тип с всеки нов прикачен файл. Това е всичкоизглежда не е много хубаво, но как да се отървете от тях, можете да научите в процеса на обучение на CSS. Средствата за изчистване на маркерите за HTML не са възможни.

Най-важното тук е безупречно да се придържаме към прикачения етикет. Грешките ще доведат до изкривен резултат!

Собствени маркери

Характеристиките на HTML са много ограничени от типовете маркери. Има начин да се преодолее това препятствие. За тази цел вместо етикети се използва вмъкване на картини с посочване на адреса и етикетът на разделителната линия
в края.

Предложеният метод разглежда само външната страна на уеб страницата като списък и всъщност е симулация и алтернатива на скучния стандартен набор от HTML. Този трик не се счита за "лош" код и безпрепятствено валидиране. Той е подходящ за тези, които поне на първоначално ниво притежават графичен редактор (GIMP, Photoshop). Необходимо е да се изготвят графични обекти независимо за използване като маркери. Редакторите също ще трябва да коригират размера на изображенията в текста. За целите на обучението, можете да използвате чужди икони на тестовите им страници, но не се отнася за обществено достъпни сайтове, като помните закона за авторското право. Съществува достатъчен брой източници, при които използването на графики за техните цели не е ограничено. Въпреки това, заемането на чужд материал се счита за лош вкус и не се препоръчва да се създаде повече или по-малко професионален сайт.