СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Презентация к теме урока "Средства создания web-страниц"

Категория: Информатика

Нажмите, чтобы узнать подробности

Презентация по информатике на тему "Средства создания web-страниц". В презентации рассказывается о базовых тегах языка html.

Просмотр содержимого документа
«Презентация к теме урока "Средства создания web-страниц"»

Средства создания Web-страниц

Средства создания Web-страниц

HTML – язык разметки гипертекста язык, используемый для создания документов в Интернет. Тег - это специальный символ разметки языка HTML, позволяющий визуально оформлять содержимое веб-страниц.

HTML – язык разметки гипертекста

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

Тег

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

заключается в угловые скобки. Текст, не находящийся между угловыми скобками, весь виден при просмотре в браузере. Парные теги Непарные теги ИмяТега - открывающий ИмяТега - открывающий ИмяТега - закрывающий " width="640"

Структура тега

ИмяТега

  • заключается в угловые скобки.

Текст, не находящийся между угловыми скобками, весь виден при просмотре в браузере.

Парные теги

Непарные теги

ИмяТега - открывающий

ИмяТега - открывающий

ИмяТега - закрывающий

Структура html-документа  - голова документа   - внутренний заголовок   - внешний заголовок       - тело документа текст    Сохраняется с расширением *.html

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

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

- внутренний заголовок

- внешний заголовок

- тело документа

текст

Сохраняется с расширением

*.html

Создание web-страницы      Моя первая страница       Привет! Моя первая страница.

Создание web-страницы

Моя первая страница

Привет! Моя первая страница.

Создание  web-страницы

Создание web-страницы

Базовые теги языка html

Базовые теги языка html

1. Форматирование текста  жирный   курсив    подчеркнутый

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

жирный

курсив

подчеркнутый

текст " width="640"

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

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

Атрибуты:

color - устанавливает цвет текста.

face - определяет гарнитуру шрифта.

size - задает размер шрифта

(Целое число от 1 до 7) .

“blue” face= “Arial” size= “5” текст

1. Форматирование текста  текст  - обрамляет текст  текст  - нижний индекс  индекс  - верхний индекс

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

текст - обрамляет текст

текст - нижний индекс

индекс - верхний индекс

2. Форматирование абзацев  текст  - создает новый параграф Атрибут align  выравнивание по правому краю  выравнивание по левому краю  выравнивание по центру  выравнивание по ширине

2. Форматирование абзацев

текст

- создает новый параграф

Атрибут align

выравнивание по правому краю

выравнивание по левому краю

выравнивание по центру

выравнивание по ширине

2. Форматирование абзацев  текст  переход на новую строку  текст  - заголовок абзаца первого уровня. Всего существует шесть уровней заголовков абзаца от  до

2. Форматирование абзацев

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

текст - заголовок абзаца первого уровня. Всего существует шесть уровней заголовков абзаца от до

" width="640"

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

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

- добавляет в документ горизонтальную линию.

Атрибуты

size - устанавливает высоту(толщину) линии.

color – задает цвет линии

число “ color=“ цвет