Основы HTML презентация

Содержание

Текстовый редактор

Слайд 1#2 Основы HTML
Абдреисов Марал


Слайд 2Текстовый редактор


Слайд 3Что такое HTML?
HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для

создания Web-страниц.

Слайд 4



Document


...



Слайд 5Принцип вложенности
Текст


Слайд 6Принцип вложенности
Текст


Слайд 7Атрибуты


Слайд 8Как работает браузер
Процесс интерпретации (парсинг) начинается прежде, чем веб-страница полностью загружена

в браузер.

Слайд 9
HTML-документ состоит из двух разделов — заголовка — между тегами …

и содержательной части — между тегами ….

Слайд 10



Document



...



Структура


Слайд 11Объектная модель документа DOM (document object model)


Слайд 12Элемент


Слайд 13Элемент


Слайд 14Элемент


запятую">


Слайд 15Элемент

.paper {
width: 200px;
height: 300px;
background-color: #ef4444;
color: #666666;
}


Слайд 17Элемент


Слайд 19Заголовки


Слайд 20Теги для форматирования текста
Тег
Задаёт полужирное начертания шрифта. Выделяет текст без

акцента на его важность.

Тег
Задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.

Слайд 21Теги для форматирования текста
Тег
Отображает шрифт курсивом, придавая тексту значимость.

Тег
Отображает

шрифт курсивом.


Слайд 22Теги для форматирования текста
Тег
Используется для создания нижних индексов. Сдвигает текст

ниже уровня строки, уменьшая его размер.

Тег
Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.

Слайд 23Теги для форматирования текста
Тег
Выделяет текст в новой версии документа, подчёркивая

его.
Для тега доступны следующие атрибуты: cite, datetime.

Тег
Перечёркивает текст. Используется для выделения текста, удаленного из документа.

Слайд 24Абзацы, средства переноса текста
Тег
Разбивает текст на отдельные абзацы, отделяя друг

от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев «схлопываются».

Тег

Переносит текст на следующую строку, создавая разрыв строки.

Тег

Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.

Слайд 25Homework
Изучить и поэкспериментировать:

Теги для ввода «компьютерного» текста https://html5book.ru/html-text/#part3

Теги для оформления цитат

и определений https://html5book.ru/html-text/#part4



Слайд 26Первоисточник:
https://html5book.ru/osnovy-html/

Советую также:

http://htmlbook.ru/



Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика