Андрей ИвашевАндрей Ивашевhttps://teletype.in/atom/ivashev2026-04-21T20:57:05.374Zivashev:lesha-tegiУрок 2. Теги и атрибуты2024-08-07T16:14:50.117Z2024-08-07T16:14:50.117Z<img src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/bcf620efe18abe6bd2e12f26cff71390.png/s/f1200x/a/534336/sc/379">В HTML, теги и атрибуты - это ключевые элементы, которые определяют структуру и поведение ваших веб-страниц. В этом уроке мы рассмотрим, как использовать основные теги и атрибуты, чтобы создавать более информативные и интерактивные веб-страницы.
<p id="Ckux">В HTML, теги и атрибуты - это ключевые элементы, которые определяют структуру и поведение ваших веб-страниц. В этом уроке мы рассмотрим, как использовать основные теги и атрибуты, чтобы создавать более информативные и интерактивные веб-страницы.</p>
<h3 id="Njh9">Основы тегов и атрибутов</h3>
<h4 id="UBR4">Теги:</h4>
<p id="TIGt">Теги в HTML используются для создания элементов на веб-странице. Вот некоторые основные теги, которые вы должны знать:</p>
<ul id="x8ZO">
<li id="YKDp"><strong><p></strong>: Этот тег используется для создания параграфов текста.</li>
</ul>
<ul id="kIwp">
<li id="0yng"><strong><a></strong>: Тег для создания гиперссылок (ссылок).</li>
</ul>
<ul id="ueSy">
<li id="llhk"><strong><img></strong>: Этот тег вставляет изображения на страницу.</li>
</ul>
<ul id="BnI7">
<li id="G5dF"><strong><ul>, <ol>, <li></strong>: Теги для создания неупорядоченных (маркированных) и упорядоченных (нумерованных) списков.</li>
</ul>
<ul id="YMXR">
<li id="OtO4"><strong><table>, <tr>, <td></strong>: Теги для создания таблиц.</li>
</ul>
<h4 id="1ISB">Атрибуты:</h4>
<p id="7Oc1">Атрибуты предоставляют дополнительную информацию о тегах. Например:</p>
<ul id="QMdJ">
<li id="dXv7"><strong>src</strong>: Атрибут <strong>src</strong> в теге <strong><img></strong> указывает источник (URL) изображения.</li>
</ul>
<ul id="z5kQ">
<li id="H87W"><strong>href</strong>: Атрибут <strong>href</strong> в теге <strong><a></strong> указывает ссылку на другую страницу.</li>
</ul>
<ul id="MSVq">
<li id="GErU"><strong>alt</strong>: Атрибут <strong>alt</strong> в теге <strong><img></strong> предоставляет альтернативный текст для изображения (важен для доступности).</li>
</ul>
<p id="c4V3">Примеры использования тегов и атрибутов</p>
<p id="flRz">Давайте рассмотрим некоторые примеры использования тегов и атрибутов:</p>
<figure id="obkN" class="m_original">
<img src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/bcf620efe18abe6bd2e12f26cff71390.png/s/f1200x/a/534336/sc/379" width="952" />
</figure>
<h3 id="5ilf">Мастер-класс: Работа с атрибутами в HTML</h3>
<p id="8kL3">В мастер-классе мы более подробно рассмотрим работу с атрибутами, их значениями и влиянием на отображение элементов на странице. Вы также узнаете о некоторых дополнительных атрибутах, которые можно использовать для управления стилем и поведением элементов.</p>
<figure id="E9VD" class="m_custom">
<iframe src="https://www.youtube.com/embed/Q_nVqm7KF1w?autoplay=0&loop=0&mute=0"></iframe>
<figcaption>Мастер-класс от Леши</figcaption>
</figure>
ivashev:html-leshaУрок 1. Введение в HTML2024-08-07T16:13:22.526Z2024-08-07T16:13:22.526Z<img src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c91d5bd6add781c736a2075d2a4689cf.png/s/f1200x/a/534336/sc/248">HTML (HyperText Markup Language) - это язык разметки, используемый для создания веб-страниц. В этом уроке мы поговорим о базовых концепциях HTML, структуре веб-страницы и том, как создать вашу первую HTML-страницу.
<p id="CaWI"><strong>HTML (HyperText Markup Language)</strong> - это язык разметки, используемый для создания веб-страниц. В этом уроке мы поговорим о базовых концепциях HTML, структуре веб-страницы и том, как создать вашу первую HTML-страницу.</p>
<h4 id="cId8">Структура веб-страницы</h4>
<p id="m50X">Веб-страница - это документ, который состоит из различных элементов, таких как текст, изображения, ссылки и другие. Эти элементы организованы на странице, чтобы предоставить пользователю информацию и функциональность.</p>
<h4 id="Sldo">Теги и элементы</h4>
<p id="7Dda">HTML использует теги для определения типа содержимого на странице. Каждый тег представляет собой элемент, который имеет свой собственный смысл и структуру. Например, тег <strong><h1> </strong>используется для создания заголовка первого уровня, а тег <strong><p></strong> - для создания абзаца текста.</p>
<h4 id="Fswe">Атрибуты</h4>
<p id="w1GM">Атрибуты добавляются к HTML-тегам для предоставления дополнительной информации о элементе. Например, атрибут <strong>src</strong> в теге <strong><img></strong> используется для указания источника изображения.</p>
<h4 id="DcK7">Структура базовой HTML-страницы</h4>
<p id="3jiI">HTML-страница имеет базовую структуру, которая включает в себя следующие элементы:</p>
<figure id="zZYA" class="m_original">
<img src="https://fs-thb03.getcourse.ru/fileservice/file/thumbnail/h/c91d5bd6add781c736a2075d2a4689cf.png/s/f1200x/a/534336/sc/248" width="912" />
</figure>
<ul id="Gzym">
<li id="Lmo2"><strong><html> </strong>- определяет начало и конец HTML-документа.</li>
</ul>
<ul id="9vf9">
<li id="ZQnW"><strong><head></strong> - содержит метаданные о странице, такие как заголовок.</li>
</ul>
<ul id="wvOE">
<li id="wuqp"><strong><title></strong> - устанавливает заголовок веб-страницы, который отображается в заголовке браузера.</li>
</ul>
<ul id="mb4C">
<li id="e4XI"><strong><body></strong> - содержит основное видимое содержимое страницы.</li>
</ul>
<h4 id="BYj8">Мастер-класс</h4>
<p id="AiA6">Для создания HTML-страницы вам потребуется текстовый редактор или интегрированная среда разработки (IDE), способная работать с HTML-кодом. Вы также узнаете, как сохранить вашу HTML-страницу и открыть ее в веб-браузере.</p>
<figure id="W3hc" class="m_custom">
<iframe src="https://www.youtube.com/embed/PSXgieMEzrI?autoplay=0&loop=0&mute=0"></iframe>
<figcaption>Мастер-класс от Леши</figcaption>
</figure>