HTML Основы


HTML Расширенный


HTML Примеры


HTML Справка




Памятка по HTML


назад вперед

Основные элементы документа HTML

<html>

<head>
<title>Заголовок документа</title>
</head>

<body>
Видимый текст должен быть здесь...
</body>

</html>

Заголовки

<h1>Самый крупный заголовок</h1> <h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Самый маленький заголовок</h6>

Текстовые элементы

<p>Это параграф</p>
<br /> (перевод на новую строку)
<hr /> (горизонтальная линия)
<pre>Предварительно отформатированный текст</pre>

Логический стиль

<em>Акцентированный текст</em>
<strong>Акцентированный текст (отображается полужирным шрифтом</strong>
<code>Компьютерный код</code>

Физический стиль

<b>Полужирный шрифт</b>
<i>Курсив</i>

Ссылки, закладки и изображения

<a href="http://www.example.com/">Это ссылка</a>
<a href="http://www.example.com/"><img src="URL" alt="Альтернативный текст о том, что изображено"></a>
<a href="mailto:webmaster@example.com">Отправка e-mail</a>

Именованная закладка:
<a name="tips">Полезные советы</a>
<a href="#tips">Перейти к полезным советам</a>

Списки

Неупорядоченный список
<ul>
<li>Первый пункт списка</li>
<li>Следующий пункт списка</li>
</ul>

 

Упорядоченный список
<ol>
<li>Первый пункт списка</li>
<li>Следующий пункт списка</li>
</ol>


Список определений
<dl>
<dt>Первый термин</dt>
<dd>Определение</dd>
<dt>Следующий термин</dt>
<dd>Определение</dd>
</dl>


Таблицы

<table border="1">
<tr>
<th>Ячейка-заголовок</th>
<th>Ячейка-заголовок</th>
</tr>
<tr>
<td>Текст</td>
<td>Текст</td>
</tr>
</table>

Фреймы

<frameset cols="25%,75%">
<frame src="page1.htm" />
<frame src="page2.htm" />
</frameset>

Формы

<form action="http://www.example.com/test.asp" method="post/get"> <input type="text" name="email" value="someone@example.com" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Яблоки</option>
<option selected="selected">Бананы</option>
<option>Вишни</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>
</form>

Специальные символы

&lt; то же, что и <
&gt; то же, что и >
&#169; то же, что и ©

Другие элементы

<!-- Здесь должен быть комментарий-->

<blockquote>
А это цитата.
</blockquote>

<address>
Взято с W3Schools.com<br />
<a href="mailto:us@example.org">Напишите нам</a><br />
Адрес: Box 564, Disneyland<br />
Телефон: +12 34 56 78
</address> 

Поисковой портал Jooble - позволяет в один клик найти любую интересующую вакансию по всему интернету.

Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта