School html: Video Tutorials — W3Schools — Независимое театральное объединение "Зрительские симпатии"

Содержание

HTML & CSS | Result School

Этот модуль подойдет

Ищете себя

Если вы хотите попробовать себя в роли разработчика и понять ваше это или нет. Обучение покажет, что программирование проще, чем кажется.

Определились

Если вы решили стать разработчиком, и вам нужны базовые технологии без лишней информации. Сделаете первый шаг к карьере веб-разработчика.

Первые шаги будущего разработчика

Шаг 1 — 14 дней

Изучить основы HTML&CSS

Узнаете необходимую для разработки сайтов базу и основательно закрепите её

Сделать простой сайт

Шаг 2 — 7 месяцев

Совершенствовать знания

Брать более сложные проекты

Первые шаги будущего разработчика

Шаг 1 — 14 дней

Изучить основы HTML&CSS

Сделать простой сайт

Применив полученные знания, самостоятельно разработаете свой первый сайт

Шаг 2 — 7 месяцев

Совершенствовать знания

Брать более сложные проекты

Первые шаги будущего разработчика

Шаг 1 — 14 дней

Изучить основы HTML&CSS

Сделать простой сайт

Шаг 2 — 7 месяцев

Совершенствовать знания

Узнаете на курсе «Профессия Джуниор Frontend-разработчик»Подробнее

Брать более сложные проекты

Сейчас у вас возникают вот такие вопросы:

У меня получится?

Что такое Frontend? В чем отличия от Backend?

Разработчики общаются на непонятном языке. Я их не понимаю

В интернете много сложного материала. КАК все это изучить?

Как трудоустроиться в этой сфере?

Сколько времени нужно, чтобы усвоить весь материал?

Мне интересно, но я не могу понять, моё ли это?

Я смогу остаться прежним человеком?

Сколько нужно времени, чтобы стать Junior-разработчиком?

Dark mode

Начинать нужно с основ!

Чтобы научиться писать слова, нужно выучить букварь. А для начала карьеры Frontend-разработчика нужно изучить HTML&CSS.

Без этих инструментов дорога в разработку, связанную с интернетом, закрыта.

HtmlCSS

<!DOCTYPE HTML>
<html>
<head>
  <title>My first styled page</title>
</head>
<body>
  <ul>
    <li><a href="index.html">Home page</a></li>
    <li><a href="about.html">About me</a></li>
    <li><a href="projects. html">Projects</a></li>
    <li><a href="links.html">Links</a></li>
  </ul>
  <h2>Hello there!</h2>
  <p>My name is Dmitriy and it’s my first portfolio site</p>
</body>
</html>

body{
  background: #c0c0c0; /* Меняется фон экрана, выбирается здесь */
}
#wrapper{ /* Оболочка страницы сайта */
  width: 900px; /* Меняется ширина страницы */
  margin: 0 auto;
  background: #f2e8c9; /* Меняется задний фон страницы */
}
/* Шапка сайта */
#header{
  position: relative;
  height: 250px;
  background-color: #ffffff;
  margin-bottom: 5px;...

HTMLОписывает то, как располагается контент на странице сайта

CSSГоворит, как будет выглядеть элемент внешне.

Что включено в модуль HTML&CSS

32 урока в HD
Уроки записаны в хорошем качестве видео и звука.
от 3 до 15 минут
Структура обучения разработана, чтобы давать самую необходимую информацию поэтапно
10 тестовых задач
Изученный материал сразу закрепите на практике и проверите усвоенные из уроков знания
Чат с куратором
Где получите ответ на вопросы по обучению
Служба заботы
Всегда будет рядом при возникновении организацонных вопросов.
Онлайн-доступ
Получаете онлайн-доступ к материалу на 2 недели. Это сделано, чтобы вы не откладывали учебу в долгий ящик.

Программа обучения

Теория важна, но все навыки появляются только на практике

20%

Теория

80%

Практика

20% теории и 80% практики — вы получаете материал, построенный по принципу коротких видео, что позволяет его тут же применить на практике.

В процессе курса вы разрабатываете свой готовый сайт и на выходе получаете не просто набор знаний, а личный первый опыт.

Начните обучение сейчас

Автор обучения

Более 8 лет опыта
Тимлид для команд разработки более 10 человек
Более 6 лет обучает JavaScript
Опыт коммерческой разработки более 8 лет
24 000 студентов онлайн
Автор YouTube канала более чем с 275 000 подписчиками

