SlideShare une entreprise Scribd logo
1  sur  8
Язык разметки
    гипертекста –
       HTML.

©
Основные определения
Web-страницей (веб-страницей) называется гипертекст – текст, в
который встроены специальные коды (теги), управляющие
дополнительными    элементами:    форматированием      текста,
иллюстрациями, мультимедийными вставками, гиперссылками на
другие документы.


Web-страницы создаются с помощью специального языка – языка
разметки гипертекста:
Основные определения
Web-страницы, размещаемые в сети Интернет, передаются по сети с
помощью протокола обмена информацией:
Основные определения

    Гиперссылка – активный элемент web-страницы, по щелчку на
    котором открывается другой документ (другая web-страница этого же
    сайта, другая web-страница этого же сервера или другая web-
    страница любого другого сервера Интернет). Гиперссылкой может
    быть:
    • фрагмент текста,
    • рисунок,
    • фрагмент рисунка,
    • и т.д.

    При наведении указателя мыши на гиперссылку он принимает вид
    руки с вытянутым вперед указательным пальцем.


    Итак, язык HTML служит для функциональной разметки web-страниц.

    Под разметкой web-страниц понимают вставку в текст тегов,
    определяющих то, как web-страница будет выглядеть на экране,
    отображаясь программой-браузером (или броузером – это синонимы).
©
Основные определения

Web-сайты обычно являются мультимедийными, так как кроме
текста могут содержать иллюстрации, анимацию, звуковую и
видеоинформацию.

Web-страницы сайта могут содержать динамические объекты
(исполняемые модули), созданные с использованием сценариев на
языках JavaScript и VBScript или элементов управления ActiveX.
Расположенные на сайте управляющие элементы (например, кнопки)
позволяют пользователю запускать те или иные динамические
объекты.

Web-сайты размещаются в сети Интернет на специальных
компьютерах, которые называются либо информационными
серверами, либо серверами провайдеров.
Основные определения

    Web-страницы создают в программах web-
    редакторах (Блокнот, Microsoft Front Page,
    Macromedia Dreamviewer, Home Site и т.д.), а
    просматривают в программах-браузерах (Microsoft
    Internet Explorer, Google Chrome, Mozilla Fire Fox,
    Opera).

    Основными достоинствами HTML-документов
    являются:
    • малый информационный объем;
    • возможность просмотра на персональных
    компьютерах,      оснащенных     различными
    операционными системами.

©
Теги HTML
Коды языка HTML, с помощью которых выполняется разметка web-
страницы, называются тегами.
Теги – это набор символов.

Все теги начинаются с символа «меньше» (<) и заканчиваются
символом «больше» (>). Пару этих символов называют угловыми
скобками. Внутри угловых скобок записывается ключевое слово.
Пример:                Каждый тег в языке HTML имеет
                       специальное назначение. Регистр букв в
                       ключевых словах тегов не имеют значения:
                       можно использовать как заглавные, так и
                       строчные буквы.
                        Но так как в Сети повсеместно используют
                        имена файлов, написанные латиницей
                        строчными буквами, я привыкла и ключевые
                        слова тегов писать строчными буквами. И
                        вам советую всегда придерживаться такого
                        правила.
Теги HTML
Теги бывают:                Как правило, один тег HTML воздействует
1. Парные                   только на часть документа (например, на
                            абзац). Тогда используют парные теги.
                            Открывающий тег создает эффект, а
                            закрывающий – прекращает его действие.
                            Ключевое слово закрывающего тега
                            начинается с символа косой черты ( / ).
2. Непарные
                                       Тег принудительного перехода
                                       на следующую строку внутри
                                       абзаца – аналог комбинации
                                       клавиш Shift + Enter в MS Word.
3. Теги с атрибутами
Атрибуты влияют на эффект, создаваемый тегом. То есть, атрибуты
определяют "силу" (значение) этого влияния.

Contenu connexe

Tendances (7)

XML
XMLXML
XML
 
Введение в DOM
Введение в DOMВведение в DOM
Введение в DOM
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
Html 1
Html  1Html  1
Html 1
 
к мастер классу
к мастер классук мастер классу
к мастер классу
 
презентация по миру
презентация по мирупрезентация по миру
презентация по миру
 

Similaire à язык разметки

