HTML · Title: HTML.cdr Author: Strashilka Created Date: 2/3/2009 9:49:37 AM

Post on 01-Oct-2020

1 views 0 download

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>

Символы

;; ”; &

; <; >; @

; €; •

; ™;

;

пробел

©‘

&nbsp&quot&amp&lt&gt&at&euro&bull&trade&pound&copy&apos;

;;

;

&frac14&frac12&para&sum; Σ

&asymp

&plusmn

&forall

&exist

&ordm

;

;

;

;

;

<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>

Термин

Определение

термина

Списки