Что такое 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
  • Количество просмотров: 163
  • Количество скачиваний: 0