| ||||||||||||
Создание списка в HTMLДля приятного оформления текста на страницах сайта рекомендуется по чаще использовать списки. Многие новички пытаются создавать списки с помощью пробелов, переносов и спецсимволы, при этом, категорически избегая html теги списка. Это грубейшая ошибка, т.к. в некоторых браузерах, а также при изменении разрешения экрана, такие списки будут отображаться несколько иначе. На данном уроке мы научимся создавать списки в html, а также рассмотрим основные html теги списков. Познакомимся с нумерованным списком в html, со списком определений и с маркированным списком в html. Нумерованный список в HTMLВ нумерованным списке каждый перечисляемый пункт помечается арабской или римской цифрой, реже букой латинского алфавита.
Если значение type не задавать, то в качестве нумерации пунктов, по умолчанию будут задействованы обычные цифры (1,2,3).
Освоить создание нумерованного списка в html намного проще будет на примере: Если использовать параметр type со значение А – type="А", то в результате нумерация будет выполнена английскими буквами – A,B,C,D и т.д Маркированный список HTMLВ маркированных списках, каждый отдельный пункт имеет маркер. С помощью CSS можно установить в качестве маркера любое изображение. Если использовать исключительно HTML, то ваши возможности ограничены только тремя видами маркеров.
Частенько возникает нужда создавать списки, которые вложены в другие списки. Для примера сверстаем один из таких маркированных списков html: Список определений HTMLСразу нужно заметить, что списки определений используются довольно редко, но лучше всё же с ними познакомиться. HTML теги списков определений значительно отличаются от вышеперечисленных списков.
Пример списка определений: Вид кода в браузере: В браузере видно, что термин выносятся выше и левее от текста, который его описывает. Теперь вы умеете создавать списки в html, более того, знаете html теги списков. Владеете информацией, как создать маркированный и нумерованный списки html. Дата первой публикации: 02.08.2016
Дата последнего обновления: 02.08.2016
Рекомендовать друзьям:
| ||||||||||||
|