Главная / Старшие классы / Информатика и ИКТ

HTML HTML

Скачать
1.58 МБ, 447770.doc Автор: Смирнова Нина Николаевна, 21 Мар 2015
HTML

Подсоединение компьютера к глобальной сети Интернет часто осуществляется посредством телефонной сети. К сожалению, скорость передачи информации по телефонной сети весьма невелика. Поэтому в Интернете для уменьшения количества символов, передаваемых за единицу времени(то есть, трафика) пересылают не сам документ, а его описание на особом языке. Программа для просмотра веб-страниц – браузер сама воспроизводит документ на основе полученного описания. Для описания электронных документов существует особый язык – HTML. Получив описание, написанное на этом языке, браузер воссоздает исходный документ, формируя текст и расставляя иллюстрации в нужных местах.html
HTML (HyperText Markup Language, то есть язык разметки гипертекста) –это язык Всемирной паутины. Каждый раз, открывая ту или иную веб-страницу, мы на самом деле открываем документ, написанный на языке HTML. Все веб-документы отформатированы с помощью языка HTML. Для перехода с одной страницы такого документа на другую предусмотрены гиперссылки, созданные посредством языка HTML. Размещенные на веб- страницах цветные иллюстрации, всевозможные формы для заполнения и бегущая строка видны опять-таки благодаря языку HTML.
Гипертекст – это текст со ссылками на другие документы. Чем отличается гипертекст от обычного текста? Вспомните энциклопедический словарь. В статье словаря, раскрывающей какое-либо понятие, некоторые слова выделены курсивом: это означает, что в данном словаре имеются статьи, посвященные этим словам – эти статьи можно найти и прочитать в той же книге. Такое указание на слово является ссылкой. Ссылка дает возможность получения дополнительной информации о слове или группе слов. Гипертекст тоже организован именно так.
Термин “гипертекст” впервые использовал в 1969 году Тед Нельсон. С информацией, написанной на языке гипертекста, можно работать только на компьютере.
Техника чтения обычного текста такова: прочитав страницу, переходишь к следующей. В технологии гипертекста последовательность чтения может быть произвольной, так как с помощью гиперссылки можно моментально перейти на любую страницу. Ссылки обычно выделяются в тексте цветом либо подчеркиванием. Такие ссылки называются гиперссылками, или гиперсвязями.
Объектом гиперссылки может стать отдельное слово, целое предложение или графический объект. При наведении указателя мыши на гиперссылку он меняет форму.
Посредством гиперссылок гипертекст может связывать друг с другом множество различных документов. Текстовые файлы, созданные при помощи HTML, имеют расширение .html или .htm. Их называют HTML-файлами.
Гиперссылка – это выделенный объект, связанный с другими объектами и реагирующий на щелчок мыши.

Теги

С точки зрения языка HTML, гипертекст – это текст с кодами разметки.
Обычно вместо термина “код разметки” применяют термин “тег”.
Теги – это команды, определяющие правила отображения текста в браузере.
Тег всегда начинается открывающей угловой скобкой (<) и завершается закрывающей угловой скобкой (>). При написании тегов прописные и строчные буквы не учитываются, то есть, например, <body>, <boDy> и <BODY> – это один и тот же тег.
Познакомимся с несколькими наиболее важными тегами, указывающие на то, что документ является именно HTML-документом, тегами заголовков, а также тегами, делящими документ на логические части.
Различные веб-браузеры отражают один и тот же HTML-документ не одинаково: наблюдаются различия в шрифтах, цвете, размере и т.д. При сохранении HTML-файла очень важно использовать расширение .html или .htm Это позволяет с легкостью определить тип документа. Такой документ веб-браузер легко распознает и открывает не как обычный текст, а как веб-страницу. Поэтому HTML-документ следует рассматривать как логический, а не как физический документ. Другими словами, вид документа может изменяться в зависимости от читающей его программы и от класса компьютера.

