Галямова Е.В. - Язык HTML
Описание файла
PDF-файл из архива "Галямова Е.В. - Язык HTML", который расположен в категории "". Всё это находится в предмете "языки интернет-программирования" из 5 семестр, которые можно найти в файловом архиве МГТУ им. Н.Э.Баумана. Не смотря на прямую связь этого архива с МГТУ им. Н.Э.Баумана, его также можно найти и в других разделах. .
Просмотр PDF-файла онлайн
Текст из PDF
Министерство образования и науки Российской ФедерацииФедеральное агентство по образованиюГосударственное образовательное учреждение высшего профессионального образованияМОСКОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ ИМ. Н.Э. БАУМАНА(МГТУ им. Н.Э. Баумана)Факультет «Информатика и системы управления»Кафедра «Компьютерные системы и сети»«УТВЕРЖДАЮ»Заведующий кафедрой ИУ-6Д.т.н., профессор______________ Сюзев В.В.«___»__________ 2008 г.Язык HTMLМетодические указания по выполнению лабораторНЫХ работпо курсу «Разработка Интернет-приложений»Галямова Е.В.2008 год,МоскваЛабораторная работа № 1Создание интерактивного Интернет-приложенияЦель лабораторной работы - освоение языка программирования HTML.Задачами лабораторной работы являются:1.
Освоение основных компонент языка HTML: элементы, теги, атрибуты языка.2. Оформление первой веб-страницы.3. Написание первого скрипта4. Создание сенсорных и анимированных изображений1. Теоретическая часть1. Элементы и тегиЯзык HTML - это, по сути, множество элементов, специфицирующих формат описываемойстраницы. Каждый элемент влияет на данные (текст или изображение), которые следуют за ним.Например, следующий элемент определяет, что текст будет выделен полужирным шрифтом:<B> This text is bold</B>Символ В - элемент языка, а обозначение </B> называется тег, в частности, это тег конца элемента.Пары тегов обеспечивают возможность вложенного использования элементов:<B> This text is bold and <I> This text is italicized </I></B>Не все HTML -элементы могут вкладываться друг в друга, имеют теги начала и конца или требуютзавершения их тегом конца, но большинство из них удовлетворяют этим правилам языка.2. АтрибутыHTML -элементы могут иметь и атрибуты.
Атрибуты модифицируют характеристики элемента.Например, элемент Р определяет начало абзаца текста. Он имеет один атрибут ALIGN, которыйпозволяет определять выравнивание: LEFT, CENTER or RIGHT. Например:<P ALIGN = CENTER> This sentence is centered. </P><P ALIGN = RIGHT> This sentence is aligned right. </P><P ALIGN = LEFT> This sentence is aligned left. </P>3. КомментарииДля комментариев предусмотрены теги комментариев <!-- и -- >. Элемент комментария позволяет"спрятать" элементы, не поддерживаемые устаревшими броузерами (как - увидим дальше).
Есть иальтернативный тег COMMENT из HTML версии 2.0. Примеры использования:<!-- Это начало комментариев.А это конец комментариев -- ><COMMENT>Это начало комментариев с использованием тега версии 2.0.</COMMENT>4. ЦветаНекоторые HTML - элементы поддерживают атрибут COLOR. Его значение можно задать двумяспособами: (RGB модель) Сочетанием шестнадцатеричных значений, соответствующих красной, зеленой и синейсоставляющим цвета прямым указанием названия цвета.Примеры:<body bgcolor="blue"><h4><font color ="#0000FF" size = "2">Last update: October 08, 2001 </font></h4><TABLE bgcolor="Ivory">5.
Элементы ЗаголовкаНекоторые элементы могут использоваться только между тегами начала <HEAD> и конца </HEAD>заголовка.1.1. BASEПо умолчанию броузер использует URL, указанный для загрузки какого-либо документа, как полный,абсолютный адрес этого документа. Затем, при загрузке ссылок, встречающихся в документе, броузервычисляет их абсолютные адреса на основании заданного базового адреса. Элемент BASEиспользуется для явной установки абсолютного URL:<!-- EDUCATION.HTM --- ><BASE HREF = "http://education.vsnl.com/ruscult/education.htm">Документы, в которых задействован элемент BASE, можно свободно перемещать из одного каталога вдругой, поскольку ссылки, залданные относительно определенного абсолютного адреса, будут сохранятьсвою значимость. В приведенном выше примере при перемещении файла EDUCATION.HTM в другойкаталог внутренние, относительные ссылки по-прежнему будут работать, поскольку броузер будетиспользовать URL, заданный в элементе BASE, а не новый адрес страницы.1.2.
METAЭлемент META используется для предоставления броузеру, поисковым серверам и другим приложениямвысокоуровневой информации о документе. Имеет несколько полезных атрибутов, хотя применение ихзхависит от конкретного броузера.1.2.1. Атрибут HTTP-EQUIVОбеспечивает броузер сопроводительной информацией по данному документу. Позволяетпроводить клиентскую перезагрузку (client-pull). Его используют для указания адреса документа,который должен автоматически загружаться в броузер.
Например, при задании опции Refresh(обновить) броузер IE будет перезагружать с сервера либо текущую, либо заданную страницу.Следующий тег будет обеспечивать перезагрузку документа каждые 10 сек.:<META HTTP-EQUIV = "Refresh" CONTENT = "10 ">Причем, если задать URL другой страницы, то она будет загружаться вместо первоначальной (см.ниже).1.2.2. Атрибут NAMEСтрока, определяемая пользователем.1.2.3.
Атрибут CONTENTСтрока, определяемая пользователем. В сочетании с атрибутом HTTP-EQUIV можетиспользоваться для автоматической перезагрузки документа через определенные интервалывремени.1.2.4. URLURL документа. Обычно используется с опцией Refresh атрибута HTTP-EQUIV:<META HTTP-EQUIV="Refresh" URL=" http://education.vsnl.com/ruscult/education.htm ">Элемент META используется для внесения в документ инфо, определяемой пользователем.Например, редактор FrontPage Express вставляет тег META в каждый составляемый им документ. АтрибутыNAME и CONTENT используются как комментарии при описании приложения, генерирующего документ:<META NAME = "GENERATOR" CONTENT = "MICROSOFT FrontPage 2.0 ">Имейте в виду, что некоторые серверные приложения индексируют страницы узла, сканируя элементыMETA, Поэтому, имеет смысл помещать в них ключевые слова, характеризующие страницу, например:<META NAME = "Keywords" CONTENT = "ActiveX, OLE, COM, MFC, Windows">2.
Создание сценариев (Элемент SCRIPT)Элемент SCRIPT дает возможность создания сценариев - внедрение в страницу исполняемых элементов,что превращает ее в динамический документ. Элемент SCRIPT имеет несколько атрибутов. Наиболееупотребительный - атрибут LANGUAGE - определяет язык, используекмый для создания сценария(VBScript, Jscript Microsoft, или JavaScript Netscape).Элементы основного раздела веб-страницы –BODY:Элемент HEAD описывает характеристики документа на "верхнем уровне". Вторую важную частьНТМL-документа составляет элемент BODY.
Здесь содержатся рисунки и текст, отображаемые в рабочейобласти окна броузера. Большая часть элементов НТМЬ используется в пределах элемента BODY.Элемент BODY имеет несколько атрибутов, которые представлены таблице 1. Большинство из нихобеспечивают задание неявных параметров страницы, которые могут быть переопределены заданием другихэлементов в теле документа. Приведем пример документа, использующего изображение в формате JPEG вкачестве фона, белый цвет для просмотренных ссылок и красный для непросмотренных.
Для левой иверхней границ установлено значение один пиксель.Пример:<background = "blusky.jpg"link="FF0000" vlink ="FFFFFF"topmargin="1" leftmargin="1">Большинство элементов, рассматриваемых в этом разделе, используются в пределах элемента BODY.Другими словами, они должны быть обязательно заключены между тегами начала < BODY > и конца </BODY > тела документа.Таблица 1.АтрибутОписаниеОпределяет цвет для активной гиперссылкиALINK = цветURL, определяющий фоновое изображение для страницыBackground = urlОпределяет цвет фона страницыBGCOLOR = цветОтменяет многократное повторение фонового рисунка.
ЭтоBGPROPERTIES=FIXEDпозволяет создать эффект водяного знакаИдентификатор элемента в документеID = значениеОпределяет отступ от левого края страницы в пикселях.LEFTMARGIN=nЕсли n=0, то текст будет начинаться у левого края окнаОпределяет цвет непросмотренных гиперссылокLINK = цветОпределяет ссылку на страницу стилейSTYLE = css- свойстваОпределяет цвет текста в документеTEXT = цветОпределяет отступ от верхнего края страницы в пикселях.TOPMARGIN = nЕсли n=0, то текст будет начинаться у верхнего края окнаброузера (или фрейма)Определяет цвет отображения гиперссылок, которые ужеVLINK = цветпросматривались1.
Aбзацы и разрывы строкиВ первую очередь WWW — это среда публикаций, хотя она и превращается (довольно быстро) в средуразработки приложений. Что представляла бы собой публикация без абзаца? Элемент Р является наиболеечасто употребляемым в НТМL. Он используется для разделения текста на абзацы.
Абзац имеет только одинатрибут — ALIGN, позволяющий выравнивать текст по левому краю (LEFT), по правому краю (RIGHT) и поцентру (CENTER). По умолчанию обычно принимается выравнивание по левому краю. Ниже приводитсяпростой документ, состоящий из трех абзацев.Пример:<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"><html><head><meta http-equiv="Content-Type"content="text/html; charset=koi8-r"><meta name="GENERATOR" content="Microsoft FrontPage 2.0"><title>The P and BR Elements</title></head><body bgcolor="#FFFFFF"><h3>Элемент выделения параграфа </h3><p>Параграф один. Этот параграф расположен справа и использует атрибут ALIGN=LEFT элементавыделения параграфа.