Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

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

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

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

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

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

Содержание

Базовые теги Структура любого документа: ………. ………
Основы HTML Базовые теги Структура любого документа: ………. Базовые теги Чтобы добавить название, используется тег , который располагается в части заголовка.Пример: Заголовок. Базовые теги Заголовок Некоторый Абзацы Заголовок Абзац 1 Абзац 2 Абзац 3 КомментарииЯзык HTML позволяет вставлять комментарии в текст следующим образом: Форматирование текста: стили Форматирование текста: специальные символы Форматирование текста: заголовки Пример заголовков Учебное пособие Форматирование текста: выравниваниеПример: ПодписьПример: Учебное пособие Форматирование текста: выравниваниеТекст без <PRE> Здесь Форматирование текста: линии тег Использование кавычек в атрибутах:По стандарту значение атрибута заключается в двойные кавычкиДвойные и Форматирование текста: изменение шрифтаПример: Текст, с измененным шрифтомПример: Шрифт текста равен 3Шрифт Форматирование текста: цвет Форматирование текста: изменение цвета текста, цвета фонаПример: Пример: Пример: Пример: Списки:Нумерованный Маркированный Определений Списки: нумерованный список Списки: нумерованный списокНумерованный список. TYPE= Списки: маркированный списокМаркированный список по умолчанию Первый Второй ТретийМаркированный список. TYPE= Списки: список определений Термин Определение Заголовок Основной текст СсылкиПример: Ссылка Пример: Пример: Параграф1 Пример: Параграф 2 страницы 3 Пример: Написать письмо Ссылки М. Ю. Лермонтов Парус Утес ПарусБелеет парус одинокойВ тумане моря голубом. Изображения Изображения ИзображенияПрекращение обтекания изображения текстомАтрибуты TITLE и ALT Использование в качестве фонового рисунка ИзображенияПример: Пример: Пример:
Слайды презентации

Слайд 2 Базовые теги
Структура любого документа:


Базовые теги Структура любого документа: ………. ………

……….


………


Слайд 3 Базовые теги
Чтобы добавить название, используется тег ,

Базовые теги Чтобы добавить название, используется тег , который располагается в части заголовка.Пример: Заголовок.

который располагается в части заголовка.
Пример: Заголовок.

Слайд 4 Базовые теги


Заголовок


Базовые теги Заголовок Некоторый текст

Некоторый

текст


Слайд 5 Абзацы


Заголовок


Абзац

Абзацы Заголовок Абзац 1 Абзац 2 Абзац 3

1
Абзац 2
Абзац 3


Слайд 6 Комментарии
Язык HTML позволяет вставлять комментарии в текст следующим

КомментарииЯзык HTML позволяет вставлять комментарии в текст следующим образом:

образом:

Слайд 7 Форматирование текста: стили

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

Слайд 8 Форматирование текста: специальные символы

Форматирование текста: специальные символы

Слайд 9 Форматирование текста: заголовки


Пример заголовков

Форматирование текста: заголовки Пример заголовков Учебное пособие Глава 1.


Учебное пособие
Глава 1. Основы HTML

Параграф 1. Базовые теги




Слайд 10 Форматирование текста: выравнивание

Пример: Подпись


Пример: Учебное пособие

Форматирование текста: выравниваниеПример: ПодписьПример: Учебное пособие

Слайд 11 Форматирование текста: выравнивание
Текст без <PRE>

Форматирование текста: выравниваниеТекст без <PRE> Здесь

Здесь
размещен

предварительно
отформатированный
текст

Текст c <PRE>



            Здесь
         размещен
    предварительно
отформатированный
             текст

Слайд 12 Форматирование текста: линии тег

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

Слайд 13 Использование кавычек в атрибутах:

По стандарту значение атрибута заключается

Использование кавычек в атрибутах:По стандарту значение атрибута заключается в двойные кавычкиДвойные

в двойные кавычки
Двойные и одинарные кавычки равноценны
Обязательно кавычки должны

использоваться, если в значении атрибута содержится пробел


Слайд 14 Форматирование текста: изменение шрифта

Пример: Текст, с

Форматирование текста: изменение шрифтаПример: Текст, с измененным шрифтомПример: Шрифт текста равен

измененным шрифтом

Пример:

Шрифт текста равен 3
Шрифт

текста равен 7

Пример: Гарнитура Courier New

Пример:

Слайд 15 Форматирование текста: цвет

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

Слайд 16 Форматирование текста: изменение цвета текста, цвета фона

Пример:

Форматирование текста: изменение цвета текста, цвета фонаПример: Пример: Пример: Пример:

TEXT=”grey”>

Пример:


Пример:



Пример:

Слайд 17 Списки:

Нумерованный

Маркированный

Определений

Списки:Нумерованный Маркированный Определений

Слайд 18 Списки: нумерованный список

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

Слайд 19 Списки: нумерованный список
Нумерованный список. TYPE="a"

Первый

Списки: нумерованный списокНумерованный список. TYPE=

Второй
Третий

Нумерованный список. TYPE="A"

Первый
Второй
Третий

Нумерованный

список. TYPE="i"

  1. Первый

  2. Второй

  3. Третий


Нумерованный список. TYPE="I"



  1. Первый

  2. Второй

  3. Третий


Нумерованный список. TYPE="1"



  1. Первый

  2. Второй

  3. Третий


