Презентация, доклад Создание HTML сайта

Содержание

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

Слайд 1Создание HTML сайта

Создание HTML сайта

Слайд 2
язык разметки гипертекста. HTML не является языком программирования, он отвечает только

за расположение элементов.

HTML-это

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

Слайд 3
текстовый файл с расширением .html или .htm, содержащий набор тегов.
Документ HTML

создается в стандартной программе Блокнот.

Документ HTML-это

текстовый файл с расширением .html или .htm, содержащий набор тегов.Документ HTML создается в стандартной программе Блокнот.Документ HTML-это

Слайд 4инструкции браузера, указывающие способ отражения текста
Теги – это

инструкции браузера, указывающие способ отражения текстаТеги – это

Слайд 5Все теги HTML начинаются с «

«>» (правой угловой скобкой). Как правило, существует стартовый тег и завершающий тег.
Пример:

Все теги HTML начинаются с «» (правой угловой скобкой). Как правило, существует стартовый тег и завершающий тег.Пример:

Слайд 6Типы тегов

1. Парные (влияет на текст с того места, где употреблен

тег, до того места, где указан признак окончания его действия.
2. Непарные

Типы тегов1. Парные (влияет на текст с того места, где употреблен тег, до того места, где указан

Слайд 7Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги физического форматирования списков

Категории

тегов
Структурные тегиТеги символовТеги форматирования абзацевТеги оформления списков данныхТеги физического форматирования списковКатегории тегов

Слайд 8
Документ начинается с тега и заканчивается .



HTML-документ состоит из 2-х

частей:
1. Раздел заголовка
2. Содержательная часть


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

Документ начинается с тега и заканчивается .HTML-документ состоит из 2-х частей:1. Раздел заголовка2. Содержательная частьСтруктура HTML-документа

Слайд 9Начинается тегом
Заканчивается тегом
Между данными тегами располагается тег

(этот тег используется для задания названия документа)

Раздел заголовка

Начинается тегом Заканчивается тегом Между данными тегами располагается тег (этот тег используется для задания названия документа)Раздел

Слайд 10Начинается тегом
Заканчивается тегом
(между которыми располагается содержимое HTML-документа)
Содержательная часть

Начинается тегом Заканчивается тегом (между которыми располагается содержимое HTML-документа)Содержательная часть

Слайд 11

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


Это тело HTML – документа. Здесь можно разместить

все, что угодно!


Пример простейшего документа

Заголовок документа Это тело HTML – документа. Здесь можно разместить все, что угодно!Пример простейшего документа

Слайд 12Пример простейшего документа

Пример простейшего документа

Слайд 13Полужирный шрифт
Курсивный шрифт
Подчеркнутый шрифт
Нижний индекс


Верхний индекс

Теги физического форматирования

Полужирный шрифт Курсивный шрифт Подчеркнутый шрифт Нижний индекс Верхний индекс Теги физического форматирования

Слайд 14
Тег позволяет изменить шрифт.
Параметры тега :
FAСE (задает название шрифта ,

которым будет выводиться текст)
SIZE (задает размеры шрифта в условных единицах от 1 до 7)
COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имен или набором шестнадцатеричных цифр

Параметры шрифта

Тег позволяет изменить шрифт.Параметры тега :FAСE (задает название шрифта , которым будет выводиться текст)SIZE (задает размеры шрифта

Слайд 15Название шрифта
Шрифт размера 5

COLOR GREEN> Шрифт размера 3, цвет зеленый

Примеры:

Название шрифта Шрифт размера 5 Шрифт размера 3, цвет зеленый Примеры:

Слайд 16Как поменять цвет фона сайта?


За фон сайта отвечает тег .

Пример:

BGCOLOR=BLUE>
Как поменять цвет фона сайта?За фон сайта отвечает тег .Пример:

Слайд 17Тег
и
Одиночный тег
осуществляет перенос строки в том

месте, где этот тег находится.

При отображении тега

, браузер автоматически вставляет до и после него отступы, отделяя его, таким образом, от других элементов.

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

Слайд 18Примеры использования тега

Выравнивание по левой границе окна

ALIGN=CENTER>
Выравнивание по центру окна


Выравнивание по правой границе окна


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

Примеры использования тега Выравнивание по левой границе окна Выравнивание по центру окна Выравнивание по

Слайд 19Тег
Позволяет проводить горизонтальную линию.


Тег Позволяет проводить горизонтальную линию.
Скачать презентацию

Похожие презентации

Презентация по информатике на тему: ОТНОШЕНИЯ ОБЪЕКТОВ И ИХ МНОЖЕСТВ 6 класс Презентация по информатике на тему: ОТНОШЕНИЯ ОБЪЕКТОВ И ИХ МНОЖЕСТВ 6 класс 275
Презентация по информатике на тему Санау жүйесі Презентация по информатике на тему Санау жүйесі 188
Презентация по информатике на тему Блокнот және Калькулятор (5 класс) Презентация по информатике на тему Блокнот және Калькулятор (5 класс) 300
Презентация по информатике на тему Виды программного обеспечения Презентация по информатике на тему Виды программного обеспечения 499
Презентация к конкурсу Самый умный информатик. Второй тур. (8 класс) Презентация к конкурсу Самый умный информатик. Второй тур. (8 класс) 196
Сms - системы Сms - системы 201

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

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

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

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

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

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