Программное средство которое распознает дескрипторы языка html. Реферат: Язык html: системы программирования html, особенности языка и реализация системы

8 Приложение 2 Соответствие между номером шрифта и его размером Номер шрифта Размер шрифта в кеглях

9 Приложение 3 Таблица базовых цветов BgColor Именной код / Шестнадцатеричный код Aliceblue F0F8FF Antiquewhite FAEBD7 Aqua 00FFFF Aquamarine 7FFFD4 Azure F0FFFF Beige F5F5DC Bisque FFE4C4 Black Blanchedalmond FFEBCD Blue 0000FF Blueviolet 8A2BE2 Brown A52A2A Burlywood DEB887 Cadetblue 5F9EA0 Chartreuse 7FFF00 Chocolate D2691E Coral FF7F50 Cornflowerblue 6495ED Cornsilk FFF8DC Crimson DC143C Cyan 00FFFF Darkblue 00008B Darkcyan 008B8B Darkgoldenrod B8860B Darkgray A9A9A9 Darkgreen Darkkhaki BDB76B Darkmagenta 8B008B Darkolivegreen 556B2F Darkorange FF8C00 Darkorchid 9932CC Darkred 8B0000 Darksalmon E9967A Darkseagreen 8FBC8F Darkslateblue 483D8B Darkslategray 2F4F4F Darkturquoise 00CED1 Darkviolet 9400D3 deeppink FF1493 Deepskyblue 00BFFF Dimgray Dodgerblue 1E90FF Firebrick B22222 Floralwhite FFFAF0 Forestgreen 228B22 Fuchsia FF00FF Gainsboro DCDCDC Ghostwhite F8F8FF Gold FFD700 Goldenrod DAA520 Gray Green Greenyellow ADFF2F Honeydew F0FFF0 Hotpink FF69B4 Indianred CD5C5C Indigo 4B0082 Ivory FFFFF0 Khaki F0E68C Lavendar E6E6FA Lavenderblush FFF0F5 Lawngreen 7CFC00 Lemonchiffon FFFACD Lightblue ADD8E6

10 Именной код / Шестнадцатеричный код Lightcoral F08080 Lightcyan E0FFFF Lightgoldenrodyellow FAFAD2 Lightgreen 90EE90 Lightgrey D3D3D3 Lightpink FFB6C1 Lightsalmon FFA07A Lightseagreen 20B2AA Lightskyblue 87CEFA Lightslategray Lightsteelblue B0C4DE Lightyellow FFFFE0 Lime 00FF00 Limegreen 32CD32 Linen FAF0E6 Magenta FF00FF Maroon Mediumauqamarine 66CDAA Mediumblue 0000CD Mediumorchid BA55D3 Mediumpurple 9370D8 Mediumseagreen 3CB371 Mediumslateblue 7B68EE Mediumspringgreen 00FA9A Mediumturquoise 48D1CC Mediumvioletred C71585 Midnightblue Mintcream F5FFFA Mistyrose FFE4E1 Moccasin FFE4B5 Navajowhite FFDEAD Navy Oldlace FDF5E6 Olive Olivedrab 688E23 Orange FFA500 Orangered FF4500 Orchid DA70D6 Palegoldenrod EEE8AA Palegreen 98FB98 Paleturquoise AFEEEE Palevioletred D87093 Papayawhip FFEFD5 Peachpuff FFDAB9 Peru CD853F Pink FFC0CB Plum DDA0DD Powderblue B0E0E6 Purple Red FF0000 Rosybrown BC8F8F Royalblue 4169E1 Saddlebrown 8B4513 Salmon FA8072 Sandybrown F4A460 Seagreen 2E8B57 Seashell FFF5EE Sienna A0522D Silver C0C0C0 Skyblue 87CEEB Slateblue 6A5ACD Slategray Snow FFFAFA Springgreen 00FF7F Steelblue 4682B4 Tan D2B48C Teal Thistle D8BFD8 Tomato FF6347 Turquoise 40E0D0 Violet EE82EE Wheat F5DEB3 White FFFFFF Whitesmoke F5F5F5 Yellow FFFF00 YellowGreen 9ACD32

11 Приложение 4 Специальные символы Именной код Числовой код Символ Описание " " " двойная кавычка & & & амперсанд < < < знак "меньше" > > > знак "больше" неразрывный пробел цент перевернутый знак фунт стерлингов денежная единица иена или юань восклицательный разорванная вертикальная черта параграф умляут знак copyright ª ª ª женский порядковый числитель «««левая двойная угловая скобка знак отрицания место возможного переноса знак зарегистрированной торговой марки верхняя горизонтальная черта градус ± ± ± плюс-минус ² ² ² «в квадрате» ³ ³ ³ «в кубе» знак ударения µ µ µ микро символ параграфа

12 Именной код Числовой код Символ Описание точка седиль (орфографический знак) ¹ ¹ ¹ верхний индекс "один" º º º мужской порядковый числитель»»» правая двойная угловая скобка ¼ ¼ ¼ одна четвертая ½ ½ ½ одна вторая ¾ ¾ ¾ три четвертых перевернутый вопросительный знак знак умножения знак деления ƒ ƒ ƒ знак функции Символы для букв ˆ ˆ ˆ диакритический знак над гласной тильда Греческие буквы Α Α Α заглавная альфа Β Β Β заглавная бета Γ Γ Γ заглавная гамма Δ Δ Δ заглавная дельта Ε Ε Ε заглавная эпсилон Ζ Ζ Ζ заглавная дзета Η Η Η заглавная эта Θ Θ Θ заглавная тета Ι Ι Ι заглавная иота Κ Κ Κ заглавная каппа Λ Λ Λ заглавная лямбда Μ Μ Μ заглавная мю Ν Ν Ν заглавная ню Ξ Ξ Ξ заглавная кси Ο Ο Ο заглавная омикрон Π Π Π заглавная пи Ρ Ρ Ρ заглавная ро

