Разделы презентаций

ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА Часть1. Структура и параметры html- документа

Содержание

Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP (Transmission Control Protocol – транспортный протокол) и IP (Internet Protocol – протокол маршрутизации).HyperText Markup

Слайды и текст этой презентации

Слайд 1ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА
Часть1. Структура и параметры html-документа. Форматирование текста. Графика

на Web-страницах. Ссылки. Маркеры.

ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТАЧасть1. Структура и параметры html-документа. Форматирование текста. Графика на Web-страницах. Ссылки. Маркеры.

Слайд 2Появление HTML пришлось на начало 90-х годов благодаря двум протоколам,

которые являются базовыми для Internet – TCP (Transmission Control Protocol

– транспортный протокол) и IP (Internet Protocol – протокол маршрутизации).
HyperText Markup Language – язык разметки гипертекста
Гипертекст – это своего рода нелинейное письмо, линейность которого нарушается применением гиперссылок.

История языка HTML

Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP

Слайд 3Для разметки HTML документа используют теги(флаги разметки).
Тег – это определенная

последовательность символов, заключенные между знаками (меньше).
< - начало

тега
> - конец тега
ПРИМЕР:
и
Флаги бывают парные и непарные, открывающие и закрывающие. Отличительный признак закрывающего флага символ /

Теги

Для разметки HTML документа используют теги(флаги разметки).Тег – это определенная последовательность символов, заключенные между знаками (меньше).< -

Слайд 4HTML-теги
HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или

выключаете в вашем браузере.
Теги могут быть написаны заглавными и строчными

буквами. Наиболее мудро в тегах использовать заглавные буквы, чтобы они выделялись в тексте.
...
Теги, в основном, используются попарно. Открывающий тег включает, закрывающий тег выключает.
...
Иногда теги имеют один или несколько атрибутов. Атрибуты предоставляют дополнительную информацию для браузера. Тег говорит браузеру ЧТО делать, а атрибут говорит КАК это делать.
...
HTML-тегиHTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете в вашем браузере.Теги могут быть написаны

Слайд 5
Всегда обращайте внимание на порядок расположения тегов:

Верно:


Неверно:



HTML-теги

Всегда обращайте внимание на порядок расположения тегов: Верно: Неверно: HTML-теги

Слайд 6
простое название
содержание страницы


простое название
содержание страницы


простое название
содержание страницы




простое название


содержание страницы



Структура HTML-документа

простое название содержание страницы простое название содержание страницы

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

Структура HTML-документа

Слайд 8Параметры документа задаются через тег .
Параметры – это специальные

символьные команды, которые «понимает» браузер.
Параметры документа

Параметры документа задаются через тег . Параметры – это специальные символьные команды, которые «понимает» браузер.Параметры документа

Слайд 9

Заглавие документа


Это наш пример!!!


Параметры

документа: пример

Заглавие документаЭто наш пример!!! Параметры документа: пример

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

параметров, такие как заглавие, описание сайта, авторство для индексирования и

лучшего нахождения поисковыми системами страницы. Эти параметры обозначены в META-тегах.

Индексирование документыHTML-документы могут содержать набор ключевых слов и других вспомогательных параметров, такие как заглавие, описание сайта, авторство

Слайд 11Для здания кодировки используется тег META, стоящий в теге HEAD.

Атрибуты тега для задания кодировок:
Кодировка страницы

Для здания кодировки используется тег META, стоящий в теге HEAD. Атрибуты тега для задания кодировок:

Слайд 12



CONTENT="Пупкин, дизайн, htm, html">
Заглавие документа


Вася


Содержание документа: автоматически отображается на Кириллице!


Кодировка

страницы: пример
Заглавие документаВасяСодержание документа: автоматически отображается на Кириллице!Кодировка страницы: пример

Слайд 13В HTML существуют специальные теги для заголовков: от Н1 (самого

крупного) до Н6 (самого мелкого):




Заголовок 1

Заголовок 2

Заголовок 3


Заголовок 4


Заголовок 5

Заголовок 6



Заголовки