Почему мы этим занимаемся

Доказываем, что попасть в IT — реально и доступно

Обучаем на практике, по самой новой информации и «без воды»

Даем реальные задачи, над которыми работают в IT-компаниях прямо сейчас

Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке

Учебник HTML

HTML расшифровывается как Hyper Text Markup Language, т.е. язык гипертекстовой разметки — основной строительный блок веб-страниц, используется для создания и визуального представления веб-станиц.

Язык HTML добавляет разметку в обычный текст. Гипертекст содержит различные ссылки благодаря которым веб-страницы связываются между собой. С помощью HTML каждый может создавать как статические так и динимические сайты. HTML является языком, описывающим структуру и семантику содержимого веб-документа. Содержимое веб-страницы размечается с помощью тегов, представляющих HTML-элементы. Примерами таких элементов являются <html>, <img>, <div> и так далее. Эти элементы формируют строительные блоки для любого веб-сайта.

HTML был изобретён в 1991 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и изначально предназначался для обмена документами между учёными различных университетов. Своим изобретением Тим Бёрнс-Ли заложил основы современной сети Internet.

Существует несколько версий HTML. Стандарт языка непрерывно обновляется и дополняется, следствие этого — почти каждый год выходит новая версия HTML. Версия «HTML 2.0» была первым стандартом HTML спецификации, которая была опубликована в 1995 году. HTML 4.01 является основной версией HTML, которая была опубликована в конце 1999 года, и широко используется в настоящее время. Сегодня наиболее популярной становится версия HTML-5, которая является расширением HTML 4.01, и опубликована в 2012 году.

HTML-документ или веб-страница — это простой текстовый документ, содержащий тэги (которые в свою очередь являются обычным текстом, заключенным в угловые скобки <имя тэга>). Веб-страницу можно набрать как в обычном текстовом редакторе (Блокнот, WordPad, Word и т.д.), так и в специализированном, с подсветкой кода (Notepad++, Sublime Text идр.). Документы HTML хранятся в виде файлов с расширением .htm или .html.

Онлайн-примеры в каждом уроке

В процессе изложения материала в каждом уроке будут приводиться примеры, которые помогут вам детально разобраться в каждом коде и, благодаря практике, наслаждаться обучением. С помощью нашего онлайн-редактора HTML, вы можете отредактировать HTML-документ, а затем нажмите в редакторе оранжевую кнопку «Выполнить», которая расположена над левым окном редактора, чтобы увидеть результат. Если вы пользуетесь специализированным HTML-редактором, то, вы можете скопировать пример и посмотреть результаты своего труда в браузере, установленном на вашем компьютере.

Пример HTML:

Попробуй сам

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Заголовок страницы</title>
</head>
  <body>
    <h2>Это заголовок</h2>
    <p>Это параграф.</p>
  </body>
</html>

	Кликни по кнопке «Попробуй сам» и посмотри как это работает.

Онлайн-примеры HTML

В учебнике HTML для вас подготовлено более 100 онлайн-примеров, благодаря которым вы легко освоите язык разметки. Лучше один раз увидеть, чем сто раз услышать! Теория плюс практика — залог вашего успеха в освоении HTML.

С помощью онлайн-редактора вы сможете редактировать и анализировать каждый пример в учебнике HTML.

Перейти к онлайн- примерам HTML

Справочник HTML

В справочнике вы найдете полную информацию по любым тегам, атрибутам, событиям, ссылкам, кодам цветов, изображениям и много чего еще.

Перейти к справочнику HTML

Введение в HTML

❮ Предыдущий Далее ❯

HTML — это стандартный язык разметки для создания веб-страниц.

Что такое HTML?

HTML означает язык гипертекстовой разметки
HTML — стандартный язык разметки для создания веб-страниц
HTML описывает структуру веб-страницы
HTML состоит из ряда элементов
Элементы HTML сообщают браузеру, как отображать содержимое
Элементы HTML помечают фрагменты содержимого, такие как «это заголовок», «это это абзац», «это ссылка» и т. д.

Простой HTML-документ

Пример

Название страницы

Мой первый заголовок

Мой первый абзац.

Попробуйте сами »

Объяснение примера