13 Именной код Числовой код Символ Описание Σ Σ Σ заглавная сигма Τ Τ Τ заглавная тау Υ Υ Υ заглавная ипсилон Φ Φ Φ заглавная фи Χ Χ Χ заглавная хи Ψ Ψ Ψ заглавная пси Ω Ω Ω заглавная омега α α α строчная альфа β β β строчная бета γ γ γ строчная гамма δ δ δ строчная дельта ε ε ε строчная эпсилон ζ ζ ζ строчная дзета η η η строчная эта θ θ θ строчная тета ι ι ι строчная иота κ κ κ строчная каппа λ λ λ строчная лямбда μ μ μ строчная мю ν ν ν строчная ню ξ ξ ξ строчная кси ο ο ο строчная омикрон π π π строчная пи ρ ρ ρ строчная ро ς ς ς строчная сигма (final) σ σ σ строчная сигма τ τ τ строчная тау υ υ υ строчная ипсилон φ φ φ строчная фи χ χ χ строчная хи ψ ψ ψ строчная пси ω ω ω строчная омега Общая пунктуация

14 Именной код Числовой код Символ Описание тире длинное тире левая одиночная кавычка правая одиночная кавычка нижняя одиночная кавычка левая двойная кавычка правая двойная кавычка нижняя двойная кавычка Прочие символы маленький черный кружок многоточие... знак промилле (процент с дополнительным ноликом) одиночный штрих - минуты двойной штрих - секунды надчеркивание косая дробная черта евро знак номера знак торговой марки ◊ ромб ○ круг Стрелки стрелка влево стрелка вверх стрелка вправо стрелка вниз стрелка влево-вправо стрелка вверх-вниз Масти знак масти "пики" знак масти "трефы" знак масти "червы" знак масти "бубны"

15 Приложение 5 Типы нумерованного списка Значение атрибута TYPE "1" "i" "I" "a" "A" Типы нумерации пунктов списка 1,2,3,4, (задан по умолчанию) i, ii, iii, iv, I, II, III, IV, a, b, c, d, A, B, C, D, Типы маркеров списка Значения атрибута TYPE "disk" "circle" "square" Маркер (задан по умолчанию) o

16 Приложение 6 Соотношение битовой глубины и максимального количества цветов в изображении Битовая глубина Количество цветов

17 Приложение 7 Коды символов таблицы АSCII Символ Код пробел %20 / %2F? %3F: %3A ; %3B & %40 = %3D # %23 % %25 < %3E > %3C { %7B } %7D [ %5B ] %5D "" %22. %27, %60 ^^ %5E ~ %7E \ %5С %7С

18 Приложение 8 Горячие клавиши обозревателя Internet Explorer Клавиша B E И П С Ф F E V A Т Н Описание Меню Вид Меню Сервис Меню Избранное Меню Правка Меню Справка Меню Файл Меню File Меню Edit Меню View Меню Favorites Меню Tools Меню Help

Возможные константы, названия и палитра цветов English name Black Черный 1 #000000 Navy Темно-синий 5 #000080 DarkBlue Темно-синий 25 #00008B MediumBlue Средний синий #0000CD Blue Синий #0000FF DarkGreen

КОДЫ СИМВОЛОВ HTML " " " двойная кавычка & & & амперсанд < < < знак "меньше" > > > знак "больше" неразрывный пробел перевернутый восклицательный знак цент фунт стерлингов денежная единица иена или юань

Исполнитель Рисователь 25 февраля 2011 г. 1. Введение 1.1. Общие сведения Рисователь исполнитель системы КуМир. Назначение Рисователя создавать рисунки на листе. Как и другие исполнители, он имеет систему

1 - Вставка таблиц в Web-страницы 1. ЦЕЛЬ РАБОТЫ Целью работы является знакомство с элементами и стилями таблиц в языке HTML. 2. СОСТАВ РАБОЧЕГО МЕСТА 2.1. Оборудование: IBM-совместимый персональный

Московский государственный технический университет имени Н. Э. Баумана Ю.Е. Алексеев, А.В. Куров Компьютерная графика в среде MS VS C++ Учебное пособие 1 УДК 681.3.06(075.8) ББК 32.973.018 А47 Издание

Создание сайтов HTML HTML Разработку web-сайта можно осуществлять двумя способами: с помощью специального web-редактора; непосредственно написанием программы на языке HTML. HTML (HyperText Markup Language)

10. Экзаменационные билеты ЭКЗАМЕНАЦИОННЫЙ БИЛЕТ 1 1. Обзор системы FrontPage: назначение, принципы работы, интерфейс пользователя, приемы работы. 2. Указание языка содержимого: атрибут lang. 3. Форматированный

Создание сайтов HTML Начало В 1989 году Тим Бернерс-Ли разработал технологию гипертекстовых документов World Wide Web. Гипертекст это текст, в котором содержатся ссылки на другие документы. Основные понятия

