презентация по теме "Основы языка гипертекстовой разметки документа HTML"

  • Презентации учебные
  • ppt
  • 05.07.2021
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала html_0.ppt

Основы языка гипертекстовой разметки документа HTML

Понятие языка HTML

Структура HTML - документа

Форматирование страницы

Форматирование текста

Содержание

2

Списки

3

4

угловые

5

7

Понятие языка HTML

8

HTML— стандартный язык разметки документов во Всемирной паутине

WEB-браузер—интерпретатор HTML, отображает язык HTML в удобной для человека форме

Понятие языка HTML

9

Структура HTML-документа

10

11

Структура HTML-документа



HTML - это тэги, и ничего кроме тэгов. Для изучения HTML нужно изучить различные тэги.

Привет!

Атрибуты тега

Значение атрибута

Тег - специальная метка в начале и в конце элемента HTML - документа

12

Структура HTML-документа

Форматирование страницы HTML

bgcolor

цвет фона html-страницы

< BODY bgcolor="black">< /BODY>

< BODY bgcolor="#000000">< /BODY>

background

позволяет задать в качестве фона html-страницы картинку

< BODY background="http://www.seoded.ru/logo.jpg">< /BODY>

< BODY background="logo.jpg">< /BODY>

< BODY background="images/logo.jpg">< /BODY>

text

устанавливает цвет текста html-документа

< BODY text=“green">< /BODY>

< BODY text="#008000">< /BODY>

Атрибуты ..

13

Форматирование текста

Заголовок

Исходный текст

Исходный текст

Исходный текст

Исходный текст

Исходный текст

Исходный текст

М

М

14

Абзац

…….

Атрибуты:
Align=“left” – выравнивание по левому краю
Align=“right” - выравнивание по правому краю
Align=“center” - выравнивание по центру
Align=“justify” - выравнивание по ширине


15

Форматирование текста

Атрибут

Определение

Значение

SIZE

Определяет размер шрифта

1 , 2 , 3 , 4 , 5 , 6 , 7.

COLOR 

Определяет цвет текста.

#00000
Red, black…..

FACE

Определяет используемый шрифт.

Times New Roman, Arial, Tahoma, Courier, Courier New

Привет!

16

Форматирование текста

Тег

Определение


Переход на новую строку

..

Подчеркнутый текст

..

Жирный текст

..

Текст курсивом

17

Форматирование текста

  1. Иностранный язык
  2. Физподготовка
  3. Алгебра

  4. История

  5. Информатика

18

Списки

Нумерованный список

Списки

  • Первый элемент списка
  • Второй элемент списка
  • Третий элемент списка

 


Иностранный язык
Физподготовка
Алгебра
История
Информатика

19

Ненумерованный список



пример


Расписание




Математика

Русский

Биология




ПРИМЕР

20

21

Для чего предназначен Web-браузер?
Опишите структуру документа HTML.
Что такое тег?
С помощью какого тега можно создать заголовок текста?
С помощью какого тега можно задать абзац в тексте?
Что задает тег ?


22

Вопросы для закрепления

23