kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Видеоуроки Олимпиады Вебинары для учителей

Презентация на тему "Основные теги html"

Нажмите, чтобы узнать подробности

Презентация на тему "Основные теги html"

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Презентация на тему "Основные теги html"»

HTML

HTML

Язык HTML(Hyper Text Markup Language) — это язык разметки гипертекста. Разметка заключается в том, что в обычный текст добавляются специальные команды HTML, описывающие, как должен выглядеть данный текст. Гипертекст – это расширенный текст, содержащий дополнительные элементы. Главный из них – это гипертекстовая ссылка ( гиперссылка ), щелчок на которой позволяет перейти к другому документу или к другому фрагменту того же документа. Вставляемые объекты (рисунки, видеоролики и т.д.) также рассматриваются как элементы гипертекста.HTML-документ – это файл с расширением  htm  или html .
  • Язык HTML(Hyper Text Markup Language) — это язык разметки гипертекста. Разметка заключается в том, что в обычный текст добавляются специальные команды HTML, описывающие, как должен выглядеть данный текст. Гипертекст – это расширенный текст, содержащий дополнительные элементы. Главный из них – это гипертекстовая ссылка ( гиперссылка ), щелчок на которой позволяет перейти к другому документу или к другому фрагменту того же документа. Вставляемые объекты (рисунки, видеоролики и т.д.) также рассматриваются как элементы гипертекста.HTML-документ – это файл с расширением  htm  или html .
В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки , например, , , . Такие элементы разметки называются  тэгами (tags).
  • В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки , например, , , . Такие элементы разметки называются  тэгами (tags).
Тэги могут быть парными и непарными. Любой тэг начинается с левой угловой скобки , например . Парный тэг состоит из открывающего  (стартового) тэга и закрывающего , у которого перед именем отображается символ
  • Тэги могут быть парными и непарными. Любой тэг начинается с левой угловой скобки , например . Парный тэг состоит из открывающего  (стартового) тэга и закрывающего , у которого перед именем отображается символ "/" ( слэш ), например . Кроме этого, большинство тэгов могут иметь необязательные атрибуты , значение которых задается "по умолчанию" или явно.   Атрибут тэга состоит из имени, знака равенства и значения, которое задается строкой символов. Значения атрибутов обычно заключаются в кавычки. Однако если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить. Может случиться так, что браузер не понимает данный тэг; в этом случае он его пропускает, но сообщение об ошибке не выдается.
В языке HTML не делают различия между большими и малыми буквами, так, что тэги ,  и  эквивалентны. Все тэги делятся на две категории: структурные тэги; тэги разметки.
  • В языке HTML не делают различия между большими и малыми буквами, так, что тэги , и эквивалентны.
  • Все тэги делятся на две категории:
  • структурные тэги;
  • тэги разметки.
Рассмотрим пример простого HTML-документа:    Пример1     Всем привет!   Я студент группы МГ-21 Петров П.П.
  • Рассмотрим пример простого HTML-документа:
  • Пример1
  • Всем привет!
  • Я студент группы МГ-21 Петров П.П.
Для удобства просмотра документа здесь введены дополнительные отступы и пробелы, которые при просмотре документа браузером будут проигнорированы. При просмотре в браузере мы увидим на экране следующий текст: Всем привет! Я студент группы МГ-21 Петров П.П.
  • Для удобства просмотра документа здесь введены дополнительные отступы и пробелы, которые при просмотре документа браузером будут проигнорированы.
  • При просмотре в браузере мы увидим на экране следующий текст:
  • Всем привет!
  • Я студент группы МГ-21 Петров П.П.
Структурные тэги

Структурные тэги

  • Они описывают общие свойства документа, например, его название или используемую кодировку символов.
  • ... - тэги, являющиеся признаком начала и конца документа
  • ... - э та пара тэгов указывает на начало и конец заголовка документа (Web-страницы). Помимо наименования документа сюда включается служебная информация.
... - в се, что находится между тэгами    и   , толкуется браузером как название документа. Текст, размещенный за тэгом  , отображается в заголовке окна браузера и печатается в верхнем углу каждой страницы при выводе документа на принтер.  Рекомендуется давать название, не превышающее 64 символа. ... - эта пара тэгов указывает на начало и конец тела HTML-документа; все то, что заключено между этими тэгами, определяет информацию, отображаемую в окне браузера.
  • ... - в се, что находится между тэгами   и  , толкуется браузером как название документа. Текст, размещенный за тэгом  , отображается в заголовке окна браузера и печатается в верхнем углу каждой страницы при выводе документа на принтер.  Рекомендуется давать название, не превышающее 64 символа.
  • ... - эта пара тэгов указывает на начало и конец тела HTML-документа; все то, что заключено между этими тэгами, определяет информацию, отображаемую в окне браузера.
Комментарии

