HTML. Картинки, ссылки, списки. | Урок 2. Верстка сайтов

preview_player
Показать описание
Все уроки по верстке одном плейлисте:

В этом ролике я тебе расскажу:
- Как работать с фото в HTML
- Как размечать списки ul, ol.
- Как работает ссылка a
- В чем разница между strong и b, em и i
- За что отвечают теги u, mark, del, inc

Таймкоды:
00:00 Интро
00:48 Подготовка рабочего пространства
01:32 Верстка картинки, img
04:29 Списки ul и ol
05:42 Ссылка a
06:45 Почему верстка отличается от макета
07:55 Жирное начертание, strong и b
10:20 Выделение цветом, mark
11:15 Зачеркнутый текст, del и inc
12:15 Подчеркнутый текст, u
13:10 Пока-пока :)

#web_заметки #версткасайта #htmlcss
  1. Данил Чушко
  2. Как сделать сайт
  3. что такое html
  4. что такое вестка
  5. создание сайтов уроки
  6. web
Рекомендации по теме
HTML. Картинки, ссылки, 0:13:35

HTML. Картинки, ссылки, списки. | Урок 2. Верстка сайтов

HTML списки, ссылки, 0:10:10

HTML списки, ссылки, картинки

2. Самые ВАЖНЫЕ 0:12:45

2. Самые ВАЖНЫЕ HTML-теги для сайта: картинки, видео, аудио, ссылки, списки...

HTML. Урок 9. 0:08:41

HTML. Урок 9. Ссылки и списки

4 # урок 0:09:58

4 # урок по HTML - Знакомимся с тегами картинок, ссылок, списков....

Лекция 1.2 - 1:07:49

Лекция 1.2 - Web - HTML, Основные теги HTML, заголовки, таблицы, абзацы, картинки, ссылки, списки...

Как вставить картинку 0:01:41

Как вставить картинку в html | HTML уроки

HTML и CSS 0:20:00

HTML и CSS с нуля. Урок 3 | Ссылки. Гиперссылки. HTML-списки

Создание сайта. Начало 1:31:16

Создание сайта. Начало работы в Tilda Publishing

Назначение HTML-тегов в 0:23:10

Назначение HTML-тегов в верстке №5. Теги картинок, ссылок, списков и интерактива...

HTML CSS Картинки 1:08:06

HTML CSS Картинки та списки

HTML. Урок-2. Списки(ul, 0:24:56

HTML. Урок-2. Списки(ul, ol, dl), ссылки(а), картинки(img).

Уроки HTML, CSS 0:04:20

Уроки HTML, CSS / Как сделать списки

Изучение HTML №1. 0:38:05

Изучение HTML №1. Ссылка, картинка, текст, список.

[Веб-Разработка] - Изучаем 0:11:18

[Веб-Разработка] - Изучаем HTML - Списки, ссылки, изображения - #3...

Ссылки и изображения 0:20:20

Ссылки и изображения в HTML за 20 минут. Добавляем гиперссылки и кликабельные изображения....

7. HTML изображения 0:08:18

7. HTML изображения — тег img. Относительные и абсолютные пути...

Уроки HTML, CSS 0:09:13

Уроки HTML, CSS Как картинку сделать ссылкой

Основы #html часть 0:00:52

Основы #html часть 2. Теги. Списки, ссылки, картинки. #разработкасайта...

Изображения для маркеров 0:13:40

Изображения для маркеров списка HTML & CSS || Image for list bullets using HTML & CSS step b...

Обучение HTML. Часть 0:08:41

Обучение HTML. Часть 9. Ссылки и картинки

Как создавать списки 0:08:38

Как создавать списки и гиперссылки на языке HTML, Урок 5

HTML списки (3 0:10:31

HTML списки (3 вида)

HTML | Списки 0:33:33

HTML | Списки и таблицы | Гиперссылки | Формы

Комментарии
Автор

Спасибо за полезное видео. Начал изучать верстку!

pioneer
Автор

Даня, привет!

Смотрю сейчас ролик на моменте со списками.

Пришла мысль. Думаю, начинающим было бы очень полезно знать (чтобы лучше запомнить тэги и когда их применять), что сами названия тегов ul/ol/li - это по сути аббревиатуры на английском языке. Ребята, кто знает английский, точно смогут в голове зафиксировать, что нумерованный/упорядоченный - это ol, неупорядоченный - ul, элемент списка - li.
И так далее, относительно остальных подобных тегов

Так держать, молодец! Приятная картинка, монтаж, голос и само наполнение курса!

wai_eduardo
Автор

Давай мужичек, верю в тебя, жду следующий ролик!

feropote
Автор

Начинаю смотреть твои уроки с первого! Очень хорошо всё передаёшь! Но в этом уроке в коде ты не написал закрывающий тег <body>. Moжет и потом увидел это. Я хз.

CodeRyzen