Оглавление Введение...1 1. Цель работы...1 2. Основные теоретические сведения...1 Структура HTML-документа...1 Элемент BODY...2 Начертание текста...2 Маркированные списки...3 Нумерованные списки...3 Форматирование

8. Перечень контрольных вопросов по блокам учебной дисциплины для проведения рубежного контроля 1. Спецификация HTML 4.0 1.1 Организация спецификации 1.2 Соглашения, принятые в спецификации 1.2.1 Элементы

=/ :) } /?.. =* :) :) хd < < (^_^) /?.. = * =D (^L^) } Проверка домашнего задания Определиться с: 1. Типом сайта 2. Тематикой сайта 3. Компонентами сайта Теги форматирования Верхний индекс текст

МОСКОВСКИЙ ТЕХНОЛОГИЧЕСКИЙ УНИВЕРСИТЕТ МИРЭА ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В БИОТЕХНИЧЕСКИХ СИСТЕМАХ Глава 7. ЯЗЫКИ ПРОГРАММИРОВАНИЯ ДЛЯ ИНТЕРНЕТ Работа посвящена автоматизации анализа, проектирования, разработки

Министерство образования Республики Беларусь Учреждение образования Гомельский государственный университет им. Ф. Скорины Физический факультет «Информационные системы и сети» Лекция Таблицы в HTML Лектор

1. Области, из которых состоит Web-страница. A) Атрибут B) Апплеты C) Браузер D) Фреймы E) Теги 2. Фреймы задаются: A) Парный тег B) Парным тегом C) Парным тегом

1 Таблица основных тегов HTML для новичков 2 Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная информация

Таблица спецсимволов Вступительное слово: Эта бешеная информация собиралась по всему интернету, за что ему, болезному, oгромное спасибо. Пустые ячейки встречаются, но будем считать, что они для вентиляции.

Быстро и легко создаем Web-сайт 1 Дмитрий Козловский Приложение 3. Краткий справочник по HTML 4.0 Web-страницы создаются с помощью языка HTML HyperText Markup Language (Язык разметки гипертекста). Именно

Лабораторно-практическая работа 2 Тема: «Форматирование текста. Создание индексов, выбор шрифта, цвета, задание полей, создание списков» Цель: - продолжить изучение создания web-страницу в редакторе Блокнот;

Теги HTML (шпаргалка) HTML-документ (страничка) - документ, написанный на языке HTML. Заключается между тегами и. Значения тегов разметки документа Теги разметки - специальные команды для

Основы языка гипертекстовой разметки HTML Web-документ (иначе html-документ) является обычным текстовым файлом, к имени которого добавлено расширение.htm или.html. Такой документ открывается в обозревателе

Лекция 3 Таблицы и фреймы Лектор Ст. преподаватель Купо А.Н. Лекция 3 Таблицы и фреймы Для создания таблиц в языке HTML используются следующие элементы: TABLE - создаёт таблицу. CAPTION - задаёт заголовок

HyperText Markup Language (HTML) язык разметки гипертекста предназначен для написания электронных документов, публикуемых в WorldWideWeb. Гипертекстовый документ это текстовый файл, имеющий специальные

Разработка Web-страниц Цель работы: получить представление о создании гипертекстовых документов с помощью языка HTML. Создать персональную Web-страницу. Результат работы файл Моя страница1_фамилия.doc

Лабораторная работа 2,3. Тема: Разработка Web- страниц. Гиперсвязь страниц, построение таблиц. Основные понятия: 1. Web-броузер-программа запроса и просмотра Web-документов 2. гиперссылка ссылка, позволяющая

ТЕМА 2. ФОРМАТИРОВАНИЕ ТЕКСТА ВЕБ-СТРАНИЦЫ Тег P. Создание нового абзаца. Для создания абзаца в тексте Веб-страницы используется парный блочный тег P. По умолчанию браузер выравнивает текст абзаца влево

HTML HyperText Markup Language язык гипертекстовой разметки является языком разметки электронных документов, указывающим программа просмотра HTMLстраниц (браузерам) форму представления описанной в документе

Лабораторная работа 1. Создание простейшего HTML-документа. Форматирование шрифта и абзаца Цель работы: Научиться создавать простейший гипертекстовый документ средствами текстового редактора Блокнот. Научиться

«Создание WEBстраниц с помощью HTML» Работа выполнена Хисматуллиным Ильнуром Рахимзяновичем, учителем информатики Нижнекуюкской средней общеобразовательной школы Атнинского муниципального района Республики

Содержание ВВЕДЕНИЕ 11 Для кого предназначена эта книга 11 Как организована эта книга 11 Соглашения, принятые в книге 12 От издательства Диалектика 13 ГЛАВА 1. НАЧАЛО НАЧАЛ 14 Введение в HTML 14 Что такое

HTML (HyperText Markup Language) язык гипертекстовой разметки документов Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора. Для создания HTML документов используют

Глава 6 Форма Google В этой главе мы узнаем, как использовать форму для поиска на своем сайте. Для эффективного использования форм поиска вам необходимо знать основы HTML, поэтому сейчас поговорим об этих

Гипертекстовые документы создаются на базе языка HTML (HyperText Markup Language). Ссылки, списки, заголовки, картинки и формы называются элементами языка HTML. Основными достоинствами HTML-документов

