HTML

Все по теме

HTML

Сообщение UKsystem » 13 июл 2016, 20:21

World Wide Web Consortium (W3C)
Markup Validation Service

<!DOCTYPE html>
<HTML>
<head>
<base target="_blank"> - все ссылки на странице по умолчанию в новом окне/вкладке

</head>

<body lang="ru">

<strong>Очень важный текст</strong>
<em>Важный текст</em>
<ins>Подчеркнутый текст</ins>
<cite>Цитата</cite>
<sup>Отображает шрифт в виде верхнего индекса</sup>
<sub>Отображает шрифт в виде нижнего индекса</sub>
<q>Используется для выделения в тексте цитат, а содержимое контейнера автоматически отображается в браузере в кавычках</q>
<q lang="ru">Кавычки по Российским стандартам</q>
&mdash; правильное тире

new - новый
deprecated - не рекомендован
obsolete - отменен

Новое в HTML5:
<section>Любой раздел</section>
<article>Самостоятельный раздел</article>
<header>Верхняя часть блока</header>
<footer>Нижняя часть блока</footer>
<aside>Дополнительный контент</aside>
<nav>Навигационное меню</nav>
- все это обычный <DIV>

<a href="ссылка">Любой текст </a>
target="_blank" - открыть в новом окне или новой вкладке
target="_self" - открыть в текущем окне

<img src="ТутСсылкаНаКартинку" alt="Картинка если не загрузилась" title="Наименование картинки при наведении">

Новое в HTML5:
<figure>
<figcaption>Подпись к картинке сверху<figcaption>
<img/>
<figcaption>Подпись к картинке снизу<figcaption>
</figure>

<dl>
<dt>Понятие/Термин N</dt>
<dd>Определение N</dd>
..
..
<dt>Понятие/Термин N+1</dt>
<dd>Определение N+1</dd>
</dl>

<table>
<caption>Caption</caption>
<tr>
<th>..</th>
<td>...</td>
</tr>
</table>

<table>

<thead> /*Только один, Определяется наверху до TFOOT*/
<tr colspan="2">
<th>..</th>
<th rowspan="2">..</th>
</tr>
</thead>

<tfoot> /*Только один, Определяется наверху, но отображается внизу*/
<tr>
<th>..</th>
<td>...</td>
</tr>
</tfoot>

<tbody> /*Сколько угодно - для группировки*/
...
</tbody>

<tbody>
...
</tbody>

</table>

Группировка по колонкам
<table>
<colgroup span=“2” />
<colgroup span=“2” width=“200” />
<colgroup span=“3” width=“100” />
</table>

<table>
<colgroup span=“4” /> Отсчитать первые 4 колонки и ничего с ними не делать
<colgroup span=“3” width=“300” /> Отсчитать следующие 3 колонки и задать им ширину 300px
<colgroup span=“2” width=“10” /> Отсчитать следующие 2 колонки и задать им ширину 10px
</table>

<table>
<colgroup span=“4”> Отсчитать первые 4 колонки и ...
<col span=“2” width=“100” /> внутри группы первым 2 колонкам задать ширину 100px
<col span=“2” align=“center” /> внутри группы следующим 2 колонкам задать выравнивание по центру
</colgroup>
<colgroup span=“4” >
<col width=“100” />
<col span=“3” valign=“top” />
</colgroup>
</table>

<iframe src=“index.html”>
<iframe src=“index.html” name=“fr1” scrolling="no"></iframe>
/* Ссылки на фрейм: */ <a href=“index2.html” target=“fr1”>

</body>
</HTML>
Антивирусы. SaaS. Купить антивирус для дома и для офиса
Заправка картриджей, ремонт принтеров для дома и для офиса
UKsystem
Администратор
 
Сообщения: 363
Зарегистрирован: 11 мар 2010, 22:56
Благодарил (а): 0 раз.
Поблагодарили: 6 раз.

Re: HTML

Сообщение UKsystem » 17 мар 2017, 22:36

Элемент FORM
Имеет обязательные action (куда отправлять) и необязательные элементы method (по умолчанию GET), enctype (какие отправляются данные), target="_blank" (после отправки открыть новое окно)

<form action="http://mysite/helper/">

<input type="text" name="t_form" maxlength="50" value="Значение по умолчанию" size="20"/><BR/>
<input type="password" name="p_form"/><BR/>
<input type="submit" name="SendForm" value="Отправить"/> <!-- name и value можно не задавать, а value по умолчанию в зависимости от браузера и языка системы-->
<input type="reset" value="Очистить"/> <!-- value по умолчанию в зависимости от браузера и языка системы автоматом подставляется-->
<input type="image" src="button.gif"/> <!-- для отправки картинки -->
<input type="button" value="Кнопка"/> <!-- кастомизированная кнопка, value по умолчанию нет -->

<button>Кастомизированная кнопка</button>

<input type="checkbox" name="c_form" value="1" checked="checked"/> <--! по умолчанию value="on", checked - ставит флажок по умолчанию в on -->

<input type="radio" name="r_form" value="1"/> <--! тоже есть checked - включает кнопку -->
<input type="radio" name="r_form" value="2"/>

<input type="checkbox" name="c_form2" value="Yes" checked="checked" id="chk"/><label for="chk">Ты умный ?</label>

<input type="file" name="f_file" />
<input type="hidden" name="x" value="10" />

<select name="s_form" size="2" multiple> <!-- size число видимых опций, по умолчанию = 1; multiple позволяет выбирать более 1 элемента-->
<optgroup label="Группа 1">
<option>Выбор 1</option> <--! если нет value, то посылается само значение -->
</optgroup>
<optgroup label="Группа 2">
<option value="2">Выбор 2</option> <--! value тут указано значение для отправки -->
<option selected>Выбор 3</option> <--! selected значение, которое установлено по умолчанию -->
</optgroup>
</select>

<textarea name="txt" cols="50" rows="10">Может быть любой текст</textarea> <!-- cols - количество "колонок" rows - количество строк-->

<fieldset>
<legend>Ваши данные</legend>
<input type="text" name="f_login" />
....
</fieldset>

disabled="disabled" <!-- загреить может быть у любого элемента-->
readonly="readonly" <!-- отключает, но не загреивает может быть только у элементов: text, password, textarea-->
tabindex="1" <!-- порядок при переходе кнопкой "TAB" -->
accesskey="y" <!-- переход по горячей клавише "Alt + accesskey" -->

HTML 5:
<input type="number" min="1" max="100" step="2" value="10" />
<input type="range" min="1" max="100" step="2" value="10" />
<input type="datetime" />
<input type="date" />
<input type="time" />
<input type="month" />
<input type="week" />
<input type="color" />
<input type="email" />
<input type="url" />
<input type="search" />
<input type="tel" />

autofocus="autofocus"
placeholder="строка"
autocomplete="on" | "off"
required="required"
pattern="регулярное выражение" <!-- pattern="\d{3}-?\d{3}-?\d{2}-?\d{2} -->
form="id"

<datalist id="spisok">
<option value="Карате" />
<option value="Хапкидо" />
<option value="Вин-Чун" />
<option value="Бокс" />
</datalist>
<input list="spisok" />

</form>
Антивирусы. SaaS. Купить антивирус для дома и для офиса
Заправка картриджей, ремонт принтеров для дома и для офиса
UKsystem
Администратор
 
Сообщения: 363
Зарегистрирован: 11 мар 2010, 22:56
Благодарил (а): 0 раз.
Поблагодарили: 6 раз.


Вернуться в WEB программирование

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron