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)#864 (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)#886 (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)#864 (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)#886 (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)#864 (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"
  }
}




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

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

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

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

Ваш личный кабинет
Проверка свидетельства