Лабораторная работа 11 «Простейшие тэги HTML» Задание 1. Создание простейших файлов HTML Чтобы создать свой файл HTML, сделайте следующее: 1. Создайте папку HTML, в которой мы будем сохранять созданные

Донецкий национальный технический университет Факультет компьютерных наук и технологий Кафедра компьютерной инженерии Лекция 6. Элементы HTML 4.01 (продолжение) Иваница Сергей Васильевич, ассистент кафедры

Содержание Введение 16 Для кого предназначена эта книга 16 Условные обозначения 17 Структура книги 17 На прилагаемом компакт-диске 18 От издательства Диалектика 20 Часть. Основы JavaScript 21 Глава 1.

Глава 3. параметров Общие положения...2 некоторых параметров...2 Основные параметры...3 align...3 bgcolor...3 border...3 cellpadding...4 cellspacing...4 class...4 cleartotals...4 colspan...5 disabled...5

Атрибуты тэгов Атрибуты вписывают внутрь открывающего тэга. В одной команде можно использовать одновременно несколько атрибутов. Разделителем внутри тэга служит пробел. Атрибуты можно набирать как большими,

Практическая работа 1 Создание простейшей веб-страницы Цель работы: Знакомство с общими положениями создания WEB-страниц и базовыми тегами языка HTML HTML - это теговый язык разметки документов. Элементы

Основы языка разметки гипертекста HTML Hyper Text Markup Language (HTML) язык гипертекстовой разметки документов. Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие

1 Алгоритм создания Интернет страницы (HTML-документа) 1. Открыть текстовый редактор с отсутствием операций форматирования, например, Блокнот (ПУСК Все программы Стандартные Блокнот). 2. Напечатать определенную

Содержание Благодарности 15 Введение 16 От автора 16 Преимущества этой книги 17 Чему обучит книга 17 Для кого предназначена эта книга 17 Какую структуру имеет книга 18 Как пользоваться CD, поставляемым

Лабораторная работа по HTML 1 Тема: Основы Цели обучения: формирование у учащихся умений создавать простые Web-страницы и оформлять содержащийся в них текст. Ожидаемые результаты обучения: Учащиеся должны

Задание 1. Создание простейших файлов HTML. 1. Создайте в своем каталоге папку САЙТ, в которой мы будем сохранять сконструированные Web-страницы. 2. Запустите программу Блокнот. 3. Наберите в окне редактора

Содержание Введение 13 Часть I. HTML 15 Глава 1. Основы HTML 17 Введение в основы HTML 17 История развития языка HTML 18 Как работает Web 20 Принципы взаимодействия браузера и Web-сервера 20 Понятие URL

ГОСУДАРСТВЕННЫЙ КОМИТЕТ РОССИЙСКОЙ ФЕДЕРАЦИИ ПО РЫБОЛОВСТВУ Дальневосточный государственный технический рыбохозяйственный университет А.А. Недбайлов Компьютерные технологии Изучение гипертекстовых редакторов

Урок 2 Основы HTML Содержание урока Структура HTML документа Основные теги оформления текста Спецсимволы Гиперссылки Изображения Списки Формы и их элементы Структура HTML документа

Тема: Цель: Время: Задание: Практическая работа 43. HTML. Создание таблиц. Познакомиться с языком HTML, получить навыки работы с обязательными тегами, научиться создавать и форматировать документ. 80 мин.

Работа 5 Создание Web-страниц с использованием списков и таблиц Цель работы: научиться создавать и редактировать веб-страницы со списками и таблицами Содержание работы: 1 Создание нумерованных, маркированных

HTML язык гипертекстовой разметки Обзор HTML CSS Активные html-страницы Инструментальные системы верстки HTML HTML HyperText Markup Language язык разметки гипертекста система верстки, которая определяет,

ОСНОВЫ ПРОГРАММИРОВАНИЯ Зачем нам знания HTML? Для чего нужен HTML? Как самому создать HTML документ? Для создания HTML файла (документа) необходимо в первую очередь поменять расширение файла текстового

Тема 12. Создание Web-страниц с помощью языка разметки документов HTML Метка должна открывать HTML-документ, а метка закрывать HTML-документ. Пара меток... указывает на начало

Тема: Таблицы в HTML-документах Лабораторная работа 2 Цель: научиться создавать таблицы в HTML-документах Выполнение каждого задания демонстрировать преподавателю. 1. Построение простых таблиц и колонок

Введение в HTML Содержание История языка HTML Синтаксис языка HTML Структура документа HTML Цветовая разметка документа. Способы задания цветовых параметров Разметка текста. Физическое форматирование текста.

Элементы HTML Элемент HTML это основная структурная единица веб-страницы, написанная на языке HTML. Структура HTML-документа HTML это теговый язык разметки документов, то есть любой документ на языке HTML

МУНИЦИПАЛЬНОЕ АВТОНОМНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ «СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА 6» Г. ПЕРМИ УТВЕРЖДАЮ Дирев Й?/ О Ь, илипович 20 РАБОЧАЯ ПРОГРАММА ПРОФЕССИОНАЛЬНОЙ ПРОБЫ ДЛЯ 7 КЛАССА «САЙТОСТРОЕНИЕ»

Будьте внимательны и не допускайте таких ошибок: - помещать внутрь тега... еще теги или нельзя, так как этот код будет не правильно распознан - неправильный код Лекция 4 1 Не будет ошибкой,

