01-lect_html
.pdfПример формы
Тег INPUT
type = text, password, checkbox, radio, submit, reset, file, hidden, image, button
name value size
maxlength (text, password) checked (radio, checkbox) src
class, lang, dir, style, alt, align, ...
Тег SELECT
SELECT name size multiple
OPTION selected value label
<SELECT multiple size="3" name="myselect"> <OPTION selected value="1">Вариант 1</OPTION> <OPTION selected value="2">Вариант 2</OPTION> <OPTION value="3">Вариант 3</OPTION> <OPTION value="4">Вариант 4</OPTION>
</SELECT>
<INPUT type="submit" value="Отправить"><INPUT type="reset">
http://www.w3.org/TR/html401/interact/forms.html
Тег TEXTAREA
TEXTAREA name rows cols
<TEXTAREA name="mytext" rows="10" cols="50"> Строка 1 Строка 2
</TEXTAREA>
<INPUT type="submit" value="Отправить"> <INPUT type="reset">
http://www.w3.org/TR/html401/interact/forms.html
Видео-аудио
<EMBED> - вставка различных объектов: не-HTML документов и media-файлов
<BGSOUND> - фоновый звук
<IMG DYNSRC=””> - динамический источник только в IE <OBJECT> - аналог EMBED
<MARQUEE> - бегущая строка на странице
Примеры:
<embed src=”video/myvideo.swf width=”640” height=”480”></embed>
Выравнивание:
<div align=”center”><embed…></embed></div>
<BGSOUND src=”music/mymusic.wav”>
<!-- Только wav или миди. Сейчас часто используют flash. -->
<img dynsrc=”video/myvideo.avi” controls>
Основные атрибуты
Для всех тегов: class
id
lang (lang=”ru”)
style title
Для большинства тегов: align
alt background bgcolor color height width
Для ряда тегов: name
src valign
http://www.w3.org
FRAMESET, FRAME, NOFRAME
FRAMESET
cols, rows (100, 30%, *) frameborder (0/1) framespacing
FRAME src name
noresize scrolling frameborder marginheight marginwidth
NOFRAMES
Пример:
<frameset cols="30%, 70%"> <frame src="index1.html">
<frame src="index2.html" name="frame2"> <noframes>Браузер не поддерживает фреймы</noframes>
</frameset>
IFRAME
IFRAME src name width height
scrolling (auto, yes, no) frameborder marginheight marginwidth
Мнемоники в HTML
Символ-мнемоника — это конструкция SGML, которая ссылается на символ из набора символов документа. В HTML предопределено большое количество спецсимволов.
Ссылки-мнемоники для символов ISO 8859-1 неразрывный пробел
© знак охраны авторского права
Ссылки-мнемоники для символов, математических символов и греческих букв
√ квадратный корень = radical sign ≤ меньше или равно
• маркер списка (буллит)
Ссылки-мнемоники для символов разметки " двойная кавычка
& амперсанд < меньше
> больше
http://ru.wikipedia.org/wiki/Мнемоники_в_HTML
Порядок иерархии CSS (от сильного к слабому):
1.Авторские стили (информация стилей, предоставляемая автором страницы) в виде:
-Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.
-Встроенных стилей — блоков CSS внутри самого HTMLдокумента.
-Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
2.Пользовательские стили
-Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.
3.Стиль браузера
-Стандартный стиль, используемый браузером по умолчанию для представления элементов.
http://ru.wikipedia.org/wiki/Каскадные_таблицы_стилей