Программное средство которое распознает дескрипторы языка html. Что это - дескриптор? Описание структуры атрибута
Лекция №1: Введение в язык HTML (12 часов)
Тема 1: Введение в язык HTML (1 час)
План
1. Понятие о HTML
2. Понятие о гипертексте
3. Понятие о html -файле
4. Понятие о тегах языка html
5. Структурные теги
6. Создание шаблона HTML -документа и первой Web -страницы
1. Понятие о HTML
HTML расшифровывается как HyperText Markup Language , или язык гипертекстовой разметки.
Важно понять, что HTML это не язык программирования – а язык разметки текста. Он позволяет определить внешний вид документа. Если обычные языки программирования используются для написания программ (алгоритмов), предназначенных для выполнения определенных задач, то язык разметки HTML используется для представления документа в определенном виде.
2. Понятие о гипертексте
Гипертекст ( hypertext ) – это особый текст, в котором есть ссылка на другую Web -страницу или документ. В данном случае приставка гипер означает более чем или сверх , так как вы видите перед собой нечто большее, чем просто текст. В большинстве браузеров гипертекст (или гиперссылка) обычно подчеркивается и выделяется другим цветом, в отличие от остального текста. Если щелкнуть на гипертексте, то его цвет изменится. Щелчок на гиперссылке приводит к тому, что Web -браузер запрашивает документ, на который указывает ссылка, а затем загружает его в окно браузера. Таким образом, благодаря гипертексту Web -страница приобретает свойство интерактивности.
У гипертекста нет ни начала, ни конца. Большинство печатных изданий предназначено для прочтения от первой до последней страницы. В этом смысле они обладают линейной структурой. А гипертекст больше напоминает паутину с неопределенным центром. Искусство создания хороших Web -страниц заключается, прежде всего, в разумной организации информации. Пользователь должен иметь перед глазами структуру страницы или ее краткое содержание, чтобы выбрать то, что его интересует.
3. Понятие о html -файле
Для разработки html -файлов нужен всего лишь текстовый редактор. Запомните, что, хотя html -страницы и представляют собой файлы с расширением. htm или. html , на самом деле это обычные текстовые файлы формата ASCII . Для того чтобы создать html -страницу, необходимо воспользоваться командой Файл – Сохранить как и сохранить файл в текстовом формате и добавить к его имени расширение. htm или. html , в зависимости от используемой операционной системы.
Лучше всего для упорядочения html -файлов создать на жестком диске специальный каталог (или папку) для хранения Web -страниц. Это особенно важно в случае, если мы собираемся создать несколько взаимосвязанных страниц. Необходимо для начала определить структуру расположения файлов на жестком диске. Для создания простого Web -сервера, как правило, нужно иметь несколько текстовых и графических файлов и, возможно, пару файлов мультимедиа. Создавая Web -сервер, содержащий относительно небольшое количество страниц и изображений, можно сохранить все файлы в одном каталоге. Если же файлов много, следует разместить их в нескольких папках.
4. Понятие о тегах языка html
Как мы уже говорили язык разметки позволяет определить внешний вид документа. Для этого в текст документа вставляются специальные коды, или дескрипторы (tags ). Причем сделать это можно с помощью программы Блокнот или другого текстового процессора. И вообще, при создании Web -страниц вам придется делать многое из того, к чему вы привыкли, работая в текстовом процессоре, например, выделять текст полужирным шрифтом или преобразовывать отдельные фразы в заголовки.
Итак, что же такое дескриптор? Дескриптор – это основной элемент кодирования, принятый в стандарте HTML . В HTML практически все зависит от дескрипторов. Они служат для привлечения внимания к определенным словам в документе, тем самым давая браузеру понять, что нужно выделить, где отобразить графику и где находятся гиперссылки.
Дескрипторы заключается в угловые скобки (< >). Например, дескриптором абзаца является < P > , а дескриптором горизонтальной линии - <НР> . Дескрипторы можно записывать как прописными, так и строчными буквами. Однако запись дескрипторов прописными буквами значительно облегчает зрительное восприятие текста.
Существует два типа дескрипторов: контейнеры и одиночные дескрипторы. Контейнер – это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или закрывающего) дескрипторов. Начальный дескриптор имеет вид < TAG >, а конечный TAG >. Контейнеры предназначены для хранения некоторой информации, например текста или других дескрипторов. Поэтому между начальным и конечным дескрипторами заключено содержимое контейнера. Например, элемент, представляющий собой заголовок первого уровня заключается между дескрипторами < H 1> и H 1>:
< H 1> Мой первый HTML -документ!
Пустой дескриптор отличается от контейнера тем, что не содержит никакой информации. У него есть только начальный дескриптор. Пустой дескриптор обычно выполняет самостоятельную задачу, не связанную с конкретным текстом. Например, дескриптор < HR > создает горизонтальную линию и не выполняет при этом никаких действий над текстом, в противоположность начальному и конечному дескрипторам контейнера.
Начальный и конечный дескрипторы контейнера вместе с заключенным между ними содержимым – это элемент HTML -документа. Элементом может быть изображение, фрагмент текста, форма, таблица, список, ссылка, текстовое поле, кнопка и даже заголовок документа или его основная часть (тело). Но обратите внимание, что элемент – это не только дескрипторы, но и то, что заключено между ними.
5. Структурные теги
Познакомимся с основными дескрипторами, определяющими структуру Web -страницы.
Дескрипторы элемента HTML (< HTML > HTML > ) являются самыми внешними, т.е. заключают в себе весь остальной текст и другие дескрипторы. Начальный дескриптор, < HTML > , – это первое, что вы должны набрать. А конечный дескриптор, HTML > , обозначает окончание документа. Большинство браузеров не воспринимает текст, находящийся за пределами этих двух дескрипторов.
У HTML -документа есть "голова" (заголовок) и "тело" (основная часть).
В любом HTML -документе элемент HEAD предшествует основной части (или телу) Web -страницы. Содержимое элемента HEAD заключено между дескрипторами < HEAD > и HEAD > . Этот текст представляет собой общую информацию о файле и не отображается в самом документе. В дескрипторе HEAD может находиться ряд других элементов. Нас в первую очередь интересует дескриптор < TITLE > , который определяет название документа. Текст, заключенный между дескрипторами < TITLE > и TITLE > , отображается в верхней части окна программы (строка заголовка).
И, наконец, самая важная часть HTML -документа – элемент BODY , который заключается между парой дескрипторов < BODY > и BODY > . Этот элемент является самым важным потому, что в него включен весь отображаемый на странице текст, изображения и мультимедиа либо ссылки на них. Описание элемента BODY следует сразу за описанием элемента HEAD .
6. Создание шаблона HTML -документа и первой Web -страницы
Откройте Блокнот и введите следующий текст:
< BODY >Содержимое Web -страницы: тест, графика, ссылки и т.д.
Сохраните файл в своей папке под именем template . html .
Теперь создайте новый документ и загрузите в него созданный нами шаблон. Затем воспользуйтесь командой Сохранить как , чтобы присвоить имя новой странице.
Замените текст, заключенным между дескрипторами < TITLE > и на "Моя первая Web -страница!". Теперь замените текст между дескрипторами < BODY > и на следующий:
< H 1>Это моя первая Web -страница!
< HR >
Окончательный вариант вашего файла должен иметь следующий вид:
Это моя первая Web-страница!
Сохраните файл в вашей папке присвоив ему имя first . html .
HTML - язык гипертекстовой разметки документа. С его помощью Вы можете писать тексты со ссылками на другие страницы, создавать таблицы, списки, включать изображения и многое другое. Этот язык используется для написания сайтов.
» html для новичков
» html для новичков
Основные Тэги (Дескрипторы) языка html
По традиции всех классических руководств по HTML мы приводим самый простой гипертекстовый документ.
Здесь размещен заголовок первого уровня
Добро пожаловать в Internet!
Первый и последний параграф.
В этом примере мы использовали следующие термины гипертекста (так называемые тэги):
Название документа
Это не правило, и даже не закон, это факт:
Любой документ HTML имеет название.
По названию вашего документа HTML другие обозреватели могут найти информацию. Место для названия всегда определено – оно находится вверху экрана, и отдельно от содержимого документа. Максимальная длина названия – 40 символов.
Форматирование
Форматирование может быть непосредственным или авторским. Если вы используете тэг
Следующие тэги присущи непосредственному форматированию:
Параграф.
- горизонтальная линия.
Обрыв строки.
Заголовки и подзаголовки
Язык HTML позволяет вам работать с шестью уровнями заголовков. Первый заголовок – самый главный. На него обращается особое внимание. Остальные заголовки могут быть оформлены, например, жирным шрифтом или прописными буквами.
В HTML первый заголовок обозначается как
:
Под n понимается уровень заголовка, то есть, числа 1, 2, 3, 4, 5 или 6.
В HTML первый заголовок может совпадать с названием документа.
Списки подразделяются на ненумерованные:
нумерованные:
c описаниями:
и вложенные:
Выделение текста
Текст в документе HTML может быть выделен одним из следующих способов:
- цитата
- определение
- логический акцент
- ввод с клавиатуры
- сообщения компьютера
- сильный акцент
- переменные
Один большой параграф
В HTML разбиение на строки не принципиально. Это означает, что вы можете разбить строки вашего документа в любом его месте. Связано это с тем, что в гипертекстовом документе идущие подряд отбивки превращаются в одну. Но! Если отбивка сделана после тэга
То она учитывается. Если какой-нибудь тэг
HTML позволяет вам связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием.
Для этого используется тэг . Помните, что после буквы A должен стоять пробел.
¦ наберите ¦ введите HREF=”filename”> ¦ наберите тэг Здесь слово Bob ссылается на документ BobAnapa.html, образуя гипертекстовую ссылку. Если вы хотите указать полное имя файла, то вам необходимо использовать синтаксис UNIX. protocol: //hostport/path Предварительное форматирование текста Тэг Позволяет сформировать текст, оформленный моноширинным шрифтом.
Используйте этот тэг для оформления листингов программ.
Расширенные цитаты
Тэг
позволяет вам включить цитату в уединенный объект.Тэг
позволяет сформировать информацию об авторе документа HTML.Принудительный перевод строки
Тэг
переводит только одну строку, то есть, без дополнительного пробела.Горизонтальные разделители
Тэг
формирует горизонтальную линию по всей ширине окна.Встроенные изображения
Вы можете встраивать в ваш документ картинки. Синтаксис встроенной картинки следующий:
Здесь image_URL есть указатель на файл картинки, синтаксис которого совпадает с синтаксисом ссылки HTML.
Реферат
1. Краткая история WWW
2. Язык HTML - построение Web-документов:
а) шаблон Web-документа
б) форматирование текста
в) форматирование параграфов
г) работа с изображениями изображений:
I. фоновые изображения
II. статические и динамические изображения
е) фреймы:
I. Вертикальные фреймы
II. Горизонтальные фрейм
III. Вложенные фреймы
Альтернативные средства офрмления документов
1. Краткая история World Wide Web
Общеизвестно, что сеть 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.
2. Язык HTML. Построение Web–документов
Как было сказано выше, форматирование документа на языке HTML задается специальными дескрипторами. Дескриптором называется команда форматирования данных и заключена эта команда в угловые скобки «<» и «>». Существуют открывающие и закрывающие дескрипторы, между которыми размещается текст, подлежащий форматированию. Открывающие дескрипторы задают способ форматирования, вторые его отменяют. Разница между такими дескрипторами заключается в том, что в закрывающем дескрипторе перед именем стоит косая черта. Например, дескрипторы . Существуют также дескрипторы, которые не требуют закрывающего варианта.
Язык HTML не чувствителен к регистру букв, поэтому все дескрипторы можно задавать как прописными, так и строчными буквами. Броузер будет их однозначно интерпретировать в любом написании.
Если просмотреть исходный текст типичной Web–странички, то можно увидеть примерно следующее содержание:
заголовок документа
текст
текст
текст
текст
Между дескрипторами и находится непосредственно весь документ. Дескрипторы
и определяют область задания заголовка документа. Между паройи помещается заголовок документа. Его содержимое просматривается в названии окна броузера. Информация в заголовке используется некоторыми сетевыми роботами для индексирования данных при сканировании ресурсов WWW. В эту область можно вводить, например, данные об авторе, краткое описание документа. Между дескрипторами и заключаются данные, которые будут выводиться броузером на экран. Дескрипторы и содержат данные об авторе, которые будут выводиться на экран, например, имя и фамилию автора, его электронный адрес, дата создания и изменения документа и т.д.Строго говоря, ни одни из вышеописанных дескрипторов не являются обязательными при создании документов, однако они помогают структурировать документы и их определение является признаком хорошего стиля при составлении Web–страничек.
Форматирование текста
Форматирование текста подразумевает вывод на экран текста, выделенного определенным шрифтом или с определенными атрибутами.
Для форматирования текста нужно заключить строку или строки текста между парой дескрипторов. Ниже приводится основной список дескрипторов и результаты форматирования текста:
Например, если необходимо вывести некую строку на экране курсивом, то в тело Web–документа необходимо ввести следующее:
Этот текст написан курсивом
В результате броузер отобразит:
Этот текст написан курсивом
Дескрипторы можно комбинировать друг с другом в произвольном порядке, например, комбинация
Это текст напечатан полужирным курсивом
приведет к следующему результату:
Это текст напечатан полужирным курсивом
В некоторых Web–документах можно встретить мигающие строки текста, призванные привлечь внимание пользователя. Для этих целей используется дескриптор
Однако это расширение языка фирмы Netscape используется весьма редко и поэтому, возможно, скоро устареет.
В дизайне Web–страничек часто используются шрифты различных размеров. Вывести строку с размером шрифта, отличным от обычного можно с помощью дескрипторов текст , где число n – число от 1 до 7, определяющее размер шрифта относительно обычного. Таким образом, следующий текст в теле документа
Этот текст на четыре размера больше обычного
; более правильное название - дескриптор ). В SGML (HTML , WML , AmigaGuide , языках семейства XML) - элемент языка разметки гипертекста . Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии со свойствами, указанными в начальном теге.
Например, текст Википедии, заключённый между начальным тегом и конечным тегом (от англ. small - маленький ), отображается с меньшим размером, чем основной текст: Это маленький текст, а текст между тегами и отображается с большим размером: А это - большой.
Синтаксис тегов
Обычно используются парные теги - открывающий , или начальный , и закрывающий , или конечный . Возможно также применение одиночного тега. Например, тег отступа абзаца может оформлять абзац между тегами , а может в одиночной форме до следующего первого попавшегося тега
Тег с пустым текстом :
вставляет разрыв текста без сохранения отступов, можно также использовать специальную форму записи тега -
.Теги и элементы
Весь текст, заключённый между начальным и конечным тегом, включая и сами эти теги, называется элементом . Сам же текст между тегами - содержанием элемента . Содержание элемента может включать в себя любой текст, в том числе и другие элементы.
Атрибуты
У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде сочетания: имя атрибута-значения, причём текстовые значения заключаются в кавычки.
Например, можно выделить фрагмент текста определённым шрифтом, используя тег и указав в этом теге название шрифта и желаемый размер: оформляемый текст .
Тип элемента документа
Имя тега определяет тип элемента. В HTML имя тега определяет лишь правило разметки, так, имя тега «i» (например Курсивный текст) определяет, что между тегами расположен текст, который следует отображать в браузере в курсивном начертании. XML представляет собой более гибкий стандарт. Имена тегов в нём не регламентируются жёстко: пользователи могут вводить и использовать для своих нужд новые теги (см. XML).
Например, мы сами для себя можем определить, что элементом с именем тега «person» мы определяем тип этого XML элемента, как фамилия имя и отчество. И скажем, год рождения, как часть информации по данному человеку:
- XML :
Иванов Иван Иванович Можно даже задать дополнительно в таблицах CSS , что все теги1984 Будут определённого цвета. - HTML :
Иванов Иван Иванович, 1984Тут уже нет возможности сформировать элемент документа для анализа текста, но оформить можно.Таким образом, HTML представляет собой неструктурированный текст, а XML - документ с иерархической структурой, что даёт возможность обработки документа: трансформацию данных, поиск нужных элементов документа и т. д.
Структура элемента
Распространённое заблуждение, что SGML и HTML разрешают «перехлёст» элементов, основано на нарушающем стандарты