Министерство образования и науки Российской Федерации Федеральное агентство по образованию Саратовский государственный технический университет ИСПОЛЬЗОВАНИЕ ЯЗЫКА HTML ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦ Методические

Порядок выполнения работы Практическая работа 1 1. Выполните упражнения 1, 2, 3, 4, 5, 6. Упражнение 1 1. Создайте новый документ. Сохраните документ с именем Текст1.doc. 2. Установите параметры страницы

3. Основы языка разметки HTML 3.1. Создание HTML-документа в редакторе Блокнот Веб-страница представляет собой текстовый документ, в котором расставлены команды языка HTML. Они интерпретируются браузером.

Вопрос 3. Язык гипертекстовой разметки HTML. HTML (HyperText Markup Language) это коллекция стилей (указанных в терминах языка HTML), которые определяют различные компоненты WWW документов. Годом рождения

Краткая справка по тегам языка HTML Приложение. Краткая справка по тегам языка HTML Структура документа HTML Документ в формате HTML состоит из трех основных частей: cтрока, содержащая информацию о версии

Язык программирования HTML 1. Вызовите текстовый редактор БЛOКНОТ, который находится в группе "Стандартные". Наберите следующий ниже текст и сохраните под именем web1.html в папку html_text, которую предварительно

Инструкция по наполнению сайта кафедры Культурологи и Социологии (Часть 2 «редактор наполнения сайта») 1 Оглавление 1 Интерфейс редактора... 3 2 Изменение размера редактора... 4 3 Панель инструментов...

Оглавление Введение....11 От издательства...14 Глава 1. Структура HTML-документа... 15 1.1. Общие понятия HTML....16 Элемент.... 16 Атрибут... 17 1.2. Структура HTML-документа...18 Объявление типа документа

Гипертекстовые технологии Обычный текст представляется как одна длинная строка символов, которая читается в одном направлении. Гипертекстовая технология заключается в том, что текст представляется как

; более правильное название - дескриптор ). В SGML (HTML , WML , AmigaGuide , языках семейства XML) - элемент языка разметки гипертекста . Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии со свойствами, указанными в начальном теге.

Например, текст Википедии, заключённый между начальным тегом и конечным тегом (от англ. small - маленький ), отображается с меньшим размером, чем основной текст: Это маленький текст, а текст между тегами и отображается с большим размером: А это - большой.

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

Тег с пустым текстом : вставляет разрыв текста без сохранения отступов, можно также использовать специальную форму записи тега - .

Весь текст, заключённый между начальным и конечным тегом, включая и сами эти теги, называется элементом . Сам же текст между тегами - содержанием элемента . Содержание элемента может включать в себя любой текст, в том числе и другие элементы.

У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде сочетания: имя атрибута-значения, причём текстовые значения заключаются в кавычки.

Например, можно выделить фрагмент текста определённым шрифтом, используя тег и указав в этом теге название шрифта и желаемый размер: оформляемый текст .

Имя тега определяет тип элемента. В HTML имя тега определяет лишь правило разметки, так, имя тега «i» (например Курсивный текст) определяет, что между тегами расположен текст, который следует отображать в браузере в курсивном начертании. XML представляет собой более гибкий стандарт. Имена тегов в нём не регламентируются жёстко: пользователи могут вводить и использовать для своих нужд новые теги (см. XML).
Например, мы сами для себя можем определить, что элементом с именем тега «person» мы определяем тип этого XML элемента, как фамилия имя и отчество. И скажем, год рождения, как часть информации по данному человеку:

• XML : Иванов Иван Иванович 1984 Можно даже задать дополнительно в таблицах CSS , что все теги Будут определённого цвета.
• HTML : Иванов Иван Иванович, 1984 Тут уже нет возможности сформировать элемент документа для анализа текста, но оформить можно.

Таким образом, HTML представляет собой неструктурированный текст, а XML - документ с иерархической структурой, что даёт возможность обработки документа: трансформацию данных, поиск нужных элементов документа и т. д.

• неправильно:
• правильно: Имя Фамилия

Распространённое заблуждение, что SGML и HTML разрешают «перехлёст» элементов, основано на нарушающем стандарты

Реферат

1. Краткая история WWW

2. Язык HTML - построение Web-документов:

а) шаблон Web-документа

б) форматирование текста

в) форматирование параграфов

г) работа с изображениями изображений:

I. фоновые изображения

II. статические и динамические изображения

е) фреймы:

I. Вертикальные фреймы

II. Горизонтальные фрейм

III. Вложенные фреймы

Альтернативные средства офрмления документов

Общеизвестно, что сеть Internet–это, в частности, громадное хранилище всевозможной информации. До появления службы World Wide Web (WWW) навигацию по Internet в поисках нужной информации нельзя было назвать удобной. Чтобы получить файл с FTP–сервера, приходилось отдельно загружать приложение–клиент. При этом нужно было помнить свой пароль, приходилось перемещаться по многочисленным каталогам в поисках нужного файла, не забывая перед его получением установить правильный режим передачи; знать многочисленные команды работы с FTP–серверами и т.д. Если же нужно было просмотреть какую–либо конференцию, то приходилось запускать уже другое приложение, у которого был свой набор команд для чтения, пересылки, сохранения сообщений из конференций. Все это былонеудобно.

