Презентация, доклад Создание 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Тег
Позволяет проводить горизонтальную линию.


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

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

Презентация по информатике Графика в Паскаль АВС Презентация по информатике Графика в Паскаль АВС 192
Презентация по информатике на тему Плагины Презентация по информатике на тему Плагины 274
Презентация История развития Интернета Презентация История развития Интернета 523
База данных (БД) и система управления базами данных (СУБД) База данных (БД) и система управления базами данных (СУБД) 175
Презентация по теме Графика в Pascale Презентация по теме Графика в Pascale 134
Презентация по информатике на тему Архиваторы. Архивация данных (1 курс) Презентация по информатике на тему Архиваторы. Архивация данных (1 курс) 299

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

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

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

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

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

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