Лекция 16. Введение в HTML.pptx
Лекция 16. Введение в HTML.pptxЛекция 16. Введение в HTML.pptx
Лекция 16. Введение в HTML.pptxexxdisillusion69
 
Наполнение сайта. Руководство
Наполнение сайта. РуководствоНаполнение сайта. Руководство
Наполнение сайта. РуководствоNimax
 
Основы языка HTML
Основы языка HTMLОсновы языка HTML
Основы языка HTMLDenis Latushkin
 
Мировые информационные ресурсы. Лекция 4
Мировые информационные ресурсы. Лекция 4Мировые информационные ресурсы. Лекция 4
Мировые информационные ресурсы. Лекция 4Dmitriy Krukov
 
Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...
Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...
Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...Max Kornev
 
форматирование текста в Html
форматирование текста в Htmlформатирование текста в Html
форматирование текста в HtmlMaxim Colesnicov
 
Интернет. Первое знакомство
Интернет. Первое знакомствоИнтернет. Первое знакомство
Интернет. Первое знакомствоBorisovna
 

Similaire à язык разметки (20)

Html лаб 2
Html лаб 2Html лаб 2
Html лаб 2
 
Основы HTML
Основы HTMLОсновы HTML
Основы HTML
 
Лекция 16. Введение в HTML.pptx
Лекция 16. Введение в HTML.pptxЛекция 16. Введение в HTML.pptx
Лекция 16. Введение в HTML.pptx
 
Lection1
Lection1Lection1
Lection1
 
Html, Css, Java Script
Html, Css, Java ScriptHtml, Css, Java Script
Html, Css, Java Script
 
9773
97739773
9773
 
Html
HtmlHtml
Html
 
Наполнение сайта. Руководство
Наполнение сайта. РуководствоНаполнение сайта. Руководство
Наполнение сайта. Руководство
 
HTML
HTMLHTML
HTML
 
Lect1
Lect1Lect1
Lect1
 
Основы языка HTML
Основы языка HTMLОсновы языка HTML
Основы языка HTML
 
Html
HtmlHtml
Html
 
Frontend
FrontendFrontend
Frontend
 
XML
XMLXML
XML
 
Vvedenie html 1
Vvedenie html 1Vvedenie html 1
Vvedenie html 1
 
Мировые информационные ресурсы. Лекция 4
Мировые информационные ресурсы. Лекция 4Мировые информационные ресурсы. Лекция 4
Мировые информационные ресурсы. Лекция 4
 
Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...
Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...
Инструментарий интернет-журналиста: платформы, "хард" и "софт". Основы HTML. ...
 
форматирование текста в Html
форматирование текста в Htmlформатирование текста в Html
форматирование текста в Html
 
55
5555
55
 
Интернет. Первое знакомство
Интернет. Первое знакомствоИнтернет. Первое знакомство
Интернет. Первое знакомство
 

Plus de elenash584

путешествие на край земли
путешествие на край землипутешествие на край земли
путешествие на край землиelenash584
 
коробки
коробкикоробки
коробкиelenash584
 
коробки
коробкикоробки
коробкиelenash584
 
моделир и формал
моделир и формалмоделир и формал
моделир и формалelenash584
 
типы алг
типы алгтипы алг
типы алгelenash584
 
типы алг
типы алгтипы алг
типы алгelenash584
 
алгоритм1
алгоритм1алгоритм1
алгоритм1elenash584
 
Язык разметки
Язык разметкиЯзык разметки
Язык разметкиelenash584
 
интернет-ликбез
интернет-ликбезинтернет-ликбез
интернет-ликбезelenash584
 
котяра по делам
котяра по деламкотяра по делам
котяра по деламelenash584
 
котяра по делам
котяра по деламкотяра по делам
котяра по деламelenash584
 
основные определения
основные определенияосновные определения
основные определенияelenash584
 
виды графики
виды графикивиды графики
виды графикиelenash584
 

Plus de elenash584 (19)

путешествие на край земли
путешествие на край землипутешествие на край земли
путешествие на край земли
 
коробки
коробкикоробки
коробки
 
коробки
коробкикоробки
коробки
 
моделир и формал
моделир и формалмоделир и формал
моделир и формал
 
2056 yzx
2056 yzx2056 yzx
2056 yzx
 
Blok
BlokBlok
Blok
 
типы алг
типы алгтипы алг
типы алг
 
