Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Примечания






Если Вы хотите, чтобы изображение появилось справа или слева от текстового абзаца, Вы должны расположить элемент IMG в начале абзаца (P элемент). Однако при этом результат может Вас не устроить. Поэтому хорошей практикой стало иметь элемент BR с атрибутом CLEAR в конце такого абзаца.

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

 

Информация в заголовке < HEAD>

Необязательный атрибут заголовка PROFILE указывает на внешний файл META-тегов. В качестве значения этого атрибута указывается URL данного файла. Например:

< HEAD profile=" https://htmlweb.ru/meta.php" >

...

< /HEAD>

· < TITLE> Название страницы < /TITLE>. Бродилка передаст его менеджеру окон, и он будет показан системным шрифтом на рамке окна. Не русскоговорящие браузеры Кириллицу в этом поле, как правило, вывести не способны.

· < META>

Атрибуты META Назначение
HТТР-EQUIV Определяет свойство для элемента.
NАМЕ Обеспечивает дополнительное описание элемента. Если этот атрибут опущен, он считается эквивалентным атрибуту HTTP-EQUIV.
URL Определяет адрес документа для свойства.
СONTENT Определяет возвращаемое значение для свойства.

· < Meta Http-equiv=" Content-Type " CONTENT=" text/html; charset=UTF-8" > Документ написан кириллицей в кодировке Windows. Замена в атрибуте CONTENT параметра charset наkoi8-r означала бы документ на русском языке в UseNet-овской кодировке. Замена text/html; на text/plain; приведет к выводу неформатированного текста.

· < Meta Http-equiv=" Refresh" Content=" {число}; Url={ URL файла }" > Перенаправление на другую страницу через определённое время (в секундах), или перезагрузка текущей страницы (например, такое часто используется в чатах) Например: < Meta Http-equiv=" Refresh" Content=" 20; Url=https://host.com/" >

· < Meta Http-equiv=" Author" Content=" {текст} " > Указание имени автора

· < Meta Http-equiv=" Description" Content=" { Описание документа } " >

· < Meta Http-equiv=" Keywords" Content=" {список ключевых слов через запятую или пробел} " >

· < Meta Http-equiv=" Reply-to" Content=" {Ваш E-Mail адрес} " >

Например:

< Meta Http-equiv=" Reply-to" Content=" support@aaanet.ru" >

· < Meta Name=" Date" Content=" {дата}" > Дата создания Вашей странички

Например:

< Meta Name=" Data" Content=" Nov 11 2000 10: 12 GMT" >

· < Meta Http-equiv =" Set-Cookie " CONTENT=" NAME=value; EXPIRES=date; DOMAIN=domain_name; PATH=path; SECURE" > Записать информацию(Cookie) на машине клиента.См.также примеры использование Cookie на JavaScript, на PHP, описание технологии cookie.

Например:

< META HTTP-EQUIV=" Set-Cookie" CONTENT=" NAME=aaa13;

expires=Friday, 31-Dec-99 23: 59: 59 GMT; path=/win/internet/html/;

domain=citforum.ru; " >

· < Meta Http-equiv =" Pragma " CONTENT=" no-cache" > Не сохранять страницу в кэш, используется для баннеров

· < Meta name=" Revisit-after " Content="... days" > - частота индексации роботами поисковых систем

< meta name=\" revisit-after\" content=\" 1 days\" />

Яндекс её игнорирует

· < LINK HREF= url - Определяет URL адрес документа, который имеет отношение к текущему документу. >

Команда LINK устанавливает иерархическую организацию между связанными документами. Элемент HEAD может содержать несколько элементов LINK.

< LINK REL= relation HREF= URL >

или

< LINK REV= relation HREF= URL >

атрибуты LINK возможные значения описание
HREF URL URL для связанных ресурсов
REL строка тип связи " вперед"
REV строка тип связи " назад"
TITLE строка необязательная строка заголовка для связанного ресурса

Связь от документа A к документу B по выражению REV= relation - та же самая связь, что от B к A по выражению REL= relation.