Тег<HTML>

Каждый HTML-документ начинается и заканчивается тегом <HTML>. Эти теги показывают, что документ является именно HTML-документом. Они непременно присутствуют в нем, вне зависимости от прочего его содержания. Использовать пару тегов <HTML> можно следующим образом:

? 1 2 3 <HTML> Мой первый HTML-документ </HTML> Теги <HEAD> и <BODY>

Любой HTML-документ можно разделить на две логические части — заголовок и тело (то есть сам документ). Для того, чтобы веб-браузер правильно отобразил документ, эти две части нужно отделить друг от друга. Обычно заголовок HTML-документа отражает основную информацию о документе, а тело — содержание документа. Поэтому добавимк предыдущему примеру пару тегов <HEAD> — начальный и конечный.

? 1 2 3 4 <HTML> <HEAD> Здесь располагается заголовок </HEAD> Мой первый HTML-документ </HTML>

Как видно из расположения тега <HEAD>, различные теги можно располагать рядом на одной строке.
Поскольку у каждого документа должны быть заголовок (head) и тело (body), то для завершения логического деления документа надо дополнить его тело начальным и конечным тегами <BODY> (парой тегов):

? 1 2 3 4 5 <HTML> <HEAD> Здесь располагается заголовок </HEAD> <BODY> Мой первый HTML-документ </BODY> </HTML>

Каждый HTML-документ начинается и кончается открывающим и закрывающим тегами <HTML> (их называют тегами-контейнерами). Если в документе пропущен открывающий или закрывающий тег, то все прочие теги в нем уже не будут восприняты правильно. Закрывающий тег начинается с косой черты – именно этот признак указывает на то, что он является закрывающим.
Итак, любой HTML-документ начинается тегом <HTML> и заканчивается тегом </HTML>. Помещая заголовок документа между парой тегов <HEAD> и </HEAD>, а тело – между парой тегов <BODY> и </BODY>,документ делят на две логические части.

Тег <TITLE>

Одним из важнейших тегов для пользователя является тег <TITLE>. При работе в Интернете вы, наверное, видели в строке заголовка веб-браузера название HTML-документа. Это название берется из текста HTML-документа — из содержания тега <TITLE>. При отсутствии такого тега в документе в строке заголовка вместо названия страницы отражается ее URL-адрес. Тег <TITLE> располагается между парой тегов <HEAD> и сам является парным, охватывая текст, указывающий название документа, с двух сторон. Если добавить такой тег в наш пример, то HTML-документ приобретет законченный вид:

? 1 2 3 4 <HTML> <HEAD> <TITLE> Название документа </TITLE> </HEAD> <BODY> Мой первый HTML-документ </BODY> </HTML>

Несмотря на кажущуюся примитивность, данный документ включает в себя все необходимые теги, и его можно просматривать посредством веб-браузера. Сохранение документа при работе в редакторе производится точно так
же, как сохранение любого другого документа. Не стоит забывать, что документ сохраняется в текстовом формате. Желательно присвоить ему название вроде first.html (first.htm).