Около пяти лет назад была предпринята попытка организовать информационный порядок в сети Internet. Это привело к появлению службы World Wide Web (Всемирная Паутина), которая получила рождение в Европейском Центре Ядерных Исследований в Швеции. В основе идеи WWW лежат так называемые hypermedia документы или Web–документы, также называемые Web–страницами, призванные навести порядок в организации и поиске данных. Эти документы могут содержать как текстовую, так и не текстовую информацию (например, изображения, звук), а также ссылки. Ссылки – это указатели, с помощью которых можно свободно перемещаться из одного места документа в другое место, или же вообще ссылаться на отдельный документ, который может находиться на другом конце света. Хотя Web–документы могут содержать самую разную информацию, не только текстовую, их практически всегда называют гипертекстовыми (hypertext) документами, что в общем, не совсем верно.

На экране типичный Web–документ выглядит как набор текстасо ссылками, могут присутствовать различные иллюстрации. Документ можно листать, просматривая содержимое, быстро перемещаться по нему или другим документам с помощью ссылок.

С появлением WWW сеть Internet стала обслуживать текст и графику, с помощью мыши стало возможным путешествовать по всему миру и легко находить нужную информацию с помощью простого указания и щелчка. Стало легко перекачивать файлы и читать конференции. Вот почему служба WWW приобрела всемирную популярность и получила большое распространение. Каждый день в сети Internet появляются в больших количествах Web–серверы и публикуются тысячи новых документов.

Для построения Web–документов в WWW используется специальный язык HTML, что означает HyperText Markup Language – язык гипертекстовой разметки, язык форматирования данных. Основанный на языке SGML (Standard Generalized Markup Language), язык HTML определяет форматирование и организацию данных в Web–документах. Он не определяет то, как точно будет размещен текст на экране, этот язык определяет структуру данных. Web–документ может содержать не только текстовую информацию, и поэтому язык HTML правильнее было бы называть HyperMedia Markup Language, однако в литературе практически всегда употребляется аббревиатура HTML. Документ, созданный на языке HTML – это обычный файл в ASCII–формате. В его основе лежат специальные дескрипторы (теги), которые и определяют форматирование данных в любом Web–документе. Естественно, для просмотра HTML–документов в World Wide Web необходимо специальное программное обеспечение. Такие программы называются броузерами (от англ. browse – листать, просматривать). С их помощью можно загружать и просматривать Web–странички, осуществлять навигацию по WWW и т.д. В настоящий момент существует довольно большое количество броузеров, из которых самыми популярными являются броузеры Microsoft Internet Explorer, Netscape Navigator и NCSA Mosaic. Броузер, прочитав HTML–файл, с помощью дескрипторов интерпретирует содержащиеся в документе данные и соответствующим образом отображает их на экране компьютера.На рис. 1 показан пример Web–документа:

Рис.1 Пример Web–документа

Язык HTML быстро развивается. В процессе своего развития он приобретал новые возможности и утрачивал мало использовавшиеся и устаревшие. В настоящий момент текущей официальной версией языка HTML является версия 3.2, обладающая развитыми средствами построения Web–документов. По сравнению с версией HTML 2.0 новая версия предлагает такие новые возможности, как таблицы, «обтекание» изображений текстом, встраивание апплетов Java и др. возможности.

На сегодняшний день кроме официальной версии языка также существуют версии HTML от фирм Microsoft и Netscape, которые также поддерживают и дополнительные возможности, не описанные в спецификации к официальной версии HTML. Чтобы решить проблему совместимости броузеров при отображении документов, составленных с использованием элементов неофициальных версий языка HTML, вышеупомянутые фирмы включают в свои продукты поддержку альтернативной версии языка. На подходе уже есть версия языка под номером 4.0, называемая Dynamic HTML, обещающаяусовершенствованные старые и новые захватывающие возможности для оформления Web–документов. W3C (World Wide Web Consortium – организация по стандартам в World Wide Web) уже предлагает на рассмотрение эту версию языка как стандарт. Существуют варианты новой версии языка от фирм Microsoft и Netscape, которые, однако, пока несовместимы между собой. В настоящей работе раскрываются основные средства построения документов из языка HTML версии 3.2 фирмы Netscape Communications.

Как было сказано выше, форматирование документа на языке HTML задается специальными дескрипторами. Дескриптором называется команда форматирования данных и заключена эта команда в угловые скобки «». Существуют открывающие и закрывающие дескрипторы, между которыми размещается текст, подлежащий форматированию. Открывающие дескрипторы задают способ форматирования, вторые его отменяют. Разница между такими дескрипторами заключается в том, что в закрывающем дескрипторе перед именем стоит косая черта. Например, дескрипторы . Существуют также дескрипторы, которые не требуют закрывающего варианта.

Язык HTML не чувствителен к регистру букв, поэтому все дескрипторы можно задавать как прописными, так и строчными буквами. Броузер будет их однозначно интерпретировать в любом написании.

Если просмотреть исходный текст типичной Web–странички, то можно увидеть примерно следующее содержание:

заголовок документа

текст

текст

текст

текст

Между дескрипторами и находится непосредственно весь документ. Дескрипторы и определяют область задания заголовка документа. Между парой и помещается заголовок документа. Его содержимое просматривается в названии окна броузера. Информация в заголовке используется некоторыми сетевыми роботами для индексирования данных при сканировании ресурсов WWW. В эту область можно вводить, например, данные об авторе, краткое описание документа. Между дескрипторами и заключаются данные, которые будут выводиться броузером на экран. Дескрипторы и содержат данные об авторе, которые будут выводиться на экран, например, имя и фамилию автора, его электронный адрес, дата создания и изменения документа и т.д.