Объявление определяет что этот документ является документом HTML5
Элемент является корневым элементом HTML страница
Элемент содержит метаинформацию о HTML-страница
Элемент </code> указывает заголовок для HTML-страница (которая отображается в строке заголовка браузера или на вкладке страницы)</li><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="7683656859"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </div><li> Элемент <code><body> </code> определяет тело документа и является контейнером для всего видимого содержимого, такого как заголовки, абзацы, изображения, гиперссылки, таблицы, списки и т.<img loading="lazy" src="/800/600/https/fs.znanio.ru/d5af0e/64/2a/40557ae799d976af3698c6ec3b511fa957.jpg"><noscript><img loading='lazy' src='/800/600/https/fs.znanio.ru/d5af0e/64/2a/40557ae799d976af3698c6ec3b511fa957.jpg' /></noscript> д.</li><li> Элемент <code><h2></h2> </code> определяет большой заголовок</li><li> Элемент <code><p> </code> определяет абзац</li></ul><hr/><h3><span class="ez-toc-section" id="_HTML-7"> Что такое элемент HTML? </span></h3><p> Элемент HTML определяется начальным тегом, некоторым содержимым и конечным тегом:</p><p> <tagname> Контент идет сюда… </тэг></p><p> Элемент HTML <strong> </strong> — это все, от начального до конечного тега:</p><center><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5948177564140711" data-ad-slot="2646898692"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><p><h2><span class="ez-toc-section" id="My">My Первый заголовок</span></h2></p><p><p>Мой первый абзац.</p></p><table><tr><th> Начальный тег</th><th> Содержимое элемента</th><th> Конечный тег</th></tr><tr><td><h2></h2></td><td> Мой первый заголовок</td><td></h2></td></tr><tr><td><p></td><td> Мой первый абзац.</td><td></p></td></tr><tr><td> <br></td><td> <em> нет </em></td><td> <em> нет </em></td></tr></table><p> <strong> Примечание: </strong> Некоторые элементы HTML не имеют содержимого (например, <br> элемент). Эти элементы называются пустыми элементами. Пустые элементы не имеют закрывающего тега!</p><hr/><hr/><h3><span class="ez-toc-section" id="i-21"> Веб-браузеры </span></h3><p> Веб-браузер (Chrome, Edge, Firefox, Safari) предназначен для чтения HTML-документов и их отображения.<img loading="lazy" src="/800/600/https/rusinfo.info/wp-content/uploads/b/0/4/b04a342e4281894371b56c7528ff9d3b.jpg"><noscript><img loading='lazy' src='/800/600/https/rusinfo.info/wp-content/uploads/b/0/4/b04a342e4281894371b56c7528ff9d3b.jpg' /></noscript><center><ins class="adsbygoogle" style="display:block;height:250px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="7192702265" data-ad-format="link" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> правильно.</p><p> Браузер не отображает теги HTML, но использует их для определения способа отображения документа:</p><p></p><hr/><h3><span class="ez-toc-section" id="_HTML-8"> Структура страницы HTML </span></h3><p> Ниже представлена визуализация структуры страницы HTML:</p><p data-readability-styled="true"><html></p><p data-readability-styled="true"> <голова></p><p><title>Название страницы <тело> Это заголовок Это абзац. Это другой абзац. Примечание: Содержимое раздела будет отображаться в браузере. Содержимое внутри элемента будет отображается в строке заголовка браузера или на вкладке страницы.</p><hr/><h3><span class="ez-toc-section" id="_HTML-9"> История HTML </span></h3><p> С первых дней существования Всемирной паутины было много версий HTML:</p><table><tr><th> Год</th><th> Версия</th></tr><tr><td> 1989</td><td> Тим Бернерс-Ли изобрел www</td></tr><tr><td> 1991</td><td> Тим Бернерс-Ли изобрел HTML</td></tr><tr><td> 1993</td><td> Дэйв Рэггетт набросал HTML+</td></tr><tr><center><ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="9081085738"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><td> 1995</td><td> Рабочая группа HTML определила HTML 2.<img loading="lazy" src="/800/600/https/cf.ppt-online.org/files1/slide/c/CwpPyrzcWJVZXtTgGnAhHSKNiOq9xRYU3a6b1v/slide-1.jpg"><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files1/slide/c/CwpPyrzcWJVZXtTgGnAhHSKNiOq9xRYU3a6b1v/slide-1.jpg' /></noscript> 0</td></tr><tr><td> 1997</td><td> Рекомендация W3C: HTML 3.2</td></tr><tr><td> 1999</td><td> Рекомендация W3C: HTML 4.01</td></tr><tr><td> 2000</td><td> Рекомендация W3C: XHTML 1.0</td></tr><tr><td> 2008</td><td> Первый публичный проект WHATWG HTML5</td></tr><tr><td> 2012</td><td> Уровень жизни WHATWG HTML5</td></tr><tr><td> 2014</td><td> Рекомендация W3C: HTML5</td></tr><tr><td> 2016</td><td> Рекомендация кандидата W3C: HTML 5.1</td></tr><tr><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="7683656859"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </div><td> 2017</td><td> Рекомендация W3C: HTML5.1 2-е издание</td></tr><tr><td> 2017</td><td> Рекомендация W3C: HTML5.2</td></tr></table><p> Это руководство соответствует последнему стандарту HTML5.</p><p> ❮ Предыдущий Следующий ❯</p> <br/><h5><span class="ez-toc-section" id="i-23"> ВЫБОР ЦВЕТА </span></h5><hr/><hr/><hr/><p><h5><span class="ez-toc-section" id="i-24"> Лучшие учебники </span></h5> Учебное пособие по HTML <br/> Учебное пособие по CSS <br/> Учебное пособие по JavaScript <br/> Учебное пособие <br/> Учебное пособие по SQL <br/> Учебное пособие по Python <br/> Учебное пособие по W3.<img loading="lazy" src="/800/600/https/zvukobook.ru/800/600/https/ds03.infourok.ru/uploads/ex/0bd1/000032e0-b5fb8468/img16.jpg"><noscript><img loading='lazy' src='/800/600/https/zvukobook.ru/800/600/https/ds03.infourok.ru/uploads/ex/0bd1/000032e0-b5fb8468/img16.jpg' /></noscript> CSS <br/> Учебное пособие по Bootstrap <br/> Учебное пособие по PHP <br/> Учебное пособие по Java <br/><center><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5948177564140711" data-ad-slot="2646898692"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> Учебное пособие по C++ <br/> Учебное пособие по jQuery <br/> 9000 3<p><h5><span class="ez-toc-section" id="i-25"> Основные каталожные номера </span></h5> Справочник по HTML <br/> Справочник по CSS <br/> Справочник по JavaScript <br/> Справочник по SQL <br/> Справочник по Python <br/> Справочник по W3.CSS <br/> Справочник по Bootstrap <br/> Справочник по PHP <br/> Цвета HTML <br/> Справочник по Java <br/> Справочник по Angular <br/> Справочник по jQuery <br/></p><p><h5><span class="ez-toc-section" id="Top"> Top Примеры </span></h5> Примеры HTML <br/> Примеры CSS <br/> Примеры JavaScript <br/> Примеры инструкций <br/> Примеры SQL <br/> Примеры Python <br/> Примеры W3.CSS <br/> Примеры Bootstrap <br/> Примеры PHP <br/> Примеры Java <br/> Примеры XML <br/> Примеры jQuery <br/></p><hr/><center><ins class="adsbygoogle" style="display:block;height:250px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="7192702265" data-ad-format="link" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><p> ФОРУМ | О</p><p data-readability-styled="true"> W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.<img loading="lazy" src="/800/600/https/images.slideplayer.com/31/9726142/slides/slide_9.jpg"><noscript><img loading='lazy' src='/800/600/https/images.slideplayer.com/31/9726142/slides/slide_9.jpg' /></noscript> Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.</p><p> Copyright 1999-2023 Refsnes Data. Все права защищены. <br/> W3Schools работает на основе W3.CSS.</p><h2><span class="ez-toc-section" id="_HTML-10"> Справочник по HTML </span></h2><p> ❮ Главная Следующий ❯</p><hr/><div class="advv"><ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="9708551946"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div><p><table><tr><th> Тег</th><th> Описание</th></tr><tr><td></td><td> Определяет комментарий</td></tr><tr><td> <!DOCTYPE> </td><td> Определяет тип документа</td></tr><tr><td> <а></td><td> Определяет гиперссылку</td></tr><tr><td> <сокращение></td><td> Определяет аббревиатуру или акроним</td></tr><tr><td> <акроним></td><td> Не поддерживается в HTML5. Вместо этого используйте <abbr>. <br/> Определяет аббревиатуру</td></tr><tr><td> <адрес></td><td> Определяет контактную информацию для автора/владельца документа</td></tr><tr><td> <апплет></td><td> Не поддерживается в HTML5. Вместо этого используйте <embed> или <object>. <br/> Определяет встроенный апплет</td><center><ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="9081085738"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></tr><tr><td> <область></td><td> Определяет область внутри карты изображения</td></tr><tr><td> <артикул></td><td> Определяет артикул</td></tr><tr><td> <в сторону></td><td> Определяет содержимое помимо содержимого страницы</td></tr><tr><td> <аудио></td><td> Определяет встроенный звуковой контент</td></tr><tr><td> <b></td><td> Определяет полужирный текст</td></tr><tr><td> <базовый></td><td> Указывает базовый URL-адрес/цель для всех относительных URL-адресов в документе</td></tr><tr><td> <базовый шрифт></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/fs.znanio.ru/d5af0e/71/98/f339ea068ef0dd27023baf755ab767a12e.jpg"><noscript><img loading='lazy' src='/800/600/https/fs.znanio.ru/d5af0e/71/98/f339ea068ef0dd27023baf755ab767a12e.jpg' /></noscript> Вместо этого используйте CSS. <br/><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-5948177564140711" data-ad-slot="7683656859"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </div> Указывает цвет, размер и шрифт по умолчанию для всего текста в документе</td></tr><tr><td> <bdi></td><td> Изолирует часть текста, которая может быть отформатирована в другом направлении из другого текста вне его</td></tr><tr><td> <bdo></td><td> Переопределяет текущее направление текста</td></tr><tr><td> <большой></td><td> Не поддерживается в HTML5. Вместо этого используйте CSS. <br/> Определяет большой текст</td></tr><tr><td> <цитата></td><td> Определяет раздел, цитируемый из другого источника</td></tr><tr><td> <тело></td><td> Определяет тело документа</td></tr><tr><td> <br></td><td> Определяет одиночный разрыв строки</td></tr><tr><td> <кнопка></td><td> Определяет нажимаемую кнопку</td><center><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5948177564140711" data-ad-slot="2646898692"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></tr><tr><td> <холст></td><td> Используется для рисования графики на лету с помощью сценариев (обычно JavaScript)</td></tr><tr><td> <заголовок></td><td> Определяет заголовок таблицы</td></tr><tr><td> <центр></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/fuzeservers.ru/wp-content/uploads/5/a/3/5a39c641b72cf1ea1ad8374a039faa4f.jpeg"><noscript><img loading='lazy' src='/800/600/https/fuzeservers.ru/wp-content/uploads/5/a/3/5a39c641b72cf1ea1ad8374a039faa4f.jpeg' /></noscript> Вместо этого используйте CSS. <br/> Определяет центрированный текст</td></tr><tr><td> <цитировать></td><td> Определяет название произведения</td></tr><tr><td> <код></td><td> Определяет часть компьютерного кода</td></tr><tr><td><col></td><td> Указывает свойства столбца для каждого столбца в элементе<colgroup></td></tr><tr><td><colgroup></td><td> Указывает группу из одного или нескольких столбцов в таблице для форматирования</td></tr><tr><td> <данные></td><td> Добавляет машиночитаемый перевод данного контента</td></tr><tr><td> <список данных></td><td> Указывает список предопределенных параметров для элементов управления вводом</td></tr><tr><td> <дд></td><td> Определяет описание/значение термина в списке описаний</td></tr><tr><td> <удалить></td><td> Определяет текст, который был удален из документа</td></tr><tr><td> <детали></td><td> Определяет дополнительные сведения, которые пользователь может просматривать или скрывать</td></tr><tr><td> <dfn></td><td> Указывает термин, который будет определен в содержимом</td></tr><tr><td> <диалог></td><td> Определяет диалоговое окно или окно</td></tr><tr><td> <каталог></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/expertnov.ru/800/600/http/luxe-host.ru/wp-content/uploads/c/f/b/cfba53ce0f7186250d4e63db746dc1c0.jpeg"><noscript><img loading='lazy' src='/800/600/https/expertnov.ru/800/600/http/luxe-host.ru/wp-content/uploads/c/f/b/cfba53ce0f7186250d4e63db746dc1c0.jpeg' /></noscript> Вместо этого используйте<ul>. <br/> Определяет список каталогов</td></tr><tr><td> <дел></td><td> Определяет раздел в документе</td></tr><tr><td> <дл></td><td> Определяет список описаний</td></tr><tr><td> <дт></td><td> Определяет термин/имя в списке описаний</td></tr><tr><td> <em></td><td> Определяет выделенный текст </td></tr><tr><td> <вставить></td><td> Определяет контейнер для внешнего приложения</td></tr><tr><td> <набор полей></td><td> Группирует связанные элементы в форме</td></tr><tr><td><figcaption></td><td> Определяет заголовок для элемента<figure></td></tr><tr><td> <рисунок></td><td> Указывает автономный контент</td></tr><tr><td> <шрифт></td><td> Не поддерживается в HTML5. Вместо этого используйте CSS. <br/> Определяет шрифт, цвет и размер текста</td></tr><tr><td> <нижний колонтитул></td><td> Определяет нижний колонтитул для документа или раздела</td></tr><tr><td> <форма></td><td> Определяет форму HTML для пользовательского ввода</td></tr><tr><td> <кадр></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/fuzeservers.ru/wp-content/uploads/8/b/8/8b800c61a93f2d54720134e0a68c3693.jpeg"><noscript><img loading='lazy' src='/800/600/https/fuzeservers.ru/wp-content/uploads/8/b/8/8b800c61a93f2d54720134e0a68c3693.jpeg' /></noscript> <br/> Определяет окно (фрейм) в наборе фреймов</td></tr><tr><td> <набор кадров></td><td> Не поддерживается в HTML5. <br/> Определяет набор кадров</td></tr><tr><td> От<h2><span class="ez-toc-section" id="i-26"> до </span></h2><h6></h6></td><td> Определяет заголовки HTML</td></tr><tr><td> <голова></td><td> Содержит метаданные/информацию для документа</td></tr><tr><td> <заголовок></td><td> Определяет заголовок для документа или раздела</td></tr><tr><td> <час></td><td> Определяет тематическое изменение содержимого</td></tr><tr><td><html></td><td> Определяет корень документа HTML</td></tr><tr><td> <я></td><td> Определяет часть текста в другом голосе или настроении</td></tr><tr><td> <iframe></td><td> Определяет встроенный фрейм</td></tr><tr><td> <img></td><td> Определяет изображение</td></tr><tr><td> <ввод></td><td> Определяет элемент управления вводом</td></tr><tr><td> <ins></td><td> Определяет текст, который был вставлен в документ</td></tr><tr><td> <kbd></td><td> Определяет ввод с клавиатуры</td></tr><tr><td> <метка></td><td> Определяет метку для элемента <input></td></tr><tr><td> <легенда></td><td> Определяет заголовок для элемента<fieldset></td></tr><tr><td><li></td><td> Определяет элемент списка</td></tr><tr><td> <ссылка></td><td> Определяет связь между документом и внешним ресурсом (большинство используется для ссылки на таблицы стилей)</td></tr><tr><td> <основной></td><td> Указывает основное содержание документа</td></tr><tr><td> <карта></td><td> Определяет карту изображений</td></tr><tr><td> <знак></td><td> Определяет отмеченный/выделенный текст</td></tr><tr><td> <мета></td><td> Определяет метаданные о документе HTML</td></tr><tr><td> <метр></td><td> Определяет скалярное измерение в пределах известного диапазона (манометр)</td></tr><tr><td> <навигация></td><td> Определяет навигационные ссылки</td></tr><tr><td> <без кадров></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/fuzeservers.ru/wp-content/uploads/2/c/c/2cc7151136a6cbaf503a66ec9e295d8f.jpeg"><noscript><img loading='lazy' src='/800/600/https/fuzeservers.ru/wp-content/uploads/2/c/c/2cc7151136a6cbaf503a66ec9e295d8f.jpeg' /></noscript> <br/> Определяет альтернативный контент для пользователей, не поддерживающих фреймы</td></tr><tr><td> <noscript></td><td> Определяет альтернативный контент для пользователей, которые не поддерживают клиентские скрипты</td></tr><tr><td> <объект></td><td> Определяет контейнер для внешнего приложения</td></tr><tr><td> <ол></td><td> Определяет упорядоченный список</td></tr><tr><td> <оптгруппа></td><td> Определяет группу связанных параметров в раскрывающемся списке</td></tr><tr><td> <опция></td><td> Определяет параметр в раскрывающемся списке</td></tr><tr><td> <выход></td><td> Определяет результат вычисления</td></tr><tr><td><p></td><td> Определяет параграф</td></tr><tr><td> <параметр></td><td> Определяет параметр для объекта</td></tr><tr><td> <рисунок></td><td> Определяет контейнер для нескольких ресурсов изображений</td></tr><tr><td> <пред></td><td> Определяет предварительно отформатированный текст</td></tr><tr><td> <прогресс></td><td> Представляет ход выполнения задачи</td></tr><tr><td> <q></td><td> Определяет краткую цитату</td></tr><tr><td> <рп></td><td> Определяет, что показывать в браузерах, не поддерживающих рубиновые аннотации</td></tr><tr><td> <rt></td><td> Определяет расшифровку/произношение символов (для восточноазиатских типография)</td></tr><tr><td> <рубин></td><td> Определяет рубиновую аннотацию (для восточноазиатской типографики)</td></tr><tr><td> <с></td><td> Определяет текст, который больше не является правильным</td></tr><tr><td> <образец></td><td> Определяет образец вывода из компьютерной программы</td></tr><tr><td> <сценарий></td><td> Определяет скрипт на стороне клиента</td></tr><tr><td> <раздел></td><td> Определяет раздел в документе</td></tr><tr><td> <выбрать></td><td> Определяет раскрывающийся список</td></tr><tr><td> <маленький></td><td> Определяет меньший текст</td></tr><tr><td> <источник></td><td> Определяет несколько медиа-ресурсов для медиа-элементов (<video> и <audio>)</td></tr><tr><td> <диапазон></td><td> Определяет раздел в документе</td></tr><tr><td> <забастовка></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/schtirlitz.ru/800/600/https/image1.slideserve.com/1974753/slide3-l.jpg"><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/https/image1.slideserve.com/1974753/slide3-l.jpg' /></noscript> Вместо этого используйте <del> или <s>. <br/> Определяет зачеркнутый текст</td></tr><tr><td> <сильный></td><td> Определяет важный текст</td></tr><tr><td> <стиль></td><td> Определяет информацию о стиле для документа</td></tr><tr><td> <sub></td><td> Определяет подстрочный текст</td></tr><tr><td> <сводка></td><td> Определяет видимый заголовок для элемента <details></td></tr><tr><td> <sup></td><td> Определяет текст с надстрочным индексом</td></tr><tr><td> <svg></td><td> Определяет контейнер для графики SVG</td></tr><tr><td> <таблица></td><td> Определяет таблицу</td></tr><tr><td><tbody></td><td> Группирует содержимое тела в таблице</td></tr><tr><td> <тд></td><td> Определяет ячейку в таблице</td></tr><tr><td> <шаблон></td><td> Определяет контейнер для содержимого, которое должно быть скрыто при загрузке страницы</td></tr><tr><td> <текстовое поле></td><td> Определяет элемент управления многострочным вводом (текстовая область)</td></tr><tr><td><tfoot></td><td> Группирует содержимое нижнего колонтитула в таблице</td></tr><tr><td> <й></td><td> Определяет ячейку заголовка в таблице</td></tr><tr><td><thead></td><td> Группирует содержимое заголовка в таблице</td></tr><tr><td> <время></td><td> Определяет конкретное время (или дату/время)</td></tr><tr><td> <название></td><td> Определяет заголовок документа</td></tr><tr><td><tr></td><td> Определяет строку в таблице</td></tr><tr><td> <дорожка></td><td> Определяет текстовые дорожки для элементов мультимедиа (<video> и <audio>)</td></tr><tr><td> <tt></td><td> Не поддерживается в HTML5.<img loading="lazy" src="/800/600/https/cf.ppt-online.org/files/slide/z/Z9bXWzjxR6fi07d5U4NOoJwQraKLITvkgFmcVS/slide-17.jpg"><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/z/Z9bXWzjxR6fi07d5U4NOoJwQraKLITvkgFmcVS/slide-17.jpg' /></noscript><div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></article><div class="sparkle-author-box"><div class="sparkle-author-image"> <img loading="lazy" src="https://secure.gravatar.com/avatar/28885a98486f3753fb07ad1bbcbbbd1d?s=260&d=mm&r=g"><noscript><img alt='' src='https://secure.gravatar.com/avatar/28885a98486f3753fb07ad1bbcbbbd1d?s=260&d=mm&r=g' class='avatar avatar-260 photo' height='260' width='260' /></noscript></div><div class="sparkle-author-details"> <span class="author-name"> <a href="https://art-nto.ru/author/alexxlab" title="Записи alexxlab" rel="author">alexxlab</a> </span> <span class="author-designation"> Автор записи </span><div class="author-desc"></div></div></div><nav class="navigation post-navigation"><div class="nav-links"><div class="nav-previous"><a href="https://art-nto.ru/raznoe/sostavlenie-kp-primer-teksta-i-shablony-kp-2.html" rel="prev">Составление кп: пример текста и шаблоны КП</a></div><div class="nav-next"><a href="https://art-nto.ru/raznoe/fon-dlya-fotoshopa-psd-fotoshopa-fon-v-formate-psd-560-mnogoslojnyh-psd-fonov-2.html" rel="next">Фон для фотошопа psd фотошопа: Фон в формате PSD, 560+ многослойных PSD Фонов</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/school-html-video-tutorials-w3schools.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://art-nto.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='84076' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><section id="secondaryright" class="home-right-sidebar widget-area" role="complementary"><aside id="search-2" class="widget clearfix widget_search"><form role="search" method="get" class="search-form" action="https://art-nto.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /></form></aside><aside id="categories-3" class="widget clearfix widget_categories"><h2 class="widget-title"><span>Рубрики</span></h2><ul><li class="cat-item cat-item-9"><a href="https://art-nto.ru/category/vektor">Вектор</a></li><li class="cat-item cat-item-5"><a href="https://art-nto.ru/category/dizajn">Дизайн</a></li><li class="cat-item cat-item-10"><a href="https://art-nto.ru/category/maket">Макет</a></li><li class="cat-item cat-item-7"><a href="https://art-nto.ru/category/programm">Программ</a></li><li class="cat-item cat-item-3"><a href="https://art-nto.ru/category/raznoe">Разное</a></li><li class="cat-item cat-item-6"><a href="https://art-nto.ru/category/sajt">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://art-nto.ru/category/sovety">Советы</a></li><li class="cat-item cat-item-8"><a href="https://art-nto.ru/category/urok">Урок</a></li><li class="cat-item cat-item-4"><a href="https://art-nto.ru/category/shrift">Шрифт</a></li></ul></aside></section></div></div></div><footer id="colophon" class="site-footer" itemscope="itemscope" itemtype="http://schema.org/WPFooter"><div class="footer-social"><div class="sparkle-wrapper"></div></div><div class="copyright-footer"><div class="sparkle-wrapper"><div class="footer_text"><div id="c_copyright"><p>© 2019. <a href="http://art-nto.ru/" title="Независимое театральное объединение "Зрительские симпатии"">Независимое театральное объединение "Зрительские симпатии"</a></p><p class="text">Все права защищены и охраняются законом Российской Федерации об Авторском праве. Копирование материала разрешено только с использованием ссылки на Art-Nto.ru</p><p><a href="/sitemap.xml" class="c_sitemap">Карта сайта</a></p></div></div></div></div><div class="scroll-to-top"> <i class="icofont fa fa-angle-up"></i></div></footer></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://art-nto.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script>  <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> </body></html>

HTML & CSS | Result School

Этот модуль подойдет

Ищете себя

Определились

Первые шаги будущего разработчика

Первые шаги будущего разработчика

Первые шаги будущего разработчика

Сейчас у вас возникают вот такие вопросы:

Начинать нужно с основ!

Что включено в модуль HTML&CSS

32 урока в HD

от 3 до 15 минут

10 тестовых задач

Чат с куратором

Служба заботы

Онлайн-доступ

Программа обучения

Теория важна, но все навыки появляются только на практике

Начните обучение сейчас

Автор обучения

Почему мы этим занимаемся

Учебник HTML

Онлайн-примеры в каждом уроке

Пример HTML:

Онлайн-примеры HTML

Справочник HTML

Введение в HTML

Что такое HTML?

Простой HTML-документ

Пример

Мой первый заголовок

Объяснение примера

Это заголовок