НОУ ИНТУИТ | Основы работы с HTML. Лекция 1: Краткий справочник по HTML 4.01

Учитесь и получайте официальные документы БЕСПЛАТНО. Вы можете поддержать наш проект.

Регистрация Вход

Твой путь к знаниям!

Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 24390 / 10639 | Оценка: 4.30 / 4.02 | Длительность: 08:22:00

Темы: Интернет-технологии, Программирование

Специальности: Программист, Разработчик интернет-проектов

|

Вам нравится? Нравится 147 студентам

| Поделиться |

Поддержать курс

| Скачать электронную книгу

Аннотация: Этот урок представляет собой краткий справочник основных наиболее часто используемых тегов 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="lastname" value="Петров" size="30" 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 selected>Бананы
<option>Вишня
</select>

<textarea name="Комментарии" rows="60" cols="20"></textarea>

</form>

Символьные объекты

&lt; то же самое что <
&gt; то же самое что >
&#169; то же самое что ©

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

<!-- Это комментарий -->

<blockquote>
Текстовая цитата из некоторого источника.
</blockquote>

<address>
Город    <br>
Адрес 1<br>
Адрес 2<br>
</address>

Дальше >>

Авторизоваться

Основы работы с HTML

Краткий справочник по HTML 4.01