Строго говоря, ни одни из вышеописанных дескрипторов не являются обязательными при создании документов, однако они помогают структурировать документы и их определение является признаком хорошего стиля при составлении Web–страничек.

Форматирование текста подразумевает вывод на экран текста, выделенного определенным шрифтом или с определенными атрибутами.

Для форматирования текста нужно заключить строку или строки текста между парой дескрипторов. Ниже приводится основной список дескрипторов и результаты форматирования текста:

Например, если необходимо вывести некую строку на экране курсивом, то в тело Web–документа необходимо ввести следующее:

Этот текст написан курсивом

В результате броузер отобразит:

Этот текст написан курсивом

Дескрипторы можно комбинировать друг с другом в произвольном порядке, например, комбинация

Это текст напечатан полужирным курсивом

приведет к следующему результату:

Это текст напечатан полужирным курсивом

В некоторых Web–документах можно встретить мигающие строки текста, призванные привлечь внимание пользователя. Для этих целей используется дескриптор :

Это мигающий текст

Однако это расширение языка фирмы Netscape используется весьма редко и поэтому, возможно, скоро устареет.

В дизайне Web–страничек часто используются шрифты различных размеров. Вывести строку с размером шрифта, отличным от обычного можно с помощью дескрипторов текст , где число n – число от 1 до 7, определяющее размер шрифта относительно обычного. Таким образом, следующий текст в теле документа

Этот текст на четыре размера больше обычного

на экране будет выглядеть следующим образом:

Этот текст на четыре размера больше обычного.

Необходимо заметить, что пары дескрипторов и , а также и являются элементами языка HTML версии фирмы Netscape и поэтому могут не поддерживаться остальными броузерами.

Текстовая информация, размещаемая на Web–страницах, организована в абзацы. Абзац начинается дескриптором и завершается закрывающим дескриптором

Первый абзац

Второй абзац

В результате на экране будет такой результат:

Первый абзац

Второй абзац

При составлении документа необходимо учитывать, что броузер игнорирует пробелы между словами и переводы строк при форматировании текста, поэтому он рассматривает как абзац только тот текст, который находится между дескрипторами . Принудительный разрыв строки задается дескриптором
, который не имеет закрывающего варианта. Пример кода:

Первая строка

Вторая строка

В результате броузер выведет на экран:

Первая строка

Вторая строка

Если же нужно вывести на экран текст с нужным количеством пробелов и разрывами строк, необходимо заключить его в дескрипторы И . Это обычно используется для вывода на экран листингов исходного текста программ. При этом текст будет выведен моноширинном шрифтом.

Создание заголовков

Заголовки различного уровня задаются с помощью дескрипторов и , где n – число от 1 до 6. Самый крупный заголовок задается дескриптором , самый маленький – дескриптором . Например:

Это заголовок уровня 1

Это заголовок уровня 3

Это заголовок уровня 6

В результате на экране будет выведено:

Это заголовок уровня 1

Это заголовок уровня 3

Это заголовок уровня 6

Заголовки являются одним из наиболее часто используемых элементов оформления документов в WWW.

Создание списков

В языке HTML существует возможность задавать списки трех типов: нумерованные списки, ненумерованные списки, списки определений. Начало и конец списка задается специальными дескрипторами, а перед каждым элементом списка задается дескриптор

Элемент списка

Результат:

* Элемент списка

* Элемент списка

* Элемент списка

Списки определений представляют собой группы текста, по два элемента каждая, при этом второй элемент смещен вправо относительно первого. Как правило, такие списки используются для пояснения различных понятий. Пример:

Первое определяемое понятие

Пояснение первого понятия

Второе определяемое понятие

Пояснение второго понятияі

Результат:

Первое определяемое понятие.

Пояснение первого понятия.

Второе определяемое понятие.

Пояснение второго понятия.

Ссылки

Ссылки являются одним из основных элементов языка HTML. Ссылки предлагают пользователю быстрый и удобный способ для перемещения в то или иное место в документе или даже в другой документ. Например, вместо того, чтобы листать длинный Web–документ в поисках нужного фрагмента, можно с помощью простого щелчка мыши мгновенно переместиться на нужное место (если, конечно, для этого предусмотрена соответствующая ссылка). Если есть два разных документа, то для того, чтобы обеспечить доступ из одного документа в другой, необязательно их совмещать вместе, достаточно в одном документе сделать ссылку на другой и все будет сводиться к простому щелчку мышки.

На экране ссылки выглядят как строка или строки текста, выделенные иным цветом и подчеркнутые тонкой линией. Если подвести к этому участку текста курсор мышки, он превратиться в изображение указательного пальца, а после щелчка на этом месте будет осуществлен переход по этой ссылке.

Атрибут HREF указывает на имя метки в текущем документе.

Конечно, при этом необходимо в документе обозначить метку, для которой будет задана ссылка. Для этого используется дескриптор c атрибутом :

Это метка

На экране метка в отличие от ссылок ничем не выделяется среди остального текста.

Если же необходимо осуществить переход на метку, расположенную в другом документе, то вышеприведенный пример немного изменится:

