Введение в HTML

Август 12, 2022

Главная
Информатика
Введение в HTML

Содержание

2. HTML (Hyper Text Markup Language) - язык гипертекстовой разметки, который используется для создания веб-страниц. Он состоит
3. HTML элементы Основой языка гипертекстовой разметки является является элемент. HTML элементы определяют структуру HTML документа. Для
4. Типы элементов HTML элементы бывают парные и одинарные. Содержимое парного элемента пишется между открывающим и закрывающим
5. Заголовок веб-страницы Заголовок страницы Первый абзац Второй абзац с переводом строки в тексте.
6. В указанном выше примере мы использовали 4 парных элементов: Элемент , который включает в себя все
7. Структура HTML страницы Заголовок веб-страницы Заголовок страницы Первый абзац Второй абзац с переводом строки в тексте.
8. Элемент указывает на принадлежность текущего документа к определенному типу HTML. Как мы уже отмечали, существует несколько
9. Начало и конец HTML документа обозначаются тегами , который сообщает браузеру информацию об HTML документе. В
10. Заголовок веб-страницы пишется между открывающим и закрывающим тегами. Элемент содержит всю информацию о веб-странице (текст, изображения,
11. HTML форматирование текста
12. Вид текста на экране зависит от того, какие HTML теги были использованы для его форматирования. Теги
13. Теги Заголовок окна веб-страницы Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня
14. http://htmlbook.ru/html
15. HTML атрибуты Для расширения возможностей HTML тегов, используются атрибуты, с помощью которых мы можем дополнительно сообщить
16. Заголовок документа Нажмите на ссылку, и вы будете перенаправлены в группу ВК.
18. Скачать презентацию

Слайд 2

HTML (Hyper Text Markup Language) - язык гипертекстовой разметки, который используется

для создания веб-страниц. Он состоит из набора структурных и семантических элементов, которые описывают, как должны быть представлены части документа (заголовки, абзацы, списки, изображения, и т.д.) в браузере.

Элементы, теги и атрибуты - основные понятия в HTML.
Основной структурной единицей веб-страницы является HTML элемент, для определения которого используются HTML теги.

Слайд 3

HTML элементы
Основой языка гипертекстовой разметки является является элемент. HTML элементы

определяют структуру HTML документа. Для описания элементов используются HTML теги.
Элементы и теги часто путают. Tеги служат для того, чтобы открывать и закрывать объект, а элемент включает в себя и теги, и их содержимое.
Например:

Заголовок документа

- элемент, а

,

- теги.

Слайд 4

Типы элементов
HTML элементы бывают парные и одинарные. Содержимое парного элемента

пишется между открывающим <> и закрывающим тегами.
Не забывайте закрывающий тег. Хотя некоторые элементы HTML отображаются правильно, даже без закрывающего тега, не полагайтесь на это. Это может привести к неожиданным результатам или ошибкам.
В одинарных элементах содержимого нет, поэтому их также называют пустыми. Закрывающего тега в этих элементах также нет. К одинарным элементам относится
.

Слайд 5

Заголовок веб-страницы

Заголовок страницы

Первый абзац

Второй абзац
с переводом строки в тексте.

Слайд 6

В указанном выше примере мы использовали 4 парных элементов:
Элемент ,

который включает в себя все HTML элементы страницы.
Элемент , в котором хранится содержание веб-страницы.
Элемент

, для отображения абзаца.
Элемент

, в котором содержится заголовок.
В нашем примере мы также использовали одиночный элемент
для переноса строки.

Слайд 7

Структура HTML страницы

Заголовок веб-страницы

Заголовок страницы

Первый абзац

Второй абзац
с переводом строки в тексте.

Слайд 8

Элемент указывает на принадлежность текущего документа к определенному типу

HTML. Как мы уже отмечали, существует несколько версий HTML, и для того, чтобы браузер не путался и отображал правильный стандарт, необходимо ему на него указать.
Различают несколько видов < !DOCTYPE> , для каждой версии HTML языка существует свой.

Слайд 9

Начало и конец HTML документа обозначаются тегами , который сообщает

браузеру информацию об HTML документе.
В теге содержатся другие HTML элементы, а также предназначенные для поисковых систем метаданные.
Содержимое этого тега не показывается на веб-странице, за исключением содержимого тега , который устанавливает заголовок окна веб-страницы. <br></div></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 10</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/706819/slide-9.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Заголовок веб-страницы пишется между открывающим и закрывающим тегами. Элемент содержит всю" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/706819/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/706819/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/706819/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/706819/slide-9.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Заголовок веб-страницы пишется между открывающим <title> и закрывающим тегами.
Элемент

содержит всю информацию о веб-странице (текст, изображения, видео, и т.д.). Информация записывается между открывающим и закрывающим тегами.

Слайд 11

HTML форматирование текста

Слайд 12

Вид текста на экране зависит от того, какие HTML теги были

использованы для его форматирования. Теги форматирования делятся на две категории: теги физической разметки, которые отвечают за стилевое оформление (жирное начертание, курсив, шрифт и т.д.) текста, и теги логической разметки, которые несут смысловую нагрузку (например, дают понять поисковым системам по каким словам необходимо ранжировать веб-страницу).

Слайд 13

Теги

Заголовок окна веб-страницы

Заголовок первого

уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Слайд 14

http://htmlbook.ru/html

Слайд 15

HTML атрибуты
Для расширения возможностей HTML тегов, используются атрибуты, с помощью

которых мы можем дополнительно сообщить браузеру дополнительную информацию о том, как отображать тот или иной HTML элемент.
HTML атрибут состоит из имени и значения, между которыми ставится знак равно (=). В HTML коде это выглядит так:
<тэг имя_атрибута=”значение”>Текст.

Слайд 16