Комментарии

  • Файл HTML может содержать комментарии, поясняющие написанный HTML-код. Комментарии начинаются с последовательности   . Комментарии игнорируются браузером и не влияют на представление документа на экране.
  • Например: 
Тэги разметки

Тэги разметки

Тэги форматирования текста ...  ... -  задают уровни заголовков , причем  заголовок первого уровня — самый крупный, шестого уровня - самый мелкий. ...

Тэги форматирования текста

  • ...  ... -  задают уровни заголовков , причем  заголовок первого уровня — самый крупный, шестого уровня - самый мелкий.
  • ...

    - такая пара тэгов описывает абзац. Все, что заключено между и , воспринимается как один абзац, так как символы конца абзаца браузером игнорируются. Закрывающий тэг может быть опущен.
Тэги    и   могут содержать дополнительный атрибут align,  который принимает одно из трех значений: align=center – выравнивание текста по центру; align=left – выравнивание текста по левому краю; align=right – выравнивание текста по правому краю. Например:  
  • Тэги    и  

    могут содержать дополнительный атрибут align,  который принимает одно из трех значений:

  • align=center – выравнивание текста по центру;
  • align=left – выравнивание текста по левому краю;
  • align=right – выравнивание текста по правому краю.
  • Например:  
-  используется, если необходимо перейти на новую строку, не прерывая абзаца. Он особенно удобен при публикации стихов

  • используется, если необходимо перейти на новую строку, не прерывая абзаца. Он особенно удобен при публикации стихов
Лошадка, везущаяя хворосту воз." width="640"
  • Однажды в студеную зимнюю пору

  • Я из лесу вышел. Был сильный мороз.
  • Гляжу, поднимается медленно в гору,br
  • Лошадка, везущаяя хворосту воз.
- т эг, который описывает вот такую горизонтальную линию: Тэг  может дополнительно включать различные атрибуты, например:   (center или left) – выравнивание по горизонтали;   - ширина линии в процентах/пикселях (точках);   - толщина линии в пикселях;   - цвет линии (в примере зеленый).  ...   позволяет представить текст в виде бегущей строки.

- т эг, который описывает вот такую горизонтальную линию:

Тэг может дополнительно включать различные атрибуты, например:

 (center или left) – выравнивание по горизонтали;

 - ширина линии в процентах/пикселях (точках);

 - толщина линии в пикселях;

 - цвет линии (в примере зеленый).

...   позволяет представить текст в виде бегущей строки.

Этот тэг может иметь следующие атрибуты: bgcolor - цвет фона; heigth  – высота ширина бегущей стоки; width  – ширина бегущей стоки; direction  – направление   перемещения текста (left|right) (по умолчанию – left). Например:    Это бегущая строка
  • Этот тэг может иметь следующие атрибуты:
  • bgcolor - цвет фона;
  • heigth  – высота ширина бегущей стоки;
  • width  – ширина бегущей стоки;
  • direction  – направление   перемещения текста (left|right) (по умолчанию – left).
  • Например:   Это бегущая строка


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Презентации

Целевая аудитория: Прочее.
Урок соответствует ФГОС

Скачать
Презентация на тему "Основные теги html"

Автор: Агафонова Елена Михайловна

Дата: 22.09.2020

Номер свидетельства: 558185

Похожие файлы

object(ArrayObject)#865 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(109) "Конспект урока на тему: Создание веб-страницы: Мир животных "
    ["seo_title"] => string(64) "konspiekt-uroka-na-tiemu-sozdaniie-vieb-stranitsy-mir-zhivotnykh"
    ["file_id"] => string(6) "108791"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1403861222"
  }
}
object(ArrayObject)#887 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(29) "Основы языка HTML "
    ["seo_title"] => string(18) "osnovy-iazyka-html"
    ["file_id"] => string(6) "154908"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421226441"
  }
}
object(ArrayObject)#865 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(157) "Разработка урока информатики по теме "HTML – язык разметки  гипертекстовых документов" "
    ["seo_title"] => string(90) "razrabotka-uroka-informatiki-po-tiemie-html-iazyk-razmietki-ghipiertiekstovykh-dokumientov"
    ["file_id"] => string(6) "135895"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1417002886"
  }
}
object(ArrayObject)#887 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(104) "Презентация на тему: Создание веб-страницы: Мир животных "
    ["seo_title"] => string(64) "priezientatsiia-na-tiemu-sozdaniie-vieb-stranitsy-mir-zhivotnykh"
    ["file_id"] => string(6) "108796"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1403862224"
  }
}
object(ArrayObject)#865 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(164) "Разработка урока по информатике в 10 классе по теме "Основы языка разметки гипертекста HTML" "
    ["seo_title"] => string(99) "razrabotka-uroka-po-informatikie-v-10-klassie-po-tiemie-osnovy-iazyka-razmietki-ghipiertieksta-html"
    ["file_id"] => string(6) "157084"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421524398"
  }
}



ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Проверка свидетельства