HTML: Обучающие материалы с видео и картинками для новичков
HTML (HyperText Markup Language) — «Язык гипертекстовой разметки»)
HTML — это стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
HTML (Hypertext Markup Language) — это код, который используется для структурирования и отображения веб-страницы и её контента. Например, контент может быть структурирован внутри множества параграфов, маркированных списков или с использованием изображений и таблиц данных. Публикации по ссылкам ниже дадут вам базовое понимание HTML и его функций.
HTML не является языком программирования; это язык разметки, и используется, чтобы сообщать браузеру, как отображать веб-страницы. Он может быть сложным или простым, в зависимости от того, как хочет веб-дизайнер. HTML состоит из ряда элементов, которые вы используете, чтобы вкладывать или оборачивать различные части контента, чтобы заставить контент отображаться или действовать определённым образом. Специальные теги могут сделать слово или изображение ссылкой на что-то ещё, могут сделать слова курсивом, сделать шрифт больше или меньше и так далее.
Видео-уроки HTML
- Видео-уроки HTML. Часть 1. «Инструментарий»
- Видео-уроки HTML. Часть 2. «Структура HTML-документа»
- Видео-уроки HTML. Часть 3. «Теги p, br, pre, blockquote»
- Видео-уроки HTML. Часть 4. «Метатег title, кратко о Codestyle и где посмотреть чужой код»
- Видео-уроки HTML. Часть 5. «Теги заголовков h1…h6 и горизонтальной черты hr»
- Видео-уроки HTML. Часть 6. «Три вида списков HTML»
- Видео-уроки HTML. Часть 7. «Абсолютный и относительный путь к файлу»
- Видео-уроки HTML. Часть 8. «Таблицы»
- Видео-уроки HTML. Часть 9. «Ссылки и картинки»
- Видео-уроки HTML. Часть 10. «Разметка начертания текста, спецсимволы HTML»
Материалы по работе с HTML
- «Адаптивная вёрстка HTML+CSS двух столбцов в шаблоне Protostar Joomla 3»
- «Атрибут
altтегаimageв HTML» - «Метатег
Canonicalв HTML» - «Метатег
Descriptionв HTML» - «Метатег
Noarchiveв HTML» - «Метатег
Titleв HTML» - «HTML / CSS "фреймворки" — памятники невежеству, некомпетентности и неумелости.»
- «HTML семантика. Что это такое правильный HTML?»
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
В этом видео кратко рассказывается об абсолютном и относительном пути к файлу в файловой системе ОС Windows и Unix. Эти сведения необходимы для изучения HTML.
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
В этом видео мы рассмотрим, как верстать в HTML списки. TML настолько гибок, что позволяет делать списки трёх видов. Маркированные списки. Нумерованные списки.
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
Это пятое видео, в котором мы повторим то, что уже узнали из предыдущих видео. Материал по заголовкам (теги h1..h6), которые можно присваивать в HTML и про тег
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
Обучающее видео, в котором рассказывается о мета-теге title, а также о том, что такое Codestyle и о том, как посмотреть HTML-код страницы в браузере
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
Это третье видео, в котором мы уже научимся создавать простые HTML-документы с размеченным текстом с помощью тегов p, br, pre, blockquote.
- Теги
p,br,pre,blockquoteв HTML документе - Обучающее видео по тегам
p,br,pre,blockquoteв HTML - Для чего и как делать разметку в HTML
- Что происходит с пробелами при отображении HTML в браузере
- Тег
<p> - Тег
<br> - Тег
<pre> - Тег
<blockquote> - Задание по тегам
p,br,pre,blockquoteв HTML документе - Решение задания по тегам
p,br,pre,blockquoteв HTML документе
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
В расположенном ниже видео рассказано, что такое HTML-теги, а также изложена основная структура HTML-документа: из каких основных блоков состоит HTML-документ,
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
В видео рассказано с чего начать изучение HTML. Какие программы нужны для начала работы. Для чего нужны текстовые редакторы и браузер. Как сохранить HTML-докуме
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
- Информация о материале
- Родительская категория: Программирование
- Категория: HTML
В статье подробно описано, как реализовать адаптивную вёрстку HTML+CSS двух столбцов в шаблоне Protostar для Joomla 3.
При публикации статьи с примерами моих работ создания сайтов столкнутся с тем, что рука уже не поднимается верстать в таблицу то, что можно сверстать с помощью div'ов. Однако, почитав статьи и посмотрев примеры, как верстать адаптивную вёрстку так, чтобы на мобильных телефонах блоки вставали один под другой при маленькой ширине экрана, наткнулся на то, что ничего из предлагаемого не работает. А всё, что может быть работает, сложно для публикации статей в Joomla. Однако, меня это не остановило. Вспомнив, что в шаблоне шаблоне Protostar для Joomla 3 такая вёрстка предусмотрена при публикации статей в виде блога, а значит будет работать и в статьях, так как требуемые стили уже подключены! Так и сделал и всё получилось! =)
