Синтаксис

HTML	<head> <link атрибуты> </head>
XHTML	<head> <link атрибуты /> </head>

Атрибуты

Charset Кодировкасвзязываемого документа.

HrefПуть к связываемому файлу.

MediaОпределяет устройство, для которого следует применять стилевое оформление.

RelОпределяет отношения между текущим документом и файлом, на который делается ссылка.

SizesУказывает размер иконок для визуального отображения.

TypeMIME-тип данных подключаемого файла.

Также для этого тега доступны универсальные атрибуты.

Закрывающий тег

Не требуется.

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

<script> может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.

Синтаксис

<script type="тип">

...

</script>

<script type="тип" src="URL"></script>

Атрибуты

AsyncЗагружает скрипт асинхронно.

DeferОткладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью.

LanguageУстанавливает язык программирования, на котором написан скрипт.

SrcАдрес скрипта из внешнего файла для импорта в текущий документ.

TypeОпределяет тип содержимого тега <script>.

Закрывающий тег

Обязателен.

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

Синтаксис

<head>

<style type="text/css">

...

</style>

</head>

Атрибуты

MediaОпределяет устройство вывода, для работы с которым предназначена таблица стилей.

TypeСообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.

Закрывающий тег

Обязателен.

26.09.2013

Работа с формами.

Форма предназначена для обмена данными между пользователем и сервером доступ к элементам формы можно получить с помощью скриптов. Html документ может содержать любое кол-во форм, но одновременно на сервер может быть отправлена информация только из одной формы, поэтому данные формы должны быть независимы друг от друга устанавливает форму в документ ТЭГOPEN -><form>CLOSE -></form>

Атрибуты: Accept – charset устанавливает кодировку, в которой сервер может принимать и обрабатывать данные.

Action – Адрес программы или документа (обработчик), который обрабатывает данные формы. В качестве обработчика может выступать CGI -программа или html документ, который включает в себя серверные сценарии, после выполнения обработчиком действий по работе с данными формы он возвращает новый html документ, если атрибут action отсутствует текущая страница перезагружается возвращая все элементы формы к исходному состоянию в качестве значения применяется полный или относительный путь к серверному файлу.

#21

<form action=”handler.php”>

<p>…</p>

</form>

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

“on”

Autocomplite:

“off”

Включает автозаполнение полей формы, автозаполнение производит браузер, который запоминает написанный при первом вводе значения, а затем подставляет их при повторном наборе в полях формы. Автозаполнение может быть отключено в настройках браузера и изменить при помощи атрибута autocomplite нельзя.

Inctype – способ кодирования данных формы

Get- является самым распространенным и предназначен для получения требуемой инфы и передачи данных в адресной строке. В основном используется для передачи коротких сообщений (ФИО, Адрес и т.п.)

Method:

Post – посылает на сервер данные(запросы браузера) метод позволяет отправлять больший объем данных нежели get(поскольку у него установлено ограничение в 4кб). Большие объемы данных используются формах почтовых службах при пересылке файлов и т.д.

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

#24

<form action=”handler.php” method=”post”>

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

Д/з Style, form

На форме могут быть определены следующие элементы. Строка текста позволяет вводить короткие фрагменты текста имена, адреса и т.п. при его создании используется name для указания имени, которое поможет различить его в наборе данных на сервере, имя поле может состоять из букв и цифр, и нижнего подчеркивания  Size – ширина строки текста. Maxlength- ограничивает емкость строки текста Value – начальный текст отображаемый полем Type = «Password” – строка текста для хранения конфиденциальной информации.  Многострочный текст text Area создает область ввода многострочного текста Name – имя области  Rows – высота Cols – ширина Wrap правило переноса целых слов: 1) soft – включает функцию переноса, но не воздействует на внешний вид данных передаваемых на сервер. 2)hard – форматирование данных как на экране так и во внутреннем буфере браузера.  #25 <br> Ключевые слова: <input type=”text” name=”key” size=”30” axlength-“25”> #26 <textarea name=”unit” rows=”5” cols=”45” wrap=”hard”> </textarea> #27 <br> Установите атрибуты файла <br><input type=”checkbox” name=”flag” value=”sys” checked> Системный  <br><input type=”checkbox” name=”flag” value=”archive”> архивный <br><input type=”checkbox” name=”flag” value=”read”> только чтение <br><input type=”checkbox” name=”flag” value=”read” checked> #28 <br> Какой цвет вам нравится? <br><select name=”color” size=”3”> <option value=”blue”> <option value=”red” selected> <option value =”yellow”> </select> <br><br><br><input type=”submit” value=”отправить”>  <input type =”reset” value=” очистить “> #29 <botton style=”font-family:Arial; font-size:16pt; color:navy”> добавьте информацию <span style=”Font-style:italic; color:green> Пожалуйста! </span> </botton