Значение REL, REV описание
INDEX Документ задает индекс для текущего документа.
GLOSSARY Документ дает глоссарий терминов, которые имеют отношение к текущему документу.
COPYRIGHT Объявление авторского права для текущего документа
CONTENTS Документ оглавления для нескольких взаимосвязанных документов.
NEXT Следующий документ для посещения в управляемом просмотре.
PREVIOUS Предыдущий документ в управляемом просмотре.
HELP Документ предлагает помощь, например, описывая расширенный контекст и предлагая дополнительные ссылки к полезным документам. Это помогает в восстановлении ориентирования пользователя, который " потерялся" на своем пути.
BOOKMARK Закладка, используемая для обеспечения прямых связей по отмеченным (введенным в список закладок) точкам при работе с документом
TITLE может быть использован в качестве метки в списке закладок. Несколько закладок может быть определено в каждом документе, предоставляя пользователю средства для ориентирования в расширенном документе.

 

информация в теле < BODY>

Атрибут BODY Назначение
ALINK Определяет цвет активной ссылки.
BACKGROUND Указывает на URL-адрес изображения, которое используется в качестве фонового. На экран выводятся повторяющиеся копии картинки, поверх которых показывается текст. Для фона желательно подбирать неконтрастные изображения
BGCOLOR Определяет цвет фона документа
BGPRQPERTIES Если установлено значение FIXED, фоновое изображение не прокручивается.(Только для IE)
VLINK Определяет цвет уже просмотренной ссылки.
LINK Определяет цвет еще не просмотренной ссылки.
ТЕХТ Определяет цвет текста.
LEFTNARGIN Устанавливает границу левого поля в пикселах.
TOPMARGIN Устанавливает границу верхнего поля в пикселах.

Другие атрибуты задают цвет текста и ссылок. Параметр " цвет" задается названием цвета или как " #XYZ", где X, Y и Z -- три двузначных шестнадцатеричных числа означающих интенсивность: X -- красного, Y -- зеленого и Z синего цвета:

Например:

< BODY background=" mramor.gif"

BGCOLOR=" #cccccc"

LINK=" #2000C0"

VLINK=" 900020"

ALINK=" #336633"

TEXT=" #000000" >

< BODY BGCOLOR=" WHITE" TEXT=" BLACK" LINK=" RED" VLINK=" GREEN" ALINK=" YELLOW" >

< MARQUEE> Поле с движущимся текстом

(только IE)

имя атрибута смысл примечания
ALIGN Определяет положение текста вокруг поля. Может принимать следующие значения TOP - выравнивает текст относительно верхней части поля. MIDDLE - выравнивает текст относительно середины поля. BOTTOM - выравнивает текст относительно нижней части поля.
BEHAVIOR Определяет, как должен обрабатываться текст SCROLL - Появляется с одной стороны, и движется, пока не скроется за другой границей поля, и тогда все повторяется (по умолчанию). SLIDE- Появляется полностью с одной стороны, движется и исчезает, как только текст касается другого края. ALTERNATE - появляется полностью с одной стороны, движется в одном направлении, пока не коснется другой границы полосы, после чего меняет направление движения.
BGCOLOR Определяет цвет фона поля  
DIRECTION Определяет направление движения текста По умолчанию LEFT(по умолчанию) - справа налево. RIGHT UP - титры, снизу вверх
HEIGHT Определяет высоту поля в пикселах или в процентах от высоты экрана. При определении в процентах параметр n должен быть со знаком " %"
HSPACE Определяет левый и правый отступ внешнего текста в пикселах.  
LOOP Определяет число повторения процесса. " -1" или INFINITE - число повторений неограниченно
SCROLLAMOUNT Определяет размер в пикселах между каждым последовательным перемещением текста.  
SCROLLDELAY Определяет время в миллисекундах между каждым последовательным перемещением текста.  
VSPACE Определяет верхний и нижний отступ внешнего текста в пикселах.  
WIDTH Устанавливает длину поля в пикселах или как процент от ширины экрана  

Пример:

< MARQUEE BGCLOR=#00FF00 DIRECTION=RIGHT

BEHAVIOR=SCROLL SCROLLAMOUNT=10

SCROLLDELAY=200>

This is a scrolling marquee.

< /MARQUEE>

 

 

< MARQUEE behavior=scroll direction=up height=50

loop=-1 scrollamount=1 scrolldelay=100 width=100>