В HTML существуют специальные теги для заголовков: от Н1 (самого крупного) до Н6 (самого мелкого):

Слайд 14 Bold жирный
Italic наклонный
Underline подчеркнутый
Strikethrough зачеркнутый




Bold

Italic

Underline

Strikethrough



Bold & Italic


Стили текста

Bold жирный Italic наклонный Underline подчеркнутый Strikethrough зачеркнутый Bold Italic Underline Strikethrough Bold & Italic Стили текста

Слайд 15Шрифт задаётся тегом FONT.











Helvetica" SIZE="4" COLOR="green">
Цвет, размер и шрифт выбраны.


Шрифт

Шрифт задаётся тегом FONT. Цвет, размер и шрифт выбраны.Шрифт

Слайд 16Неразрывный пробел –   (non-breaking space). Перенос строки –

Размещение текста в том виде, в котором он представлен –

...


Пример: 



Предварительное   форматирование текста
 //    *    //


Mitsubishi Galant

Mitsubishi Galant.

Начало нового абзаца!




Предварительное форматирование

Неразрывный пробел –   (non-breaking space). Перенос строки – Размещение текста в том виде, в

Слайд 17Верхний индекс - тег SUP, а нижний - SUB.

X3


A3


Верхние и нижние индексы

Верхний индекс - тег SUP, а нижний - SUB. X3A3 Верхние и нижние индексы

Слайд 18Тег нового абзаца










Значение CENTER - центрирование
Значение RIGHT

- выравнивание по правому краю.
Значение LEFT - выравнивание по

левому краю




Выравнивание

Тег нового абзаца Значение CENTER - центрированиеЗначение RIGHT - выравнивание по правому краю.Значение LEFT - выравнивание

Слайд 19Графика на Web-страницах
На Web-страницах возможно размещать графическую информацию.
Желаемым условием

графики в сети является небольшой размер файлов, наиболее часто реализуется

в форматах GIF и JPEG.
Графика на Web-страницахНа Web-страницах возможно размещать графическую информацию. Желаемым условием графики в сети является небольшой размер файлов,

Слайд 20Для публикаций изображений используется тег IMG:











HEIGHT="155" BORDER="2" ALT="Бабочка" align="right">


Графика на Web-страницах

Для публикаций изображений используется тег IMG: Графика на Web-страницах

Слайд 21

от текста...
Графика на Web-страницах: пример

Слайд 22

Атрибут ALIGN дает возможность

разместить текст на Web-странице между двумя изображениями...
Графика на Web-страницах: пример

Атрибут ALIGN дает возможность разместить текст на Web-странице между двумя изображениями...Графика на Web-страницах: пример

Слайд 23
Этот текст выровнен по верхней кромке изображения
Графика на

Web-страницах: пример

Этот текст выровнен по средней оси изображения

SRC=3.GIF ALIGN="BOTTOM">
Этот текст выровнен по нижней кромке изображения
Этот текст выровнен по верхней кромке изображенияГрафика на Web-страницах: примерЭтот текст выровнен по средней оси изображенияЭтот

Слайд 24Графика на Web-страницах: пример

Графика на Web-страницах: пример

Слайд 25Ссылки на Web-страницах
Ссылки служат для перехода с одной страницы на

другую, перенаправление по протоколам ссылок и прочее.
Реализуются с помощью

тега A.
Ссылки на Web-страницахСсылки служат для перехода с одной страницы на другую, перенаправление по протоколам ссылок и прочее.

Слайд 26Ссылки на Web-страницах

Ссылки на Web-страницах

Слайд 27Ссылки на Web-страницах

Ссылки на Web-страницах

Слайд 28Ссылки на Web-страницах

Ссылки на Web-страницах

Слайд 29Списки на Web-страницах
Атрибут TYPE позволяет изменить вид маркера:

