Основы HTML презентация

Содержание

Слайд 2

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

Базовые теги

Структура любого документа:


……….


………


Слайд 3

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

Базовые теги

Чтобы добавить название, используется тег , который располагается в</div></h2><div class="slides-content">части заголовка.<br>Пример: <TITLE>Заголовок.

Слайд 4

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

Базовые теги



Заголовок


Некоторый
текст


Слайд 5

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

Абзацы



Заголовок


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

Абзац 3




Слайд 6

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

Комментарии

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

Слайд 7

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

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

Слайд 8

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

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

Слайд 9

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

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



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


Учебное пособие


Глава

1. Основы HTML

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




Слайд 10

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

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

Подпись


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

Слайд 11

Форматирование текста: выравнивание Текст без &lt;PRE&gt; Здесь размещен предварительно отформатированный

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

Текст без <PRE>


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

Текст c <PRE>



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

Слайд 12

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

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



Слайд 13

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

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

и одинарные кавычки равноценны
Обязательно кавычки должны использоваться, если в значении атрибута содержится пробел
Слайд 14

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

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

SIZE=5>
Шрифт текста равен 3
Шрифт текста равен 7
Пример: Гарнитура Courier New
Пример:
Слайд 15

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

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

Слайд 16

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

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

LINK=”red” VLINK=”blue” ALINK=”green”>
Пример:
Пример:
Слайд 17

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

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

Слайд 18

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

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

Слайд 19

Списки: нумерованный список Нумерованный список. TYPE="a" Первый Второй Третий Нумерованный

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

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



  1. Первый

  2. Второй

  3. Третий


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

TYPE="A"

  1. Первый

  2. Второй

  3. Третий


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



  1. Первый

  2. Второй

  3. Третий


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



  1. Первый

  2. Второй

  3. Третий


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



  1. Первый

  2. Второй

  3. Третий


Слайд 20

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

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

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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


Слайд 21

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

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


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



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


Слайд 22

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

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

HREF=page3.html#Paragraph2>Параграф 2 страницы 3
Пример: Написать письмо
Слайд 23

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

Ссылки



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


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

тумане моря голубом. -
Что ищет он в стране далекой?
Что кинул он в краю родном?
Играют волны, ветер свищет,
И мачта гнется и скрыпит;
Увы! - он счастия не ищет
И не от счастия бежит! -
Утес
Ночевала тучка золотая
На груди утеса-великана;
Утром в путь она умчалась рано,
По лазури весело играя;


Слайд 24

Изображения

Изображения


Слайд 25

Изображения

Изображения

Слайд 26

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

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

рисунка
Имя файла: Основы-HTML.pptx
Количество просмотров: 62
Количество скачиваний: 0