HTML презентация

Содержание

Web-страница Web-страница – это документ в формате HTML, содержащий текст и специальные инструкции – дескрипторы (тэги) HTML. Документы HTML хранятся в файле с расширением .html, или .htm (например, index.html)

Слайд 1HTML
Язык гипертекстовой
разметки страниц


Слайд 2Web-страница
Web-страница – это документ в формате HTML, содержащий текст и специальные

инструкции – дескрипторы (тэги) HTML.

Документы HTML хранятся в файле с расширением .html, или .htm
(например, index.html)

Слайд 3Дескрипторы HTML
Дескрипторы HTML сообщают Web-браузеру информацию о структуре и особенностях форматирования

web-страницы.
Каждый дескриптор содержит определенную инструкцию и заключен в уголковые скобки
(< и >).
Многие дескрипторы обладают атрибутами,
позволяющие указывать значения параметров.

Слайд 4Структура HTML документа

Служебная информация

Тело документа




Слайд 5Создание текста
Текст написанный между тегами отображается на экране


Магистрально-модульный принцип работы


В основу

архитектуры современных персональных компьютеров положен магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.



Слайд 6 Отображение в окне браузера

В основу архитектуры современных персональных компьютеров положен

магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.

Слайд 7Создание заголовков
Заголовки создаются тегом . Используется 6 уровней заголовков от

до

Например:

Заголовок 1


Заголовок 2


Заголовок 3


Заголовок 4


Заголовок 5

Заголовок 6

Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6


Слайд 8Абзац
Абзац создается тегом
Например:
Текст абзаца


Слайд 9Форматирование текста
Магистрально-модульный принцип работы В основу архитектуры современных персональных компьютеров положен

магистрально- модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию..

Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.



Слайд 10Магистрально-модульный принцип работы В основу архитектуры современных персональных компьютеров положен магистрально-

модульный принцип. Модульный принцип позволяет потребителю самому комплектовать нужную ему конфигурацию компьютера и производить при необходимости её модернизацию. Модульная организация компьютера опирается на магистральный (шинный) принцип обмена информацией между модулями.

Отображение в окне браузера


Слайд 11Атрибуты тегов

атрибут2=значение2>
Текст

Например:

Текст



Слайд 12Атрибут style
Устанавливает стиль написания текста
текст
Style="параметр1:значение1; параметр2:значение2;…"


Слайд 13Основные параметры шрифта
font-weight: [bold|normal|number] - жирность шрифта
font-style: [normal|italic|oblique] - наклон шрифта
font-size:

number - размер шрифта
font-family: name - гарнитура шрифта
color: number - цвет шрифта
background-color: number - цвет подложки
background: url - текстурная подложка

Слайд 14Например:

текст абзаца


Слайд 15 текст абзаца


Слайд 16Основные параметры абзаца
text-align: [left|right|center|justify] – выравнивание
text-indent: number - отступ красной

строки
line-height: number – интерлиньяж (межстрочный интервал)
letter-spacing: number – трекинг (межбуквенный интервал)

Слайд 17Основные параметры абзаца (отступы от текста)
padding-left: number - отступ от текста

слева
padding-right: number - отступ от текста справа
padding-top: number - отступ от текста сверху
padding-bottom: number - отступ от текста снизу

Слайд 18Основные параметры абзаца (отступы от границ)
margin-left: number - отступ от границы

слева
margin-right: number - отступ от границы справа
margin-top: number - отступ от границы сверху
margin-bottom: number - отступ от границы снизу

Слайд 19Атрибуты тега
Text – цвет текста
Bgcolor – цвет фона
Background=url – фоновый

рисунок
Например:

Текст страницы (относится ко всей странице)


Слайд 20Отступы на странице
LEFTMARGIN=0 – отступ слева
TOPMARGIN=0 – отступ сверху
MARGINWIDTH=0 –

ширина поля (левого и правого)
MARGINHEIGHT=0 – ширина поля (верхнего и нижнего)

Слайд 21Начертание шрифтов
Полужирный текст курсив Подчеркнутый текст Пропорциональный


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

Текст, записанный в тэге pre
выводится с точностью до


пробела. Его можно
использовать для написания
стихотворений

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

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

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

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

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


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

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