Что такое 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
  • Количество просмотров: 137
  • Количество скачиваний: 0
- Предыдущая Изобретение, которое изменило мир
Следующая - Общественно-политическое развитие России в 1894-1904 годах. Характеристика личности Николая II

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

Виды антивирусов Виды антивирусов 142
Форматирование Форматирование 88
Основные устройства компьютера Основные устройства компьютера 102
ЛИНЕЙНЫЕ АЛГОРИТМЫ (4 КЛАСС) ЛИНЕЙНЫЕ АЛГОРИТМЫ (4 КЛАСС) 138
Интернет: хорошо или плохо? Интернет: хорошо или плохо? 136
Поколение ЭВМ Поколение ЭВМ 160
Сабақтың тақырыбы: MS Office бағдарламасы Сабақтың тақырыбы: MS Office бағдарламасы 175
Java lecture #05 concurrency Java lecture #05 concurrency 80
Антивирус Dr.Web Антивирус Dr.Web 124
Построение Сечения объемных фигур в Paint Построение Сечения объемных фигур в Paint 140
Логика в информатике Логика в информатике 124
Презентация по информатике Основы Интернета Презентация по информатике Основы Интернета 117
Технические средства реализации информационных процессов Технические средства реализации информационных процессов 210
Методы вычислений Методы вычислений 138
Проект Калькулятор Проект Калькулятор 110
Понятие алгоритма. Свойства алгоритма Понятие алгоритма. Свойства алгоритма 103
Компьютер Компьютер 119
Безопасная работа в социальных сетях Безопасная работа в социальных сетях 83
SQLServerWaits SQLServerWaits 104
Информатика пәнінен презентация Сканер құрылғысы. Информатика пәнінен презентация Сканер құрылғысы. 153
Влияние компьютера на зрение Влияние компьютера на зрение 151
Технологии программирования Технологии программирования 100
Шифрование с открытым ключом. Алгоритм RSA Шифрование с открытым ключом. Алгоритм RSA 132
Проект по информатике Письменность Проект по информатике Письменность 284
Язык программирования Turbo Pascal 7.0 Язык программирования Turbo Pascal 7.0 152
Деловая графика MS Exel Деловая графика MS Exel 101
Хранение информации Хранение информации 122
Презентация по информатике на тему Екілік арифметика. Арифметикалық амалдар (8 сынып) Презентация по информатике на тему Екілік арифметика. Арифметикалық амалдар (8 сынып) 141
Объединение множеств Объединение множеств 110
Предмет и задачи информатики. Информационные системы. Информационные технологии. Информационные революции Предмет и задачи информатики. Информационные системы. Информационные технологии. Информационные революции 124