Перейти к содержанию

Добро пожаловать в сообщество творческих людей - ARTTalk.ru!

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

Для новых пользователей доступна регистрация.

Тема для обсуждения новой версии сообщества.

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

Авторизация  
Felix 17

HTML: Структура документа, расширенные параметры и тэги.

Рекомендуемые сообщения

html_steps_2_129.jpg

 

Доброго всем времени суток.

 

В прошлом уроке я уже упоминал о структуре HTML документа,

Настало время рассмотреть ее подробней.

 

Как осуществить связь с другими документами:

 

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

относительными.

 

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

если перемещается более младший по иерархической структуре документ.

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

 

html_tutorial_2_pic_01_182.jpg

 

Относительные ссылки, в отличии от абсолютных, не пишутся полностью, и действуют только в

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

 

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

 

К счастью такая проблема была предусмотрена разработчиками, добавившими два замечательных тэга <LINK> и <BASE>.

 

Тэг <BASE> нужен для указания полного базового URL адреса документа, благодаря этому ссылка продолжает жить, когда документ перемещается в другое место.

 

У этого тэга есть обязательный параметр - HREF, необходимый для указания полной ссылки на документ.

 

К примеру:

 

html_tutorial_2_pic_3_170.jpg

 

Тэг указывает браузеру где стоит искать файл.

Это похоже на файловую структуру системы Windows, где в поисковой системе можно найти файл,указав лишь часть пути к нему.

 

Мы выяснили, что тэг <BASE> помогает найти файл, однако вопрос о связях документов все еще остается открытым.

 

Чем сложнее ваши документы, тем важнее становятся эти связи.

Как раз для поддержания этих связей документов друг с другом и существует тэг <LINK>.

 

Тэг указывает на связь документа с другим документом, или объектом.

 

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

 

HREF - как и в прошлом теге, этот параметр нужен для указания ссылки на какой либо документ или объект.

 

REL - определяет связь текущего документа с другим.

 

REV - параметр, обратный RELу - определяет связь другого документа и текущего.

 

TYPE - указывает вид и параметры данных , например, присоединенной таблицы стилей (CSS).

 

Тэг <LINK> не создает ссылку, как тэг <A>, но обеспечивает связь с внешними документами.

 

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

У этих параметров множество значений, некоторые значения REL:

bookmark, copyright, content, glossary, help, home, index, toc, next, previous.

Значения REV: author, editor, publisher, owner, made.

 

html_tutorial_2_pic_4_693.jpg

 

Первая строчка указывает на связь с файлом оглавления (toc.html — table of contents) с прямым отношением contents. Вторая строка описывает связь с URL адресом автора документа (с обратным отношением made - т-е "сделанный" автором).

 

Расшифровка значений такова:

 

REL

 

bookmark - закладка

 

copyright - авторское право, или копирайт

 

content - содержание (наполнение)

 

glossary - справочник, каталог

 

help - файл помощи

 

home - домашняя страница

 

index - предметный указатель

 

toc - таблица контента

 

next - следующий документ

 

previous - предыдущий документ

 

REV

 

author - автор (если указывается страница автора, или его емейл)

 

editor - редактор (если указывается страница редактора, или его емейл)

 

publisher - публикатор,(если указывается страница публикатора, или его емейл)

 

owner - владелец (если указывается страница владельца документа, или его емейл)

 

made. - "сделанный" (если указывается страница изготовителя документа, или его емейл)

 

Хоть на первый взгляд значения параметра REV и схожи между собой по смыслу, на самом деле

 

различия есть, но это уже вопрос скорее юриспруденции и права, нежели программирования.

 

Тэг <META>

 

Этот тэг позволяет определять информацию, не имеющую отношения к HTML.

Эта информация используется браузером для совершения каких-либо действий.

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

 

пригодится вам в будущем, при создании более сложных страниц.

 

html_tutorial_2_pic_9_193.jpg

 

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

 

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

 

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

 

Для указания какого-либо свойства есть параметр NAME, а параметром CONTENT, указывается значение этого свойства.

 

Например:

 

html_tutorial_2_pic_5_122.jpg

 

Некоторые другие параметры для этого тэга:

 

HTTP-EQUIV - определяет свойства тэга

 

URL - определяет адрес документа для свойства

 

Также можно использовать тэг <META> для указания кодировки текста. Многие считают эту функцию ненужной, и в результате, при просмотре некоторых страниц вместо текста отображается куча непонятных каракулей.

 

К примеру для текста на русском языке в кодировки WIndows нужно написать вот это:

 

html_tutorial_2_pic_6_205.jpg

 

Тэг BODY

 

Как я уже рассказывал в прошлом уроке - тэг <BODY> - это "тело" страницы, т,е, все содержимое документа находится между этими тэгами.

 

У этого тэга есть множество параметров, но ни один из них не является обязательным:

 

ALINK - позволяет выбрать цвет активной ссылки (при наведении на нее курсором)

 

LINK - позволяет выбирать цвет не просмотренной ссылки

 

VLINK - позволяет выбирать цвет просмотренной ссылки

 

BACKGROUND - позволяет использовать как фон какую-либо картинку, путем указания ссылки на

 

нее.

 

BGCOLOR - позволяет указывать цвет фона документа.

 

BGPROPERTIES - если поставить значение FIXED фоновая картинка не будет прокручиваться вместе

 

со страницей.

 

TOPMARGIN - позволяет устанавливать границу верхнего поля документа (в пикселях).

 

RIGHTMARGIN - позволяет устанавливать границу правого поля документа.

 

LEFTMARGIN - позволяет указывать границу левого поля документа.

 

BOTTOMMARGIN - позволяет установить границу нижнего поля документа.

 

SCROLL - позволяет установить полосы прокрутки.

 

TEXT - позволяет определить цвет текста.

 

На сегодня все. Подробней о графическом оформлении, а также форматировании текста я расскажу в следующем уроке.

 

До новых встреч, с вами был Felix 17, ваш проводник в мире программирования и Web - дизайна

5a9823db98c22_htmltutorial2pic01.jpg.9d86a7805b0d5595973d6ca6356e0157.jpg

5a9823dc33b6f_htmltutorial2pic9.jpg.17c38baf8680f6e9bf4fcbad752c1806.jpg

5a9823dc45c22_htmltutorial2pic3.jpg.94f568538e487c0b1fe598a597bab3bd.jpg

5a9823dc68fe0_htmltutorial2pic4.jpg.ee791bdae790192044ad61e5322860e5.jpg

5a9823dc7b11e_htmltutorial2pic5.jpg.1d0ac381321cffe4a75ca4d67558d293.jpg

Изменено пользователем NULL

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Администрации просьба этот пост не трогать - тут лежат не влезшие в урок картинки.

5a9823dc57979_htmltutorial2pic6.jpg.309b907ba00e6add1a4e273e9dcec0a7.jpg

5a9823dc8d3a6_HTMLsteps2.jpg.f6d49fe6154c7fdd1ab2c61406441686.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

Авторизация  

×

Важная информация

Мы разместили cookie-файлы на ваше устройство, чтобы помочь сделать этот сайт лучше. Вы можете изменить свои настройки cookie-файлов, или продолжить без изменения настроек. Условия использования