Слайд 20 Списки: маркированный список
Маркированный список по умолчанию

Первый
Второй

Списки: маркированный списокМаркированный список по умолчанию Первый Второй ТретийМаркированный список. TYPE=

Третий

Маркированный список. TYPE="disc"

TYPE="circle"

  • Первый

  • Второй

  • Третий


Маркированный список. TYPE="square"



  • Первый

  • Второй

  • Третий


Маркированный список смешанного типа



  • Первый

  • Второй

  • Третий


Слайд 21 Списки: список определений

Термин Определение


Заголовок Основной текст

Списки: список определений Термин Определение Заголовок Основной текст

Слайд 22 Ссылки

Пример: Ссылка

Пример:

Пример:

СсылкиПример: Ссылка Пример: Пример: Параграф1 Пример: Параграф 2 страницы 3 Пример: Написать письмо

HREF=”#Paragraph1”>Параграф1

Пример: Параграф 2 страницы 3

Пример:

HREF=mailto:addr@addr.ru>Написать письмо

Слайд 23 Ссылки


М. Ю. Лермонтов


Парус

Утес



Ссылки М. Ю. Лермонтов Парус Утес ПарусБелеет парус одинокойВ тумане моря

Парус



Белеет парус одинокой

В тумане моря голубом. -

Что ищет

он в стране далекой?

Что кинул он в краю родном?



Играют волны, ветер свищет,

И мачта гнется и скрыпит;

Увы! - он счастия не ищет

И не от счастия бежит! -





Утес



Ночевала тучка золотая

На груди утеса-великана;

Утром в путь она умчалась рано,

По лазури весело играя;





Слайд 24 Изображения

Изображения

Слайд 25 Изображения

Изображения

Слайд 26 Изображения

Прекращение обтекания изображения текстом
Атрибуты TITLE и ALT
Использование

ИзображенияПрекращение обтекания изображения текстомАтрибуты TITLE и ALT Использование в качестве фонового рисунка

в качестве фонового рисунка

  • Имя файла: osnovy-html.pptx
  • Количество просмотров: 159
  • Количество скачиваний: 0
- Предыдущая Изобретение, которое изменило мир
Следующая - Общественно-политическое развитие России в 1894-1904 годах. Характеристика личности Николая II

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

Начальные сведения из теории вероятностей Начальные сведения из теории вероятностей 116
Презентация в обучении Презентация в обучении 108
Презентация по информатике Подключение к сети Интернет Презентация по информатике Подключение к сети Интернет 175
Человек и информация Человек и информация 129
Компьютерные вирусы и антивирусные программы Компьютерные вирусы и антивирусные программы 123
Телекоммуникационные системы Телекоммуникационные системы 140
Операционная система Linux Операционная система Linux 158
HTML and CSS. Site layout. Best practices HTML and CSS. Site layout. Best practices 131
Программирование ветвлений на QBasic Программирование ветвлений на QBasic 119
Электронный документ и файл Электронный документ и файл 138
Шины расширения Шины расширения 175
История возникновения электронной почты. Создание собственного электронного ящика на yandex.ru История возникновения электронной почты. Создание собственного электронного ящика на yandex.ru 99
Презентация по информатике на тему Двумерные массивы Презентация по информатике на тему Двумерные массивы 131
История средств обмена информацией История средств обмена информацией 114
ФАЙЛОВАЯ СИСТЕМА ФАЙЛОВАЯ СИСТЕМА 106
Презентация к уроку умозаключение как форма мышления Презентация к уроку умозаключение как форма мышления 152
MSC.Mvision - 01-3 MSC.Mvision - 01-3 109
Общая характеристика текстового процессора Общая характеристика текстового процессора 154
Презентация по информатике на тему Разработка электронных учебных курсов в PowerPoint с помощью iSpring Suite (9 класс)Разработка электронных учебных курсов в PowerPoint с помощью iSpring Suite Презентация по информатике на тему Разработка электронных учебных курсов в PowerPoint с помощью iSpring Suite (9 класс)Разработка электронных учебных курсов в PowerPoint с помощью iSpring Suite 203
История чисел и систем счисления История чисел и систем счисления 120
Отображение графической информации в Delphi Отображение графической информации в Delphi 122
Информация и информационные процессы. Информация и информационные процессы. 145
Основные понятия теории графов Основные понятия теории графов 122
Классификация программных средств САПР Классификация программных средств САПР 129
Презентация по информатике на тему ЛИТЕРЛІК ШАМАЛАРМЕН ЖҰМЫС ЖАСАУ АЛГОРИТМІ (9 класс) Презентация по информатике на тему ЛИТЕРЛІК ШАМАЛАРМЕН ЖҰМЫС ЖАСАУ АЛГОРИТМІ (9 класс) 254
Кестенің ұяшығында тек баған адресі мен жол нөмері көрсетілсе Кестенің ұяшығында тек баған адресі мен жол нөмері көрсетілсе 135
Анимация сказки Колобок, к открытому занятию Защита проектов Анимация сказки Колобок, к открытому занятию Защита проектов 252
3D модели (АЭРО) 3D модели (АЭРО) 138
Встроенные классы Java Встроенные классы Java 146
Опасности социальных сетей и безопасное пользование. Опасности социальных сетей и безопасное пользование. 121