URL может быть как относительным, так и абсолютным. Кроме того, ссылка может указывать не только на документ, но также и на изображения, двоичные файлы, звуковые файлы т.д. Поведение броузера при переходе по той или иной ссылке зависит от его конкретных настроек. Так, если ссылка указывает на документ, то он будет загружен, если же это звуковой или видеофайл, то он будет проигран. Если же это двоичный файл, броузер предложит его переписать на локальный диск.

Внедрение изображений

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

Для вставки иллюстраций в документ используется дескриптор :

Атрибут задает имя файла картинки. Имя файла может указывать на как локальный файл, так и на удаленный файл, для чего следует указать соответствующий URL. Файл может представлять собой статическое изображения и иметь графический формат, понимаемый броузером, либо динамическое изображение, представленное в формате GIF89A. В последнем случае в окне броузера файл будет выведен как анимация.

Атрибут ALT указывает на текст, который будет выводиться в окне броузера вместо изображения, если, например, броузер пользователя не поддерживает графику или же отключена опция загрузки изображений. Этот атрибут не является обязательным, однако его использование считается хорошим стилем при составлении Web–документов.

Часто при подготовке страничек с использованием графики случается, что желаемый размер изображения не совпадает с действительным. Например, необходимо поместить картинку на определенной площади с определенным размером. Для этого нужно использовать атрибуты WIDTH и HEIGHT, которые задают требуемые размеры изображения в ширину и высоту соответственно. Например, если необходимо поместить изображение большого размера на площади высотой в 100 и шириной в 200 пикселов, то в тело документа необходимо записать следующее:

Порядок следования этих атрибутов может быть произвольным.

Обилие графики в документе, с одной стороны, улучшает его общий вид, с другой стороны, существенно увеличивает время его загрузки. Чтобы найти компромисс между скоростью загрузки документа и его наглядностью, дизайнеры Web–страниц часто прибегают к такому приему: изображение размещают на страничке в меньшем формате и делают его ссылкой на себя. Если щелкнуть мышкой на таком изображении, то броузер загрузит его и отобразит в оригинальных размерах. Изображение–ссылка описывается в документе следующим образом:

Интересной возможностью представляется «обтекание» изображение текстом. Это весьма популярный способ оформления Web–страниц. При этом на экране картинка окружена текстом, например, слева и снизу. «Обтекание» текста достигается использованием атрибута ALIGN, который имеет такие параметры, как:

LEFT – текст будет охватывать изображение слева-снизу.

RIGHT – текст обхватывает изображение справа-снизу

TOP – изображение окружено текстом справа-сверху

BOTTOM – изображение окружено текстом справа-снизу

MIDDLE – изображение окружено текстом справа-посредине

Например, при составлении Web–странички, приведенной на рис. 1, была использована такая запись в теле документа, описывающая изображение:

Изображения можно использовать и в качестве фона документа. Весь текст и все иллюстрации в документе будут выводиться броузером поверх фонового изображения. Фоновые изображения задаются весьма просто следующим образом:

Если размер изображения недостаточно большой, чтобы заполнить собою все окно броузера, последний в таком случае просто размножит изображение до полного заполнения окна.

Фреймы

Одними из последних нововведений в официальной версии языка HTML являются так называемые фреймы. При использовании фреймов окно броузера разбивается на несколько подокон, в каждом из которых можно отображать любые Web–документы, осуществлять их прокрутку независимо от других окон. Хорошо продуманная структура фреймов может существенно облегчить навигацию по документам и улучшить восприятие информации. В качестве примера можно привести электронный вариант книги или журнала, когда в одном окне можно выбирать разделы–ссылки содержания, а в соседнем окне просматривать информацию, непосредственно относящуюся к конкретному разделу из содержания.

Существует два типа фреймовых документов: фрейм–содержащие документы и простые документы. Фрейм–содержащие документы задают структуру самого фрейм–документа, т.е. задают данные о том, как будет разбито окно броузера на подокна. Такие документы содержат ссылки на другие документы. Обычные же документы – это те документы, которые не содержат данные, определяющие фреймы.

Структура фрейм–содержащего документа в общем случае имеет такой вид:

заголовок

Текст

Область задания фреймовой структуры

Как видно из примера, структура такого документа несколько отлична от структуры обычного документа. Наличие дескрипторов и вместо и как раз и отличает фреймовый документ от обычного. Использование дескрипторов и является еще одним признаком хорошего стиля. Между ними задают текст, который будет выведен в окне броузера, не поддерживающего фреймов.

Ниже приводится пример фреймового документа:

Ваш броузер не поддерживает фреймы!

Понравилась статья? Поделитесь с друзьями!

Поделиться в Facebook

Twitter

распечатать

Была ли эта статья полезной?

Да

Нет

Спасибо, за Ваш отзыв!

Что-то пошло не так и Ваш голос не был учтен.

Спасибо. Ваше сообщение отправлено

Нашли в тексте ошибку?

Выделите её, нажмите Ctrl + Enter и мы всё исправим!

Похожие советы

Решение проблем со звуком в телефоне

Смартфоны с мощным аккумулятором и двумя SIM-картами Какие телефоны хорошие 2 симками

Установка шифра через cmd

Обзор Motorola Moto E4 Plus — самый сбалансированный смартфон компании

Драйверы для ноутбука HP Pavilion g7 Сетевые драйвера на hp pavilion g7

DiRT Rally - Системные требования

Наверх