Автор: Смирнова Нина Николаевна
Похожие материалы
Тип Название материала Автор Опубликован
документ HTML HTML Смирнова Нина Николаевна 21 Мар 2015
разное Подбор html кода цвета Сорокина Агнесса Ивановна 21 Мар 2015
презентация Web-конструирование на HTML. Основные понятия. Пакульских Елена Валентиновна 21 Мар 2015
презентация Основы HTML Тишкина Анастасия Николаевна 21 Мар 2015
презентация Презентация по основам HTML ..... Белоусова Юлия Викторовна 21 Мар 2015
презентация HTML язык презентация Малета Виктория Викторовна 21 Мар 2015
презентация Создание гиперссылок в HTML Галанина Марианна Дмитриевна 21 Мар 2015
презентация Создание таблиц в HTML Галанина Марианна Дмитриевна 21 Мар 2015
презентация Создание списков в HTML Галанина Марианна Дмитриевна 21 Мар 2015
презентация Использование цветов в языке HTML Галанина Марианна Дмитриевна 21 Мар 2015
разное Язык разметки гипертекста HTML Кривенцов Леонид Александрович 21 Мар 2015
разное Способы создания сайтов. Основы HTML ПОГНАЕВА ЛЮДМИЛА СТАНИСЛАВОВНА 21 Мар 2015
презентация HTML работа с текстом текст Шорикова Мария Андреевна 21 Мар 2015
презентация HTML введение Шорикова Мария Андреевна 21 Мар 2015
документ Язык разметки гипертекста HTML Все о компьютере , Вихарева Тамара Владимировна 21 Мар 2015
документ Основные элементы языка HTML Good Evening! Киселева Юлия Владимировна 21 Мар 2015
документ Методическая разработка: Создание сайтов в html Шуленко Юрий Юрьевич 21 Мар 2015
документ Таблица "Основные теги HTML" Иванова Наталья Валерьевна 21 Мар 2015
документ Вставка таблицы в HTML-документ. Храпова Юлия Евгеньевна 21 Мар 2015
документ Формы языка программирования HTML Храпова Юлия Евгеньевна 21 Мар 2015
разное Язык HTML Кондрина Анастасия Валерьевна 21 Мар 2015
документ Структура HTML-документа. Ввод текста Першин Юрий Лаврентьевич 21 Мар 2015
документ Практические работы по HTML Жирнягина Ольга Сергеевна 1 Апр 2015
разное https://my.mail.ru/mail/margaritta.76/video/_myvideo/4.html Алиуллова Эльвира Ленаровна 2 Мар 2016
разное Создание списков различных видов в HTML документе Терешков Андрей Александрович 9 Апр 2015
документ Примеры видов таблиц в HTML коде Ситников Сергей Анатольевич 27 Мая 2015
документ Элементы оформления HTML-документа Дроздова Анна 27 Мая 2015
документ Создание таблиц в HTML Дроздова Анна 27 Мая 2015
документ Рабочая программа элективного курса «Язык разметки гипертекста HTML» заголовок страницы Все о компьютере Все о компьютере Все о компьютере Все о компьютере Таблицы в html-документе Анкета Свистунова Снежана Владимировна 21 Мар 2015
документ Учебно-методическое пособие "Основы сайтостроения и Web-дизайна" Первый HTML-документ Шалыпин Александр Владимирович 21 Мар 2015
презентация Web-конструирование на HTML. Форматирование текста. Компьютер текст заголовка Пакульских Елена Валентиновна 21 Мар 2015
разное Учебный сайт "Сайтостроение", освещающий технологию разметки гипертекста HTML Жукова Оксана Николаевна 21 Мар 2015
разное Разработка Web-сайтов с использованием языка разметки гипертекста HTML Лезина Алена Владимировна 21 Мар 2015
разное Электронное пособие по html-конструированию. 9 класс. Информатика Румбешт Роза Фидаиловна 21 Мар 2015
презентация Интерактивная презентация для цикла уроков в 10 классе "Создание Веб-сайта. Язык HTML." ;2. Сементинов Евгений Владимирович 21 Мар 2015
презентация, документ Создание веб-сайта с использованием языка html текст Брагина Ольга Александровна 21 Мар 2015
презентация Создание Web-страниц средствами языка HTML Пример веб-страницыH1> Галанина Марианна Дмитриевна 21 Мар 2015
документ Тест по теме "Основы языка HTML" Кузнецова Валентина Сергеевна 21 Мар 2015
документ Статья на тему: "Зачем современному сайтостроителю знать язык HTML?" Александрова Светлана Николаевна 21 Мар 2015
документ Разработка web-сайтов с использованием языка разметки гипертекста HTML Демидова Людмила Альбертовна 21 Мар 2015