Раз Два Три

  • Четыре
  • Пять


    • Списки на Web-страницахАтрибут TYPE позволяет изменить вид маркера:

    Слайд 30Списки на Web-страницах
    Атрибут TYPE позволяет изменить стиль нумерации:

    Раз Два Три

  • Четыре
  • Пять


    • Списки на Web-страницахАтрибут TYPE позволяет изменить стиль нумерации: Раз Два

    Слайд 31Списки на Web-страницах
    Атрибуты START и VALUE позволяют изменить порядок нумерации

    списка:

    START – дает возможность присвоить начальному элементу номер, отличный от

    1;
    VALUE – принудительно назначает элементу произвольный номер.


    1. Иванов

    2. Сидоров

    3. Пупкин



    Списки на Web-страницахАтрибуты START и VALUE позволяют изменить порядок нумерации списка:START – дает возможность присвоить начальному

    Слайд 32Списки на Web-страницах
    Список с несколькими уровнями вложенности:



    форматирование текста



    жирность;
    наклон;

  • цвет


  • работа с абзацами


    • Списки на Web-страницахСписок с несколькими уровнями вложенности: форматирование текста жирность;

    Слайд 33Списки с графическими маркерами
    Картинки для маркеров должны быть небольшого размера,

    соответствовать форматированию текста. Образцы маркеров можно найти на сайтах: www.grapholina.com/Grafics

    и www.theshockzone.com



      Раз

      Два

      Три

      Четыре

      Пять

    Для указания способа вертикального выравнивания текста относительно границ маркеров можно воспользоваться атрибутом ALIGN (top, middle, bottom) тега IMG:

    Раз
    Атрибут HSPACE тега IMG позволит отделить картинку маркера от текста:

    Раз

    Списки с графическими маркерамиКартинки для маркеров должны быть небольшого размера, соответствовать форматированию текста. Образцы маркеров можно найти

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

    Почва Почва 389
    so because but and I cannot see too good I have bad so because but and I cannot see too good I have bad 182
    VIVASAN у НЕВРОЛОГІЇ VIVASAN у НЕВРОЛОГІЇ 268
    Интеллектуальные информационные системы Интеллектуальные информационные системы 195
    Тема 7. КАДРОВЫЕ РЕСУРСЫ ПРЕДПРИЯТИЯ Тема 7. КАДРОВЫЕ РЕСУРСЫ ПРЕДПРИЯТИЯ 498
    6.ppt 6.ppt 259
    Стилі керівництва Стилі керівництва 547
    ТЕМА: ФИЗИЧЕСКАЯ РЕАБИЛИТАЦИЯ ПАЦИЕНТОВ С РАССЕЯННЫМ СКЛЕРОЗОМ ТЕМА: ФИЗИЧЕСКАЯ РЕАБИЛИТАЦИЯ ПАЦИЕНТОВ С РАССЕЯННЫМ СКЛЕРОЗОМ 286
    Название науки “география” означает Название науки “география” означает 311
    М. Горький «Макар Чудра» М. Горький «Макар Чудра» 468
    Комета Галлея Комета Галлея 337
    Микалоюс Константинос Чюрлёнис Микалоюс Константинос Чюрлёнис 197
    Донные отложения и их роль в самоочищении и вторичном загрязнении водных Донные отложения и их роль в самоочищении и вторичном загрязнении водных 284
    Презентация ко Дню России 2020 Презентация ко Дню России 2020 176
    Diploma theme: Change in the Anti-emergency automatic system as a result of the Diploma theme: Change in the Anti-emergency automatic system as a result of the 203
    МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ УО ВИТЕБСКИЙ ГОСУДАРСТВЕННЫЙ МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ УО ВИТЕБСКИЙ ГОСУДАРСТВЕННЫЙ 225
    Тема. Тварини минулого Тема. Тварини минулого 221
    ГОУ ВПО СибГМУ Росздрава Кафедра пропедевтики внутренних болезней Лектор зав ГОУ ВПО СибГМУ Росздрава Кафедра пропедевтики внутренних болезней Лектор зав 243
    Государственное профессиональное образовательное учреждение Макеевский Государственное профессиональное образовательное учреждение Макеевский 156
    Восхождение на Мутновский и Горелый вулканы Восхождение на Мутновский и Горелый вулканы 243

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

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

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

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

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

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

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