background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Скачать "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists"

input logo icon
Теги видео
|

Теги видео

basics
make
beginner
HTML Tutorial for Beginners
XHTML
list
Introduction to HTML
learn
website
to
tags
HTML
how
tutorial
webpage
ordered lists
Субтитры
|

Субтитры

subtitles menu arrow
  • enАнглийский
Скачать
00:00:00
добро пожаловать на ваш третий урок по HTML,
00:00:03
сегодня мы рассмотрим неупорядоченные
00:00:05
и упорядоченные списки. Теперь списки - это почти
00:00:08
повседневная часть жизни, верно,
00:00:09
мы постоянно составляем списки,
00:00:12
вы знаете, что думаете о рецепте, и вам
00:00:14
нужно иметь список ингредиентов, если
00:00:16
вы идете в продуктовый магазин, у вас должен
00:00:18
быть список продуктов, которые вам нужно купить, и
00:00:20
если вы просматриваете практически каждую веб-страницу,
00:00:22
там всегда будет какой-то список,
00:00:24
и будь то меню или просто
00:00:27
маркированный список, мы'
00:00:29
Теперь вы всегда составляете списки. HTML предоставляет два
00:00:32
основных способа создания списков: неупорядоченные и
00:00:34
упорядоченные списки. Как мы рассмотрели в
00:00:37
предыдущих уроках, нам нужно создать всего лишь простой тег,
00:00:40
поэтому
00:00:42
неупорядоченный список создается с помощью
00:00:45
тега UL и тега UL. упорядоченный список создается с помощью
00:00:48
тега Oh L. Сразу скажу,
00:00:51
что неупорядоченные списки — это своего рода
00:00:54
стандартная вещь, которую люди используют при
00:00:55
разработке веб-сайтов. Я бы сказал, что
00:00:57
упорядоченные списки используются в меньшей
00:00:59
степени, но мы посмотрим в обоих случаях
00:01:00
сегодня это общее и для неупорядоченных,
00:01:03
и для упорядоченных списков - это тег элемента li,
00:01:06
теперь элемент L на самом деле является
00:01:10
элементом списка, и я покажу вам это здесь через
00:01:12
несколько минут, так что снова неупорядоченные списки и упорядоченные
00:01:15
списки, и снова оба будут используйте
00:01:18
тег элемента Li, который встроен
00:01:21
либо в элемент O L, либо в элемент UL, поэтому
00:01:25
давайте сначала посмотрим на неупорядоченный
00:01:27
список, хорошо, внутри нашего тега body и
00:01:30
помните, что все происходит внутри
00:01:32
элемента body, поэтому давайте продолжим и создадим наш
00:01:34
тег UL а затем давайте продолжим и закроем
00:01:37
его, и теперь у нас есть элемент неупорядоченного списка,
00:01:39
теперь давайте нажмем кнопку табуляции,
00:01:42
чтобы нам было легче читать, а затем
00:01:44
создадим пару пробелов, а затем мы
00:01:46
создадим наш первый тег Li и запомним
00:01:49
это здесь находится наш фактический элемент списка,
00:01:51
поэтому давайте представим, что мы создаем
00:01:53
меню для нашего веб-сайта и хотим продавать
00:01:56
компакт-диски, DVD и Blu-ray, поэтому первым
00:02:00
элементом списка, который будет добавлен, будет компакт-диск, поэтому
00:02:02
мы снова просто закроем его и мы можем пойти
00:02:05
дальше и просто скопировать и
00:02:06
вставить это, и нам нужно создать еще один
00:02:09
элемент списка для нашего DVD,
00:02:13
и давайте продолжим и создадим
00:02:17
элемент списка для Blu-Ray, хорошо, отлично, и
00:02:21
на самом деле давайте создадим там место, и
00:02:23
теперь это красиво и аккуратно, и теперь у нас
00:02:25
есть красивый список, который мы хотим
00:02:27
отобразить на нашей веб-странице, и, конечно же, для этого мы
00:02:29
используем тег списка, поэтому
00:02:32
давайте продолжим и отрисуем эту
00:02:33
веб-страницу и сохраним ее как
00:02:37
документ HTML и вот вы видите, что у нас здесь есть наш
00:02:42
красивый список, который теперь отображается позже,
00:02:45
когда мы перейдем к урокам по CSS, мы на
00:02:47
самом деле будем использовать этот упорядоченный список HTML и
00:02:50
создадим очень необычное меню, мы будем использовать CSS
00:02:54
для стилизации каждого из тегов элементов этих списков.
00:02:56
и создавать красивые всплывающие меню, добавлять
00:02:59
цвета и все такое, но
00:03:01
сейчас вам нужно понять, как HTML
00:03:04
работает на базовом уровне, прежде чем мы перейдем к
00:03:06
CSS, поэтому давайте продолжим и вернемся к
00:03:09
коду и посмотрим на
00:03:11
теперь упорядоченный список, и он очень похож на самом деле,
00:03:14
нам просто нужно
00:03:16
немного скопировать и вставить здесь, поэтому
00:03:18
мы просто возьмем это и просто
00:03:22
создадим здесь наши теги Oh L, и давайте
00:03:27
продолжим и сохраним это как снова HTML-файл,
00:03:29
и вы видите разницу, поэтому
00:03:34
это называется упорядоченным
00:03:36
списком, потому что здесь у нас есть числа, это
00:03:38
действительно единственная разница: этот
00:03:40
создает маркеры, а этот создает
00:03:42
номера, так что это действительно то, что вы предпочитаете
00:03:44
использовать сейчас, позже, когда мы переходим к CSS,
00:03:47
как я уже сказал, мы будем стилизовать каждый из
00:03:49
этих тегов и создавать множество различных
00:03:51
эффектов, и одна из вещей, которую вы можете сделать, - это
00:03:53
удалить эти
00:03:55
пункты и цифры с помощью CSS, но опять же,
00:03:58
мы доберемся до этого. когда мы доберемся до CSS, ок,
00:04:00
этого хватит для этого HTML-
00:04:02
видео, увидимся в следующем
00:04:03
видео

Описание:

In this video we go over Ordered and Unordered lists in HTML. HTML Source: https://pastebin.com/1CR11ehM

Готовим варианты загрузки

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

mobile menu iconКак можно скачать видео "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists"?mobile menu icon

  • Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.

  • Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.

  • UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

mobile menu iconКакой формат видео "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists" выбрать?mobile menu icon

  • Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

mobile menu iconПочему компьютер зависает при загрузке видео "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists"?mobile menu icon

  • Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

mobile menu iconКак скачать видео "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists" на телефон?mobile menu icon

  • Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists"?mobile menu icon

  • Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

mobile menu iconКак сохранить кадр из видео "HTML Tutorial for Beginners - 03 - Ordered and Unordered lists"?mobile menu icon

  • Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

mobile menu iconСколько это всё стоит?mobile menu icon

  • Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.