Вы находитесь на странице: 1из 26

HTML

(HyperText Markup Language)


язык разметки гипертекста
Имена HTML-файлов

 Нельзя использовать русские буквы.


 Нельзя использовать пробелы.

 Короткие имена файлов.

 Различаются заглавные и строчные буквы.

 Расширения *.htm или *.html


Имена файлов, запускаемых из
каталога по умолчанию

index.htm
index.html
default.htm
default.html
Тэги

<тэг> . . . текст . . . </тэг>


Структура Web-страницы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD


HTML 4.0 //EN">
Структура Web-страницы
<HTML>

</HTML>
Структура Web-страницы
<HTML>
<HEAD>

</HEAD>

</HTML>
Структура Web-страницы
<HTML>
<HEAD>

</HEAD>
<BODY>

</BODY>
</HTML>
Структура Web-страницы
<HTML>
<HEAD>
<TITLE>Знакомство с тэгами HTML</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>
Заголовки

<H1> Заголовок первого уровня </H1>


<H2> Заголовок второго уровня </H2>
<H3> Заголовок третьего уровня </H3>
<H4> Заголовок четвертого уровня </H4>
<H5> Заголовок пятого уровня </H5>
<H6> Заголовок шестого уровня </H6>
Абзацы
<P> Первый абзац, первый абзац, первый
абзац, первый абзац.</P>
<P> Второй абзац, второй абзац, второй
абзац. Второй абзац.</P>
Абзацы

<P> Первый абзац, первый абзац, первый абзац,


первый абзац.</P>
<P> Второй абзац, второй абзац, второй абзац.
<BR> ПРИНУДИТЕЛЬНЫЙ ПЕРЕВОД СТРОКИ
Второй абзац.</P>
<P> Третий абзац </P>
<PRE> Предварит. отформатир.
текст </PRE>
Нумерованный список

<OL>
<LI> Первый элемент списка
<LI> Второй элемент списка
<LI> Третий элемент списка
</OL>
Маркированный список

<UL>
<LI> Первый элемент списка
<LI> Второй элемент списка
<LI> Третий элемент списка
</UL>
Список определений
<DL>
<DT> ТЕРМИН 1
<DD> Пояснение к термину 1
<DT> ТЕРМИН 2
<DD> Пояснение к термину 2
<DT> ТЕРМИН 3
<DD> Пояснение к термину 3
</DL>
Принудительное форматирование
шрифта

Обычный текст
<B> Полужирный </B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<TT> Равноширинный </TT>
<BR>
<B><U><I> Полужирный подчеркнутый
курсив </I></U></B> <BR>
Размер текста

<BIG>Увеличенный текст</BIG>
Просто текст
<SMALL>Уменьшенный текст</SMALL>
<BR>
Верхний и нижний индексы

Текст <SUB> Нижний индекс </SUB>


Текст <SUP> Верхний индекс </SUP>
Текст
<BR>
Логическое форматирование

<EM> Выделение </EM>


<STRONG>
Усиленное выделение
</STRONG>
<BR>
Форматирование некоторых видов
текста

<ABBR> Аббревиатура </ABBR>


<CITE> Цитата </CITE>
<ADDRESS> Адрес </ADDRESS>
Горизонтальная линия

<HR>
Комментарий

<!--Комментарий в окне браузера не виден-->


Кодирование символов

Код Символ Значение


числ. имен.
&#060; &lt; < Меньше
&#062; &gt; > Больше
&#177; &plusmn; ± Плюс-минус
&#176; &deg; ° Знак градуса
&#150; – Тире
&#151; — Длинное тире
Кодирование символов

Код Символ Значение


числ. имен.
&#032; &nbsp; Нерастяжимый пробел
&#167; &sect; § Параграф
&#146; ’ Апостроф
&#133; … Многоточие
&#169; &copy; © Копирайт (знак охраны
авторского права)
Кодирование символов

Код Символ Значение


числ. имен.
&#171; &laquo; « Открывающая кавычка
«елочка»
&#187; &raquo; » Закрывающая кавычка
«елочка»
Кодирование символов
Код Символ Значение
&#132; „ Русская открывающая кавычка
«лапка»
&#147; “ Русская закрывающая кавычка
«лапка»
&#147; “ Английская открывающая
кавычка «лапка»
&#148; ” Английская закрывающая
кавычка «лапка»