< CENTER> ---< BR>

вставьте сюда ваш текст< BR>

вставьте сюда ваш текст< BR>

вставьте сюда ваш текст< BR>

---< /CENTER>

< /MARQUEE>

 


 

 

Звук на странице

Netscape:

< EMBED SRC =" /towngold.mid" width=0 heught=0 autostart=true volume=100>

Internet Explorer:

< BGSOUND SRC=" /towngold.mid" LOOP=100>

Пример:

< script language=" JavaScript" >

if (navigator.appName == " Netscape") {

document.write('< EMBED SRC =" TownGold.mid" width=0 heught=0

autostart=true volume=100> ')}

else {

document.write('< BGSOUND SRC=" TownGold.mid" LOOP=100> ')}

 

 

Основные теги
< html> < /html> Указывает программе просмотра страниц что это HTML документ.
< head> < /head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
< body> < /body> Определяет видимую часть документа
Теги оглавления
< base href=" www.? " > Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)
< base target="? " > Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
< meta name=" allow-search" content="? " > Указание для поисковых роботов как следует сканировать данную страницу
< meta http-equiv=" distribution" content="? " > Указание для поисковых роботов относится ли данная страница к мировым
< meta name=" robots" content="? " > Указание для поисковых роботов как следует сканировать данную страницу
< meta name=" author" content="? " > Указание автора странички
< meta name=" keywords" content="? " > Описание содержащийся информации (для поисковых машин)
< meta http-eguiv=" content-type" content=" text/plain; churset="? " > Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.
< meta name=" description" content="? " > Ключевые слова странички (для поисковых машин)
< title> < /title> Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа
< body bgcolor="? " > Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
< body text="? " > Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
< body link="? " > Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
< body vlink="? " > Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
< body alink="? " > Устанавливает цвет гиперссылок при нажатии.
Теги форматирования текста
< pre> < /pre> Обрамляет предварительно отформатированный текст.
< h1> < /h1> Создает самый большой заголовок
< h2> < /h2>, < h3>, < /h3> < h4> < /h4>, < h5>, < /h5> Создает заголовоки промежуточных размеров
< h6> < /h6> Создает самый маленький заголовок
< b> < /b> Создает жирый текст (нерекомендованный)
< i> < /i> Создает наклонный текст (нерекомендованный)
< tt> < /tt> Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)
< kbd> < /kbd> Создает текст - имитирующий стиль печатной машинки. (рекомендованный)
< var> < /var> Название переменных отображается курсивом
< cite> < /cite> Выделение цитат курсивом
< address> < /address> Отображается курсивом в виде отдельного абзаца
< em> < /em> Наклонный текст (воспринимается посковыми роботами как выделение)
< strong> < /strong> Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)
< font size="? " > < /font> Устанавливает размер текста в пределах от 1 до 7.
< font color="? " > < /font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Гиперссылки
< a href=" URL" > < /a> Создает гиперссылку на другие сайты.
< atarget="? " > < /a> Указывает в каком окне открывать гиперссылку.
параметры Значение
_Blank Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно
_Parent Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку
_Self Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы
_Top Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы
  При использовании фреймов и вложенных фреймов значением может выступать имя фрейма или вложенной сетки фреймов, приэтом страница откроется в указаной части окна.
