HTML — Базовый курс 6


82 просмотра.

Краткое описание видео: .продолжаем изучать html в данном уроке.мы поговорим о списках списке достаточно.часто используются на web-страницах.поэтому знать как они создаются вы.должны и так создатели какой-нибудь.список элементов который мы сейчас будем.преобразовывать.я взял два списка то есть вот идет как.бы предложение : да и потом перечисление.каких-то пунктов то же самое здесь.предложение да это 4 числе нее пункта.если мы сейчас вот допустим сохраним.данную страницу да и посмотрим что у нас.получилось мы увидим что браузер просто.все в одну кучу складывать потому что он.не воспринимает как бы то что мы у нас.здесь есть перенос и какие то ему это.все равно если тегов нет он просто все.складывает весь текст в одну кучу вот.теперь нам нужно попробовать как это.организовать и создать нормальный список.во первых вот эти сами предложения перед.списком да мы можем взять в абзаце.таким образом то что у нас идет.перечисление мы сейчас будем создавать.список в принципе можно было список.сделать очень просто таким образом мы.пишем допустим первое пробел и в конце.ставим после вот этого предложения на.логически тбр таким образом это означает.как бы сокращение от английского слова.break конец строки и переход на.следующую.сейчас мы посмотрим что это дает здесь.ставим двойку и в конец опять таки так.переноса доставим тройку.не сюда ставим четверку.так сохраняем данную страницу и смотрим.есть мы видим что у нас появился такое.молли менее упорядоченный список на.ворон из четырех пунктов но это как бы.не правильный способ создания списков.это просто я сделал обычные переносы.строк на самом деле список создается.немного по-другому мы сейчас посмотрим.как это делать удаляем вот эти вещи но.чтобы вы знали вот этот тоже нужно было.проделать.вы понимали насколько удобнее.пользоваться правильным создание списка.вы сейчас увидите так если нам нужен.нумерованный список до который.отсортирован по номерам.мы открываем его вот таким тегом цель.там где нам нужно список закрыть мы.закрываем этот такой.а каждый элемент списка мы ограничиваем.тегам или вот таким образом то есть.напротив каждого пункта мы ставили в.конце так мы закрываем открываем и для.каждого пункта то же самое вот так.правильно создаются списке то есть если.мы хотим сделать нумерованный список то.есть 1 2 3 4 дабы мы ставим цель в конце.это туалет закрываем ли ограничивает как.бы каждый элемент списка сохраняем.данную страницу проверяем браузере вот.теперь у нас список как бы такой какой.он и должен быть с отступами и очень так.аккуратно выглядит идем дальше у нас.есть еще один список здесь вот нам и на.его примере мы посмотрим как создаются.не нумерованные списки они нумерованные.списки задаются с помощью tenga que el.достаточно похожи на тот вариант вот.таким же образом открыли закрыли и.каждый элемент данного списка мы должны.выделить.шли не в конце также должны закрыть так.кстати.имущественные авторские права мы можем.здесь как абзац также вынести в общем.вынесем а это у нас будет как абзац так.и здесь мы соответственно закрываем ты.беги и сохраняем данную страницу.проверяем браузере и видим что у нас.появился еще один список.только здесь он уже не нами ровный а.через такие пункты сделал на через точки.вот таким образом создается нумерованный.список и ненумерованный сейчас давайте.еще поговорим о некоторых атрибутов.которые есть у списков и которые вы тоже.можете использовать.стал поговорим об атрибутах списка цель.то есть как мы видим у нас нумерация.идет арабскими цифрами.если мы хотим чтобы он умер оценила.римскими мы можем указать тип нумерации.делается это таким образом пишем атрибут.тип и указываем ему большую букву и.английскую сохраняем проверяем и видим.что у нас нумерация пошла римскими.цифрами если мы хотим чтобы маленькими.римскими оставим здесь маленькую или что.у нас нумерация маленькими римскими.пошла да если мы хотим чтобы нумерация.было буквами abcd да просто им большую.букву а английскую.обновляем видим что у нас нумерация.пошла буквами да то же самое маленькую а.можно поставить.следующий момент да давайте оставим.допустимо римские цифры.если мы хотим чтобы у нас нумерация.начиналась не с первого пункта плоти нас.идет с первого допустим нас возникла.ситуация что нам нужно начать нумерацию.с третьего пункта поэтому мы можем здесь.указать еще один атрибут.атрибут называется старт то есть какой.стартовый номер должен быть не допустим.укажем тройку даст 3 номера нам нужно.начинать обновляем страницу и видим что.у нас список начинается с 3 номер а вот.что касалось атрибутов нумерованного.списка да если мы берем ненумерованный.список у него также есть атрибут type и.атрибут мы можем указать допустим.квадраты да потому что в данном случае.нас кружки отвечает за каждый элемент.списка.если мы хотим чтобы квадраты были можем.написать слово вскоре.и у нас за место кружков будут квадраты.видно да если мы хотим допустим чтобы у.нас был пустой кружок им потому что до.этого у нас был как бы наполненный до.черный кружок если мы хотим чтобы был.пустой кружок.то мы должны написать слово сайкл таким.образом пишется.сохраняем обновляем и видим что у нас.пошел пустой кружок.вот такие атрибуты из основных есть о.списков поэтому запоминайте и.используйте и последний момент когда я.вам здесь хотел показать списке можно.делать вложенными как это делать.допустим мы хотим сделать так чтобы в.пятом пункте мудрить да у нас было еще.допустим вот этот список полностью но.перенесем как это сделать очень просто.находим этот пятый пункт вот он до и.после него после закрывающимися . by.вставляем просто еще один список начиная.прям с того увели.оттянув заберем и ставим.да сохраняем и проверяем вот у нас.вложенный список и надо то есть также у.этого вложенного списка мы можем.заменять.атрибута рэп кстати лучше даже немножко.его тонзиллит чтобы он был увиденным.также атрибутов можно у него менять.сохраняем и смотрим у нас все работает.вот что касалось списков в hdmi.имейте их виду не использовать мы их на.практике будем поэтому здесь обязательно.потренируетесь

HTML — Базовый курс 6

Как? Вы еще не смотрели? Ну это зря...