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

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Основы HTML, слайд №1Основы HTML, слайд №2Основы HTML, слайд №3Основы HTML, слайд №4Основы HTML, слайд №5Основы HTML, слайд №6Основы HTML, слайд №7Основы HTML, слайд №8Основы HTML, слайд №9Основы HTML, слайд №10Основы HTML, слайд №11Основы HTML, слайд №12Основы HTML, слайд №13Основы HTML, слайд №14Основы HTML, слайд №15Основы HTML, слайд №16Основы HTML, слайд №17Основы HTML, слайд №18Основы HTML, слайд №19Основы HTML, слайд №20Основы HTML, слайд №21Основы HTML, слайд №22Основы HTML, слайд №23Основы HTML, слайд №24Основы HTML, слайд №25Основы HTML, слайд №26
Скачать
Вы можете ознакомиться и скачать презентацию на тему Основы HTML. Доклад-сообщение содержит 26 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


#2 Основы HTML
Описание слайда:
#2 Основы HTML

Слайд 2


Текстовый редактор
Описание слайда:
Текстовый редактор

Слайд 3


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

Слайд 4


<!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> ... </body> </html>
Описание слайда:
<!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> ... </body> </html>

Слайд 5


Принцип вложенности <p><i>Текст</i></p>
Описание слайда:
Принцип вложенности <p><i>Текст</i></p>

Слайд 6


Принцип вложенности <p><i>Текст</p></i>
Описание слайда:
Принцип вложенности <p><i>Текст</p></i>

Слайд 7


Атрибуты <img title=“Картинка”>
Описание слайда:
Атрибуты <img title=“Картинка”>

Слайд 8


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

Слайд 9


HTML-документ состоит из двух разделов — заголовка — между тегами <head>…</head> и содержательной части — между тегами <body>…</body>.
Описание слайда:
HTML-документ состоит из двух разделов — заголовка — между тегами <head>…</head> и содержательной части — между тегами <body>…</body>.

Слайд 10


Структура <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> ... <script></script> </body> </html>
Описание слайда:
Структура <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> ... <script></script> </body> </html>

Слайд 11


Объектная модель документа DOM (document object model)
Описание слайда:
Объектная модель документа DOM (document object model)

Слайд 12


Элемент <head>
Описание слайда:
Элемент <head>

Слайд 13


Элемент <title>
Описание слайда:
Элемент <title>

Слайд 14


Элемент <meta> <meta charset="UTF-8"> <meta name="description" content="Описание содержимого страницы"> <meta name="keywords" content="Ключевые слова через запятую"> <meta name="robots" content="index, follow">
Описание слайда:
Элемент <meta> <meta charset="UTF-8"> <meta name="description" content="Описание содержимого страницы"> <meta name="keywords" content="Ключевые слова через запятую"> <meta name="robots" content="index, follow">

Слайд 15


Элемент <style> <style> .paper { width: 200px; height: 300px; background-color: #ef4444; color: #666666; } </style>
Описание слайда:
Элемент <style> <style> .paper { width: 200px; height: 300px; background-color: #ef4444; color: #666666; } </style>

Слайд 16


<p style="color: #666666; background-color: #ef4444; padding: 20px;"> <p style="color: #666666; background-color: #ef4444; padding: 20px;">
Описание слайда:
<p style="color: #666666; background-color: #ef4444; padding: 20px;"> <p style="color: #666666; background-color: #ef4444; padding: 20px;">

Слайд 17


Элемент <link> <link rel="stylesheet" href="style.css">
Описание слайда:
Элемент <link> <link rel="stylesheet" href="style.css">

Слайд 18


<!-- Комментарии -->
Описание слайда:
<!-- Комментарии -->

Слайд 19


Заголовки
Описание слайда:
Заголовки

Слайд 20


Теги для форматирования текста Тег <b> Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность. Тег <strong> Задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.
Описание слайда:
Теги для форматирования текста Тег <b> Задаёт полужирное начертания шрифта. Выделяет текст без акцента на его важность. Тег <strong> Задаёт полужирное начертание шрифта, относится к тегам логической разметки, указывая браузеру на важность текста.

Слайд 21


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

Слайд 22


Теги для форматирования текста Тег <sub> Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер. Тег <sup> Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.
Описание слайда:
Теги для форматирования текста Тег <sub> Используется для создания нижних индексов. Сдвигает текст ниже уровня строки, уменьшая его размер. Тег <sup> Используется для создания степеней. Сдвигает текст выше уровня строки, уменьшая его размер.

Слайд 23


Теги для форматирования текста Тег <ins> Выделяет текст в новой версии документа, подчёркивая его. Для тега доступны следующие атрибуты: cite, datetime. Тег <del> Перечёркивает текст. Используется для выделения текста, удаленного из документа.
Описание слайда:
Теги для форматирования текста Тег <ins> Выделяет текст в новой версии документа, подчёркивая его. Для тега доступны следующие атрибуты: cite, datetime. Тег <del> Перечёркивает текст. Используется для выделения текста, удаленного из документа.

Слайд 24


Абзацы, средства переноса текста Тег <p> Разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев «схлопываются». Тег <br> Переносит текст на следующую строку, создавая разрыв строки. Тег <hr> Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.
Описание слайда:
Абзацы, средства переноса текста Тег <p> Разбивает текст на отдельные абзацы, отделяя друг от друга пустой строкой. Браузер автоматически добавляет верхний и нижний отступ, равный 1em, при этом отступы соседних абзацев «схлопываются». Тег <br> Переносит текст на следующую строку, создавая разрыв строки. Тег <hr> Используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.

Слайд 25


Homework Изучить и поэкспериментировать: Теги для ввода «компьютерного» текста https://html5book.ru/html-text/#part3 Теги для оформления цитат и определений https://html5book.ru/html-text/#part4
Описание слайда:
Homework Изучить и поэкспериментировать: Теги для ввода «компьютерного» текста https://html5book.ru/html-text/#part3 Теги для оформления цитат и определений https://html5book.ru/html-text/#part4

Слайд 26


Первоисточник: https://html5book.ru/osnovy-html/ Советую также: http://htmlbook.ru/
Описание слайда:
Первоисточник: https://html5book.ru/osnovy-html/ Советую также: http://htmlbook.ru/

Скачать

Теги Основы HTML
Похожие презентации
Mypresentation.ru
Загрузить презентацию