типы алг
типы алгтипы алг
типы алг
 
алгоритм1
алгоритм1алгоритм1
алгоритм1
 
эрстед
эрстедэрстед
эрстед
 
Neigra pm 1
Neigra pm 1Neigra pm 1
Neigra pm 1
 
Язык разметки
Язык разметкиЯзык разметки
Язык разметки
 
интернет-ликбез
интернет-ликбезинтернет-ликбез
интернет-ликбез
 
Izmerenie
IzmerenieIzmerenie
Izmerenie
 
котяра по делам
котяра по деламкотяра по делам
котяра по делам
 
котяра по делам
котяра по деламкотяра по делам
котяра по делам
 
основные определения
основные определенияосновные определения
основные определения
 
виды графики
виды графикивиды графики
виды графики
 
блоги
блогиблоги
блоги
 

язык разметки

  • 1. Язык разметки гипертекста – HTML. ©
  • 2. Основные определения Web-страницей (веб-страницей) называется гипертекст – текст, в который встроены специальные коды (теги), управляющие дополнительными элементами: форматированием текста, иллюстрациями, мультимедийными вставками, гиперссылками на другие документы. Web-страницы создаются с помощью специального языка – языка разметки гипертекста:
  • 3. Основные определения Web-страницы, размещаемые в сети Интернет, передаются по сети с помощью протокола обмена информацией:
  • 4. Основные определения Гиперссылка – активный элемент web-страницы, по щелчку на котором открывается другой документ (другая web-страница этого же сайта, другая web-страница этого же сервера или другая web- страница любого другого сервера Интернет). Гиперссылкой может быть: • фрагмент текста, • рисунок, • фрагмент рисунка, • и т.д. При наведении указателя мыши на гиперссылку он принимает вид руки с вытянутым вперед указательным пальцем. Итак, язык HTML служит для функциональной разметки web-страниц. Под разметкой web-страниц понимают вставку в текст тегов, определяющих то, как web-страница будет выглядеть на экране, отображаясь программой-браузером (или броузером – это синонимы). ©
  • 5. Основные определения Web-сайты обычно являются мультимедийными, так как кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию. Web-страницы сайта могут содержать динамические объекты (исполняемые модули), созданные с использованием сценариев на языках JavaScript и VBScript или элементов управления ActiveX. Расположенные на сайте управляющие элементы (например, кнопки) позволяют пользователю запускать те или иные динамические объекты. Web-сайты размещаются в сети Интернет на специальных компьютерах, которые называются либо информационными серверами, либо серверами провайдеров.
  • 6. Основные определения Web-страницы создают в программах web- редакторах (Блокнот, Microsoft Front Page, Macromedia Dreamviewer, Home Site и т.д.), а просматривают в программах-браузерах (Microsoft Internet Explorer, Google Chrome, Mozilla Fire Fox, Opera). Основными достоинствами HTML-документов являются: • малый информационный объем; • возможность просмотра на персональных компьютерах, оснащенных различными операционными системами. ©
  • 7. Теги HTML Коды языка HTML, с помощью которых выполняется разметка web- страницы, называются тегами. Теги – это набор символов. Все теги начинаются с символа «меньше» (<) и заканчиваются символом «больше» (>). Пару этих символов называют угловыми скобками. Внутри угловых скобок записывается ключевое слово. Пример: Каждый тег в языке HTML имеет специальное назначение. Регистр букв в ключевых словах тегов не имеют значения: можно использовать как заглавные, так и строчные буквы. Но так как в Сети повсеместно используют имена файлов, написанные латиницей строчными буквами, я привыкла и ключевые слова тегов писать строчными буквами. И вам советую всегда придерживаться такого правила.
  • 8. Теги HTML Теги бывают: Как правило, один тег HTML воздействует 1. Парные только на часть документа (например, на абзац). Тогда используют парные теги. Открывающий тег создает эффект, а закрывающий – прекращает его действие. Ключевое слово закрывающего тега начинается с символа косой черты ( / ). 2. Непарные Тег принудительного перехода на следующую строку внутри абзаца – аналог комбинации клавиш Shift + Enter в MS Word. 3. Теги с атрибутами Атрибуты влияют на эффект, создаваемый тегом. То есть, атрибуты определяют "силу" (значение) этого влияния.