< a href=" NAME" > < /a> Создает гиперссылку на другую страницу.
< a href=" mailto: EMAIL" > < /a> Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу.
< a href=" #name" > < /a> Создает гиперссылку на метку текущей страници.
< a name=" name" > < /a> Отмечает часть текста, как метку для гипперссылок на странице.
< a href=" NAME#name" > < /a> Создает гиперссылку на метку другой страници.
Форматирование
< p> < /p> Создает новый параграф
< p align="? " > < /p> Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
< nobr> Запрещает перевод строки.
< wbr> Указывает где разбивать строку для переноса при необходимости.
< br> Вставляет перевод строки.
< blockquote> < /blockquote> Создает отступы с обеих сторон текста.
< dl> < /dl> Создает список определений.
< dt> Определяет каждый из терминов списка
< dd> Описывает каждое определение
< ol> < /ol> Создает нумерованный список
< li> Определяет каждый элемент списка и присваивает номер
< ul> < /ul> Создает ненумерованный список
< li> Предваряет каждый элемент списка и добавляет кружок или квадратик.
< div align="? " > < /div> Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
< img src=" name" > Добавляет изображение в HTML документ
< img src=" name" align="? " > Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
< img src=" name" border="? " > Устанавливает толщину рамки вокруг изображения
< img src=" name" vspase="? " > Устанавливает поля сверху и снизу
< img src=" name" hspase="? " > Устанавливает поля сбоков
< img src=" name" alt="? " > Всплывающая подсказка при наведении на имедж
< hr> Добавляет в HTML документ горизонтальную линию.
< hr size="? " > Устанавливает высоту (толщину) линии
< hr width="? " > Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
< hr noshade> Создает линию без тени.
< hr color="? " > Задает линии определенный цвет. Значение RRGGBB.
Таблицы
< table> < /table> Создает таблицу.
< tr> < /tr> Определяет строку в таблице.
< td> < /td> Определяет отдельную ячейку в таблице.
< th> < /th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
< caption> < /caption> Определяет подпись таблицы
Атрибуты таблицы
< table border=" #" > Задает толщину рамки таблицы.
< table cellspacing=" #" > Задает расстояние между ячейками таблицы.
< table cellpadding=" #" > Задает расстояние между содержимым ячейки и ее рамкой.
< table width=" #" > Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
< table height=" #" > Устанавливает высоту таблицы в пикселах или процентах от высоты документа.
< tr align="? " > или < td align="? " > Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
< tr valign="? " > или < td valign="? " > Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.
< td colspan=" #" > Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)
< td rowspan=" #" > Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)
< td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
< td width=" #" > Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).
< td height=" #" > Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).
Фреймы
< frameset> < /frameset> Предваряет тег < body> в документе, содержащем фреймы;
< frameset rows=" value, value" > Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.
< frameset cols=" value, value" > Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.
< frame> Определяет единичный фрейм или область в таблице фреймов.
< noframes> < /noframes> Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
Атрибуты фреймов
< frame src=" URL" > Определяет какой из HTML документов будет показан во фрейме.
< frame name=" name" > Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фрейм или область из других фреймов.
< frame marginwidth=" #" > Определяет величину отступов по левому и правому краям в нутрь фрейма; должно быть равно или больше 1.
< frame marginheight=" #" > Определяет величину отступов по верхнему и нижнему краям в нутрь фрейма; должно быть равно или больше 1.
< frame scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть " yes, " " no, " или " auto". Значение по умолчанию для обычных документов - auto.
< frame noresize> Препятствует изменению размеров фрейма пользователем.
Ифрейм и его атрибуты
< iframe> < /iframe> Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.
< iframe src=" URL" > Определяет какой из HTML документов будет показан в ифрейме.
< iframe name=" name" > Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм.
< iframe vspase="? " > Устанавливает поля сверху и снизу с наружи от ифрейма
< iframe hspase="? " > Устанавливает поля сбоков с наружи от ифрейма
< iframe marginwidth=" #" > Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.
< iframe marginheight=" #" > Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.
< iframe scrolling=VALUE> Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть " yes, " " no, " или " auto". Значение по умолчанию для обычных документов - auto.
< iframe width=" #" > Определяет ширину ифрейма
< iframe height=" #" > Определяет высоту ифрейма;
< iframe title="? " > Текст всплывающей подсказки
Формы
< form> < /form> Создает формы
< select multiple name=" NAME" size="? " > < /select> Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
< option> Указывает каждый отдельный элемент меню
< select name=" NAME" > < /select> Создает ниспадающее меню
< option> Указывает каждый отдельный элемент меню
< textarea name=" NAME" cols=40 rows=8> < /textarea> Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
< input type=" checkbox" name=" NAME" > Создает checkbox.
< input type=" radio" name=" NAME" value=" x" > Создает radio кнопку.
< input type=text name=" foo" size=20> Создает строку для ввода текста. Параметром Size указывается длина в символах.
< input type=" submit" value=" NAME" > Создает кнопку " Отправить"
< input type=" image" border=" 0" name=" NAME" src=" name.gif" > Создает кнопку " Отправить" - для этого используется изображение
< input type=" reset" > Создает кнопку " Очистить"

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.