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

Содержание

Слайд 2

Базовые теги

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


……….


………


Слайд 3

Базовые теги

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

Слайд 4

Базовые теги



Заголовок


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


Слайд 5

Абзацы



Заголовок


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

Абзац 3




Слайд 6

Комментарии

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

Слайд 7

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

Слайд 8

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

Слайд 9

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



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


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


Глава 1. Основы

HTML

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




Слайд 10

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

Подпись


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

Слайд 11

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

Текст без <PRE>


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

Текст c <PRE>



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

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

Слайд 12

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



Слайд 13

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

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

Слайд 14

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

Шрифт

текста равен 3
Шрифт текста равен 7
Пример: Гарнитура Courier New
Пример:

Слайд 15

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

Слайд 16

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

ALINK=”green”>
Пример:
Пример:

Слайд 17

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

Слайд 18

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

Слайд 19

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

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



  1. Первый

  2. Второй

  3. Третий


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


TYPE="A">
  • Первый

  • Второй

  • Третий


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



    1. Первый

    2. Второй

    3. Третий


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



    1. Первый

    2. Второй

    3. Третий


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



    1. Первый

    2. Второй

    3. Третий


    Слайд 20

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

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



    • Первый

    • Второй

    • Третий


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



  • Первый

  • Второй

  • Третий


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



    • Первый

    • Второй

    • Третий


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



    • Первый

    • Второй

    • Третий


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



    • Первый

    • Второй

    • Третий


    Слайд 21

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


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



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


    Слайд 23

    Ссылки



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


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

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


    Слайд 24

    Изображения


    Слайд 25

    Изображения

    Слайд 26

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

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