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

Содержание

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

Слайд 1Основы HTML

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


……….


………


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

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

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


Заголовок


Некоторый


текст


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


Заголовок


Абзац 1
Абзац

2

Абзац 3




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

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

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

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


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


Учебное

пособие

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


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




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

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


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

Слайд 11Форматирование текста: выравнивание
Текст без <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="i"



  1. Первый

  2. Второй

  3. Третий


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



  1. Первый

  2. Второй

  3. Третий


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



  1. Первый

  2. Второй

  3. Третий


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

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

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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


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



  • Первый

  • Второй

  • Третий


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

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


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

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

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

Пример:

Пример: Параграф1

Пример:

HREF=page3.html#Paragraph2>Параграф 2 страницы 3

Пример: Написать письмо

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


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


Парус

Утес



Парус



Белеет парус

одинокой

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

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

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



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

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

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

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





Утес



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

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

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

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





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

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

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

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

рисунка

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

Пример:


Пример:



Пример:

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

Научно-исследовательские работы студентов. Оформление научных работ 369
Линейный массив 255
Понятие программной инженерии. (Лекция 1.1) 422
Построение филогенетических деревьев 747
Планирование и отчетность по процессу тестирования 378
Сбор семантического ядра. Характеристики запросов 219

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

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

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

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