Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Формат файлов HTML. Структура HTML-файла.Содержание книги
Поиск на нашем сайте
Документы, составляющие содержание WWW, называются Web-страницами, а формат, с помощью которого подготавливаются Web-страницы, называется HTML (HyperText Markup Language) или “язык разметки гипертекста”. Под гипертекстом же в простейшем случае понимается текст, позволяющий не только последовательное прочтение, то есть, указателями-ссылками связанный с другими текстами. Структура HTML-файла Стандартный документ Интернет представляет собой текстовый файл, размеченный средствами формата HTML. Элемент разметки или оформления, входящий в формат HTML, называется таг. Любой таг имеет общий вид <ИМЯ>область действия тага</ИМЯ> и действует на все, что расположено между треугольными скобками. Почти все таги (кроме <P>, <BR>, <IMG>) должны закрываться, причем закрытие тага отличается от открытия только наличием символа '/'. Таги могут вкладываться друг в друга иерархически, но без пересечений, то есть допустимо вложение вида <ТАГ1><ТАГ2></ТАГ2></ТАГ1>, но не <ТАГ1><ТАГ2></ТАГ1></ТАГ2>. HTML довольно "демократичен", неправильный таг или неправильное вложение тагов обычно не приводят к "зависаниям" браузера или каким-либо сообщениям об ошибках, хотя, разумеется, могут вызвать неправильное форматирование документа. Названия тагов нечувствительны к рЕгИсТрУ символов. Создавать HTML-документы можно как в простом текстовом редакторе, например, в Блокноте Windows, так и с помощью специализированных программ, таких как Microsoft Frontpage. HTML-файл имеет следующую общую структуру: <HTML> <HEAD> <Мета-таги> <Функции скриптов> <TITLE>Заголовок документа</TITLE> </HEAD> <BODY> Основная часть документа </BODY> </HTML> Обязательным является только открывающий таг <HTML>. В таге <HEAD> помещается заголовочная информация. Общие сведения о документе размещаются во вложенных тагах <META>. Перечислим основные из них: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> В настоящее время широко распространены сразу несколько способов кодирования национальных алфавитов. Таг, указанный выше, управляет кодировкой документа. Обычно используется одна из двух основных русскоязычных кодировок: windows-1251 – кодировка Windows от Microsoft, по умолчанию используемая для русского языка во всех приложениях под Windows; koi8-r – кодировка KOI8-R, используемая для русского языка в операционной системе Unix; Для современных браузеров, поддерживающих несколько кодировок, указание тага кодировки необязательно. Остальные мета-таги: <meta name="Generator" content="Имя программы, сгенерировавшей документ"> <meta name="Description" content="Краткое описание содержания страницы"> <meta name="Keywords" content="ключевые слова документа, разделенные запятыми"> <meta name="owner" content="электронный почтовый адрес владельца страницы"> <meta name="category" content="категория страницы, например, home site"> В таге <TITLE>, также вложенном в таг <HEAD>помещается текст, отображаемый в заголовке окна браузера. Основной текст документа размещен внутри тага <BODY>. Таг <BODY> имеет множество опций, с основными из которых мы познакомимся позже.
Основные средства форматирования текста Как и в Word, основой структуры текста в HTML является абзац. Для выделения абзаца служит таг <P>, закрывать который не обязательно. В таге <P> можно указать способ выравнивания текста абзаца в виде <P ALIGN="опция_выравнивания">. Для выравнивания текста абзаца по левому краю, правому краю, по центру или по ширине следует использовать, соответственно, опции LEFT, RIGHT, CENTER, JUSTIFY (последний - только в новых браузерах). Точно так же можно выравнивать и заголовки в тагах <H1>,...,<H6> (см. табл. 2). При "ручном" наборе текста для HTML-документа следует избегать переносов слов по слогам и выравнивания текста с помощью пробелов или табуляций. Все форматирование в HTML осуществляется через таги, а переносы строк и количество символов в строке не имеют значения. Для принудительного разрыва строки внутри абзаца служит таг <BR>. Если Вы хотите, напротив, запретить переносы в какой-то части текста, следует заключить ее в таг <NOBR>...</NOBR>. Некоторые символы являются для HTML служебными и при "ручном" наборе HTML-документа вместо них следует использовать сочетания символов из таблицы 1:Символ Обозначение в HTML < < > > & & " " Служебные символы HTML Если нужно вставить в текст один или несколько неизменяемых пробелов, для этого используется сочетание символов Для форматирования текста абзацев используйте таги, приведенные в таблице 2: Таг Пояснение Образец <H1>...</H1> Заголовок 1 уровня Заголовок1 <H2>...</H2> Заголовок 2 уровня Заголовок2 <BIG>...</BIG> Большой Большой <SMALL>...</SMALL Маленький Маленький <SUP>...</SUP> Верхний индекс Верхний индекс <SUB>...</SUB> Нижний индекс Нижний индекс <B>...</B> Жирный Жирный <I>...</I> Курсив Курсив <U>...</U> Подчеркнутый Подчеркнутый <S>...</S> Перечеркнутый Перечеркнутый
Некоторые таги форматирования текста Кроме указанных выше элементов физического форматирования, существуют таги логического форматирования, служащие, например, для выделения цитат, важных фрагментов текста, имен переменных и т.д. Информацию о них можно найти в справочной литературе. Размерами и начертаниями шрифта можно управлять также с помощью тага <FONT FACE="Шрифт" SIZE="Размер"> где "Шрифт" - имя шрифта Windows, а размер указывается цифрой от 1 до 7, например, этот текст отформатирован тагом <FONT FACE="Arial" SIZE="5">. Размер шрифта по умолчанию обычно равен 3. Разумеется, для корректного отображения текста каким-либо шрифтом он должен быть установлен на машине пользователя, поэтому следует избегать "экзотических" шрифтов. По умолчанию браузеры поддерживают один стандартный масштабируемый шрифт (обычно это Times New Roman) и один шрифт для отображения предварительно отформатированного текста в таге <PRE> (обычно Courier New). Опция face позволяет также указать несколько шрифтов через запятую - в этом случае для форматирования текста будет использован первый подходящий шрифт из списка: <font face="Verdana, Arial, Helvetica"> Для отображения предварительно отформатированного текста, с сохранением переносов строк, табуляций и интервалов, используется таг <PRE width="N">, где N - необязательная опция, указывающая желаемый размер строки в символах. Если нужна гарантия, что все символы отформатированного текста будут иметь одинаковую ширину, следует использовать таг <TT>. Для создания в документе текстового раздела используется таг <div>...</div>, с опцией align, указывающей способ выравнивания текста в разделе (так же, как в таге <p>). Указанный в таге <div> способ выравнивания текста используется по умолчанию во всех абзацах этого раздела, если в абзаце в явном виде не указан другой способ выравнивания. Для размещения части документа по центру окна браузера можно также использовать таг <center>...</center> Отделить часть текста горизонтальной чертой можно с помощью тага <HR>. Опция ALIGN со значением LEFT, RIGHT или CENTER определяет выравнивание черты на странице, опция SIZE="размер" - толщину линии в пикселах, а опция WIDTH="ширина" - ширину, указанную в пикселах (например, 600) или процентах (100%). Если указана опция NOSHADE, линия создается без трехмерных эффектов. Пример: Эта черта создана тагом вида <HR ALIGN="CENTER" SIZE="1" WIDTH="50%">
|
||||
Последнее изменение этой страницы: 2016-04-07; просмотров: 230; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.226.17.3 (0.006 с.) |