HTML · Title: HTML.cdr Author: Strashilka Created Date: 2/3/2009 9:49:37 AM
1
<html> <head> <title></title> CSS Javascript </head> <body> </body> </html> Мета теги Контент Шаблон all handheld print projection screen CSS Media http-equiv name Meta Types Основной С атрибутами HTML: <tag></tagclose> <tag> XHTML: или или <tag></tagclose> <tag /> HTML:<tag attribute=”?”> XHTML:<tag attribute=”?”/> Синтаксис HTML Внешний тег страницы Видимая часть страницы Часть документа, не отображающаяся на странице Заголовок документа в строке браузера <html> <body> <head> <title> Общие Отображение картинки Ссылка на якорь в текущей странице Ссылка на другую страницу Ссылка на якорь на другой странице Ссылка на e mail - <img src=”URL”> <a href=”#?”> <a > <a > <a > href=”URL” href=”URL#” href=”mailto:email” Ссылки onLoad onBrul onChange onFocus onReset onSelect onSubmit onKeydown onKeypress onKeyup onClick onDblclick onMousedown onMousemove onMouseout onMouseover onMouseup События Форматирование Переход на новую строку Подсветка программного кода Выделение блока Акцентирование шрифта Заголовки, от крупного к мелкому Горизонтальная линия Абзац Форматирование с сохранением пробелов Выделение внутри строки Жирный текст Нижний индекс Верхний индекс <br> <code> <div> <em>, <h1>..<h6> <I> <hr> <p> <pre> <span> <strong>, <b> <sub> <sup> Фреймы rows=”80,*” cols=”*” src=”top.html” name=”topFrame” scrolling=”no” noresize cols=”80,*” src=”left.html” name=”leftFrame” src=”main.html” name=”mainFrame” Одиночный фрейм Структура нескольких фреймов Фрейм внутри документа scrolling=”no” noresize <frame> <frameset> <iframe> <frameset > <frame > <frameset > <frame > <frame > </frameset> Пример фрейма </frameset> Карты изображений Изображение карта Карта изображений Активная область изображения <img usemap=”?”/> <map name=”?”> <area href=”URL” shape=”?” coords=”? ,?”> Заголовок Таблицы CSS javascript Ссылка на внешний файл Внешний файл инфор- мация Мета <link rel=”stylesheet” href=”?” type=”text css”> <script language=”Javascript” > <meta http-equiv=”content-type” content=”?”; charset=”?”> / type=”text javascript” / Таблицы Заголовок таблицы Таблица Тело таблицы Ячейка таблицы Число объеденных столбцов Число Подвал таблицы Ячейки шапки таблицы Число объеденных строк объеденных ячеек в шапке Шапка таблицы Строка таблицы <caption> <table> <tbody> <td> <td colspan=”?”> <td rowspan=”?”> <tfoot> <th> <th colspan=”?”> <thead> <tr> Таблицы Списки Нумированный список Маркированный список Элемент списка Список терминов Термины Определение термина <ol> <ul> <li> <dl> <dt> <dd> <ol type=”A|a|I|i|1”>..</ol> <ul type=”disc|circle|square”>...</ul> Формы Форма данных Группировка элементов Элемент ввода Строка в выпадающем списке Выпадающий список Многострочное поле ввода <form> <fieldset> <input type=”?”> <option> <select> <textarea> Символы ; ; ” ; & ; < ; > ; @ ; € ; • ;™ ; ; пробел © ‘ ¶ » ± " $ °   " & < > &at &euro &bull &trade £ © ' ; ; ; ¼ ½ ¶ ∑ Σ &asymp ± &forall &exist º ; ; ; ; ; <table> <thead> <tr> </th> </thead> <tbody> </tbody> </tfoot> <th> </tr> <tr> <td> </td> </tr> <tfoot> <tr> <td> </td> </tr> </table> Input types button checkbox file hidden image password radio reset submit text Параметры тега <area> Альтернативный текст для области изображения Координаты активной области Задает адрес документа, на который следует перейти Область без ссылки на другой документ е Форма области Имя окна или фрейма, в который браузер загрузит документ alt coords href nohref shape=”circl |poly|rect” target Коммент. <!-- --!> Текст комментария Объект <object> <param /> Объект Параметр Параметры тега <form> CGI MIME- HTTP Адрес -обработчика тип информации формы Метод протокола Имя формы action enctype method name target=”_blank|_self|_parent|_top” <ol> <li>... </li> </ol> <ul> <li> </li> </ul> ... <dl> <dt> </dt> <dd> </dd> </dl> Термин Определение термина Списки
Transcript of HTML · Title: HTML.cdr Author: Strashilka Created Date: 2/3/2009 9:49:37 AM
<html><head><title></title>
CSSJavascript
</head><body>
</body></html>
Мета теги
Контент
Шаблон
allhandheldprintprojectionscreen
CSS Media
http-equivname
Meta Types
Основной
С атрибутами
HTML: <tag></tagclose> <tag>XHTML:
илиили<tag></tagclose> <tag />
HTML:<tag attribute=”?”>XHTML:<tag attribute=”?” />
Синтаксис
HTMLВнешний тег страницы
Видимая часть страницы
Часть документа, неотображающаяся на странице
Заголовок документа в строкебраузера
<html>
<body>
<head>
<title>
Общие
Отображение картинкиСсылка на якорь втекущей страницеСсылка на другуюстраницуСсылка на якорьна другой странице
Ссылка на e mail-
<img src=”URL”><a href=”#?”>
<a >
<a >
<a >
href=”URL”
href=”URL#”
href=”mailto:email”
Ссылки
onLoadonBrulonChangeonFocusonResetonSelectonSubmitonKeydownonKeypressonKeyuponClickonDblclickonMousedownonMousemoveonMouseoutonMouseoveronMouseup
События
Форматирование
Переход на новую строкуПодсветка программного кодаВыделение блокаАкцентирование шрифтаЗаголовки, от крупногок мелкомуГоризонтальная линияАбзацФорматированиес сохранением пробеловВыделение внутри строки
Жирный текстНижний индексВерхний индекс
<br><code><div><em>,<h1>..<h6>
<I>
<hr><p><pre>
<span><strong>, <b><sub><sup>
Фреймы
rows=”80,*” cols=”*”src=”top.html” name=”topFrame”scrolling=”no” noresize
cols=”80,*”src=”left.html” name=”leftFrame”
src=”main.html” name=”mainFrame”
Одиночный фреймСтруктура нескольких фреймовФрейм внутри документа
scrolling=”no” noresize
<frame><frameset><iframe>
<frameset ><frame
><frameset ><frame
><frame >
</frameset>
Пример фрейма
</frameset>
Карты изображений
Изображение картаКарта изображений
Активная область изображения
<img usemap=”?”/><map name=”?”><area href=”URL” shape=”?” coords=”?,?”>
Заголовок Таблицы
CSS
javascript
Ссылка навнешнийфайлВнешнийфайл
инфор-мация
Мета
<link rel=”stylesheet”href=”?” type=”text css”>
<script language=”Javascript”>
<meta http-equiv=”content-type”content=”?”; charset=”?”>
/
type=”text javascript”/
Таблицы
Заголовок таблицыТаблицаТело таблицыЯчейка таблицыЧисло объеденныхстолбцовЧисло
Подвал таблицыЯчейки шапки таблицыЧисло
объеденныхстрок
объеденныхячеек в шапкеШапка таблицыСтрока таблицы
<caption><table><tbody><td><td colspan=”?”>
<td rowspan=”?”>
<tfoot><th><th colspan=”?”>
<thead><tr>
Таблицы
Списки
Нумированный списокМаркированный списокЭлемент спискаСписок терминовТерминыОпределение термина
<ol><ul><li><dl><dt><dd><ol type=”A|a|I|i|1”>..</ol><ul type=”disc|circle|square”>...</ul>
Формы
Форма данныхГруппировка элементов
Элемент вводаСтрока в выпадающемспискеВыпадающий списокМногострочное поле ввода
<form><fieldset><input type=”?”><option>
<select><textarea>
Символы
;; ”; &
; <; >; @
; €; •
; ™;
;
пробел
©‘
¶
�
�
�
�
�
 "&<>&at&euro&bull&trade£©'
;;
;
¼½¶∑ Σ
&asymp
±
&forall
&exist
º
;
;
;
;
;
<table>
<thead><tr>
</th>
</thead>
<tbody>
</tbody>
</tfoot>
<th>
</tr>
<tr><td></td>
</tr>
<tfoot><tr><td></td>
</tr>
</table>
Input types
buttoncheckboxfilehiddenimagepasswordradioresetsubmittext
Параметры тега <area>Альтернативный текст дляобласти изображения
Координаты активной областиЗадает адрес документа,на который следует перейтиОбласть без ссылки на другойдокумент
е Форма областиИмя окна или фрейма, в которыйбраузер загрузит документ
alt
coordshref
nohref
shape=”circl |poly|rect”target
Коммент.
<!--
--!>
Тексткомментария
Объект
<object>
<param />Объект
Параметр
Параметры тега <form>
CGIMIME-
HTTP
Адрес -обработчикатип информации формы
Метод протоколаИмя формы
actionenctypemethodnametarget=”_blank|_self|_parent|_top”
<ol><li>... </li></ol>
<ul><li> </li></ul>
...
<dl><dt> </dt><dd>
</dd></dl>
Термин
Определение
термина
Списки
