SlideShare a Scribd company logo
{
Язык HTML
Подготовила Анна Шишонок
Учащаяся 10 «Б» класса
Гимназии № 35 г. Минска
HTML (от англ. HyperText Markup
Language — «язык гипертекстовой
разметки») —
стандартизированный язык
разметки документов во
Всемирной паутине. Большинство
веб-страниц содержат описание
разметки на языке HTML (или
XHTML). Язык HTML
интерпретируется браузерами;
полученный в результате
интерпретации форматированный
текст отображается на экране
монитора компьютера или
мобильного устройства.
Язык HTML был разработан
британским учёным Тимом
Бернерсом-Ли приблизительно
в 1986—1991 годах в стенах
ЦЕРНа в Женеве (Швейцария).
HTML создавался как язык для
обмена научной и технической
документацией, пригодный для
использования людьми, не
являющимися специалистами в
области вёрстки.
Web-страницу (документ или информационный ресурс Всемирной
паутины) для публикации в сети можно создать с помощью
программы HTML.
Текстовые документы, содержащие разметку на языке HTML (такие
документы традиционно имеют расширение .html или .htm),
обрабатываются специальными приложениями, которые
отображают документ в его форматированном виде. Такие
приложения, называемые «браузерами» или «интернет-
обозревателями», обычно предоставляют пользователю удобный
интерфейс для запроса веб-страниц, их просмотра (и вывода на
иные внешние устройства) и, при необходимости, отправки
введённых пользователем данных на сервер. Наиболее
популярными на сегодняшний день браузерами являются Google
Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari.
Очень часто возникает необходимость
форматировать введенные данные непосредственно в
Блокноте, где представлена программа языка
гипертекстовой разметки HTML. Если даже нет
необходимости в создании страницы на языке HTML
нужно знать основные тэги для того, чтобы вносить
необходимые изменения в уже готовую программу.
 Создать персональную папку, где обязательным является
использование для имени папки латинских букв;
 Создать текстовой документ блокнот;
 Открыть документ и сохранить его под новым именем с
расширением .html или .htm.
 Закрыть документ;
 Открыть html –документ;
 Открыть блокнот, выполнив команду Вид/в виде html.
 В папке должны находиться два файла: текстовый документ и
документ html.
 Текстовой файл можно будет удалить после создания html-
документа.
Для работы с HTML
документом необходимо:
 Тэги – это управляющие символы, определяющие вид Web-страницы при
её просмотре в браузере.
 Тэг - элемент HTML, представляющий из себя текст, заключенный в
угловые скобки.
 Тэг является активным элементом, изменяющим представление
следующей за ним информации. Тэг может иметь некоторое количество
атрибутов.
 Обычно используются два тэга – открывающий (<тэг>) и закрывающий ().
 *** / - имеет название СЛЭШ
 Контейнеры – это парные тэги, содержащие открывающий и
закрывающий тэг, которые указывают на начало и конец форматирования
определенного блока.
Основными элементами документа
являются тэги
Программа состоит из двух частей. В первой части
задается заголовок страницы (он отображается в
заголовке окна) и первым загружается при просмотре
страницы.
Особое значение следует уделить выбору названия
заголовка, т.к. именно по заголовку индексируется
страница в поисковых системах. Название заголовка
должно отражать суть информационного наполнения
страницы.
Каждый HTML-документ обязан
начинаться со строки декларации версии
HTML !DOCTYPE, которая поможет
браузеру определить, как правильно
интерпретировать данный документ и
обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 3.2 Final//EN">
После объявления версии и типа
документа необходимо обозначить его
начало и конец. Это делается с помощью
тега-контейнера <html> -</html>.
Затем, между тегами <html> и </html>
следует разместить заголовок <head> -
</head> и тело <body> - </body>
документа.
Общий вид программы
(структура):
Изначально язык HTML был задуман и создан как
средство структурирования и форматирования
документов без их привязки к средствам воспроизведения
(отображения). В идеале, текст с разметкой HTML должен
был без стилистических и структурных искажений
воспроизводиться на оборудовании с различной
технической оснащённостью (цветной экран
современного компьютера, монохромный экран
органайзера, ограниченный по размерам экран
мобильного телефона или устройства и программы
голосового воспроизведения текстов).
Однако современное применение
HTML очень далеко от его
изначальной задачи. Например, тег
<table> предназначен для создания в
документах таблиц, но часто
используется и для оформления
размещения элементов на
странице.
Главной особенностью HTML является способность использовать
гиперсвязи (links), благодаря которым возможны ссылки на другие
документы, как локальные, так и находящиеся на другом конце
земного шара, а также внедрение в документы изображений, звука,
видео и т. д.
С течением времени основная идея
платформонезависимости языка
HTML была принесена в жертву
современным потребностям в
мультимедийном и графическом
оформлении.
Спасибо за внимание!
Использованная литература: ресурсы интернета.

More Related Content

What's hot

к мастер классу
к мастер классук мастер классу
к мастер классу
Svetlana68
 
Vvedenie html 1
Vvedenie html 1Vvedenie html 1
XML
XMLXML
Язык разметки
Язык разметкиЯзык разметки
Язык разметкиelenash584
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документаAndrey Radionov
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
Яковенко Кирилл
 
основы Html
основы Htmlосновы Html
основы Html
Alexander Babich
 
Введение в DOM
Введение в DOMВведение в DOM
Введение в DOM
IT Academy Project EU
 

What's hot (11)

к мастер классу
к мастер классук мастер классу
к мастер классу
 
Vvedenie html 1
Vvedenie html 1Vvedenie html 1
Vvedenie html 1
 
XML
XMLXML
XML
 
Язык разметки
Язык разметкиЯзык разметки
Язык разметки
 
нтмл код
нтмл   коднтмл   код
нтмл код
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документа
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
 
основы Html
основы Htmlосновы Html
основы Html
 
Введение в DOM
Введение в DOMВведение в DOM
Введение в DOM
 
Lection1
Lection1Lection1
Lection1
 
Html
HtmlHtml
Html
 

Similar to Html

lesson3_HTML_rus.pdf
lesson3_HTML_rus.pdflesson3_HTML_rus.pdf
lesson3_HTML_rus.pdf
mmmitioglo
 
основы Html
основы Htmlосновы Html
основы Htmlgalka08m
 
Html лаб 2
Html лаб 2Html лаб 2
Html лаб 2
Vladimir Burdaev
 
Html 1
Html  1Html  1
Php intro rus
Php intro rusPhp intro rus
Php intro rus
aDDDitive
 
XML
XMLXML
презентация по миру
презентация по мирупрезентация по миру
презентация по мируkuzeenka31
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1itc73
 
4. стандарты html
4. стандарты html4. стандарты html
4. стандарты html
Sergei Dubrov
 
1. Введение
1. Введение1. Введение
1. Введение
IT Academy Project EU
 
Основы языка HTML
Основы языка HTMLОсновы языка HTML
Основы языка HTML
Denis Latushkin
 
Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...
Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...
Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...
Елена Никонова
 
гипертекст
гипертекстгипертекст
гипертекст
veronikaveera
 
C++ STL & Qt. Занятие 06.
C++ STL & Qt. Занятие 06.C++ STL & Qt. Занятие 06.
C++ STL & Qt. Занятие 06.
Igor Shkulipa
 
язык разметки
язык разметкиязык разметки
язык разметкиelenash584
 
Pavel Rumantsev - Html5
Pavel Rumantsev - Html5Pavel Rumantsev - Html5
Pavel Rumantsev - Html5beloslab
 

Similar to Html (20)

lesson3_HTML_rus.pdf
lesson3_HTML_rus.pdflesson3_HTML_rus.pdf
lesson3_HTML_rus.pdf
 
основы Html
основы Htmlосновы Html
основы Html
 
Html лаб 2
Html лаб 2Html лаб 2
Html лаб 2
 
HTML
HTMLHTML
HTML
 
Html 1
Html  1Html  1
Html 1
 
Php intro rus
Php intro rusPhp intro rus
Php intro rus
 
XML
XMLXML
XML
 
презентация по миру
презентация по мирупрезентация по миру
презентация по миру
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1
 
4. стандарты html
4. стандарты html4. стандарты html
4. стандарты html
 
1. Введение
1. Введение1. Введение
1. Введение
 
Основы языка HTML
Основы языка HTMLОсновы языка HTML
Основы языка HTML
 
Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...
Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...
Разработка Web-сайтов с использованием языка разметки гипертекста HTML. Web-с...
 
гипертекст
гипертекстгипертекст
гипертекст
 
мова Html
мова Htmlмова Html
мова Html
 
C++ STL & Qt. Занятие 06.
C++ STL & Qt. Занятие 06.C++ STL & Qt. Занятие 06.
C++ STL & Qt. Занятие 06.
 
язык разметки
язык разметкиязык разметки
язык разметки
 
Pavel Rumantsev - Html5
Pavel Rumantsev - Html5Pavel Rumantsev - Html5
Pavel Rumantsev - Html5
 

Html

  • 1. { Язык HTML Подготовила Анна Шишонок Учащаяся 10 «Б» класса Гимназии № 35 г. Минска
  • 2. HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
  • 3. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах ЦЕРНа в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.
  • 4. Web-страницу (документ или информационный ресурс Всемирной паутины) для публикации в сети можно создать с помощью программы HTML. Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет- обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari.
  • 5. Очень часто возникает необходимость форматировать введенные данные непосредственно в Блокноте, где представлена программа языка гипертекстовой разметки HTML. Если даже нет необходимости в создании страницы на языке HTML нужно знать основные тэги для того, чтобы вносить необходимые изменения в уже готовую программу.
  • 6.  Создать персональную папку, где обязательным является использование для имени папки латинских букв;  Создать текстовой документ блокнот;  Открыть документ и сохранить его под новым именем с расширением .html или .htm.  Закрыть документ;  Открыть html –документ;  Открыть блокнот, выполнив команду Вид/в виде html.  В папке должны находиться два файла: текстовый документ и документ html.  Текстовой файл можно будет удалить после создания html- документа. Для работы с HTML документом необходимо:
  • 7.  Тэги – это управляющие символы, определяющие вид Web-страницы при её просмотре в браузере.  Тэг - элемент HTML, представляющий из себя текст, заключенный в угловые скобки.  Тэг является активным элементом, изменяющим представление следующей за ним информации. Тэг может иметь некоторое количество атрибутов.  Обычно используются два тэга – открывающий (<тэг>) и закрывающий ().  *** / - имеет название СЛЭШ  Контейнеры – это парные тэги, содержащие открывающий и закрывающий тэг, которые указывают на начало и конец форматирования определенного блока. Основными элементами документа являются тэги
  • 8. Программа состоит из двух частей. В первой части задается заголовок страницы (он отображается в заголовке окна) и первым загружается при просмотре страницы. Особое значение следует уделить выбору названия заголовка, т.к. именно по заголовку индексируется страница в поисковых системах. Название заголовка должно отражать суть информационного наполнения страницы.
  • 9. Каждый HTML-документ обязан начинаться со строки декларации версии HTML !DOCTYPE, которая поможет браузеру определить, как правильно интерпретировать данный документ и обычно выглядит так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <html> -</html>. Затем, между тегами <html> и </html> следует разместить заголовок <head> - </head> и тело <body> - </body> документа. Общий вид программы (структура):
  • 10. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
  • 11. Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <table> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. Главной особенностью HTML является способность использовать гиперсвязи (links), благодаря которым возможны ссылки на другие документы, как локальные, так и находящиеся на другом конце земного шара, а также внедрение в документы изображений, звука, видео и т. д. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.
  • 12. Спасибо за внимание! Использованная литература: ресурсы интернета.