Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь
FAQ
Написать работу

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ Написать работу

Создаем первый HTML-документ

↑

⇐ ПредыдущаяСтр 2 из 4Следующая ⇒

Листинг 1.1. Первый HTML-документ

<HTML>

<HEAD>

<TITLE>Заголовок страницы</TITLE>

</HEAD>

<BODY>

<FONT color="#FF0000" face="Verdana"><U>Подчеркнутый текст</U></FONT>

</BODY>

</HTML>

<TITLE>Заголовок страницы</TITLE>

<TITLE>Моя первая Web-страница</TITLE>

Структура документа

Листинг 1.2. Структура HTML-документа

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

Раздел HEAD. Техническая информация о документе

<TITLE>Заголовок страницы</TITLE>

<META http-equiv="content-type"

content="text/html; charset=windows-1251">

Раздел BODY. Основная часть документа

<BODY bgcolor="#FFFFFF">"Тело" документа</BODY>

"Тело" документа

</BODY>

Форматирование отдельных символов

Текст между тэгами <TITLE> и </TITLE> используется в результатах выдаваемых поисковым порталом.

Выделение фрагментов текста

<B>Полужирный шрифт</B>

<STRONG>Полужирный шрифт</STRONG>

Вывод текста курсивом

<I>Текст, выделенный курсивом</I>

<EM>Текст, выделенный курсивом</EM>

Подчеркивание текста

<U>Подчеркнутый текст</U>

Перечеркивание текста

<STRIKE>Перечеркнутый текст</STRIKE>

<S>Перечеркнутый текст</S>

Создание нижних индексов

Формула воды H<SUB>2</SUB>O

Создание степеней

Единица измерения площади — m<SUP>2</SUP>

Вывод текста заданным шрифтом

<FONT face="Verdana">Текст</FONT>

<FONT size="4">Текст</FONT>

<FONT size="+1">Текст</FONT>

<FONT size="-1">Текст</FONT>

<FONT color="#FF0000">Текст</FONT>

<FONT color="red">Текст</FONT>

Текст <BIG>большего</BIG> размера

Текст <SMALL>меньшего</SMALL> размера

<TT>Моноширинный шрифт</TT>

Форматирование документа

Тэг комментария

Перевод строки

Строка1<BR>

Строка2<BR>

Строка3<BR>

<PRE>

Строка1

Строка2

Строка3

</PRE>

Запрет перевода строки

<NOBR>Длинная строка</NOBR>

Горизонтальная линия

Заголовки

<H1>Самый крупный заголовок</H1>

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

<H1 align="center">Заголовок первого уровня с выравниванием по центру</H1>

<H2 align="left">Заголовок второго уровня с выравниванием по левому краю</H2>

<H6 align="right">Самый мелкий заголовок с выравниванием по правому краю</H6>

Разделение на абзацы

<P align="center">Абзац с выравниванием по центру</P>

<P align="left">Абзац с выравниванием по левому краю</P>

<P align="right">Абзац с выравниванием по правому краю</P>

<P align="justify">Абзац с выравниванием по ширине</P>

Списки

Маркированные списки

Листинг 1.3. Маркированный список

<UL>

<LI>Первая строка

<LI>Вторая строка

</UL>

<LI>Первая строка

<LI>Вторая строка

</UL>

<LI>Первая строка

<LI>Вторая строка

</UL>

<LI>Первая строка

<LI>Вторая строка

</UL>

Нумерованные списки

Листинг 1.4. Нумерованный список

<OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI>Вторая строка

</OL>

<LI>Первая строка

<LI value="5">Вторая строка

<LI>Третья строка

</OL>

Вложенные списки

Листинг 1.5. Вложенные списки

<LI>Первая строка

<LI>Вторая строка

<LI>Третья строка

</OL>

<LI>Четвертая строка

</OL>

Графика

Вставляем изображение в Web-страницу

<P><IMG src="foto.gif" align="left">Текст</P>

<P><IMG src="foto.gif" align="right">Текст</P>

<P><IMG src="foto.gif" align="top">Текст</P>

<P><IMG src="foto.gif" align="bottom">Текст</P>

<P><IMG src="foto.gif" align="middle">Текст</P>

<P><IMG src="foto.gif" align="left" hspace="20">Текст</P>

<P><IMG src="foto.gif" align="left" vspace="20">Текст</P>

Используем изображение в качестве фона

<BODY background="foto.gif" bgcolor="gray">"Тело" документа</BODY>

Гиперссылки

Внешние гиперссылки

<A href="http://www.mysite.ru/file.html">Текст ссылки</A>

Абсолютный URL-адрес

http://www.mysite.ru/folder/file.html

http://www.mysite.ru/file.html

http://www.mysite.ru/

http://www.mysite.ru/folder/

Относительный URL-адрес

<A href="file2.html">Текст ссылки</A>

<A href="folder3/file2.html">Текст ссылки</A>

<A href="../file2.html">Текст ссылки</A>

<A href="../../file2.html">Текст ссылки</A>

<A href="http://www.mysite.ru/file.html" target="_blank">Ссылка</A>

Внутренние гиперссылки

<A href="#charter1">Глава 1</A>

<A href="http://www.mysite.ru/file.html#charter6">Текст</A>

Листинг 1.6. Структура документа с внутренними ссылками

<HTML>

<HEAD>

<TITLE>Создание внутренних ссылок</TITLE>

</HEAD>

<BODY>

<H1 align="center">Название документа</H1>

<H2>Оглавление</H2>

<LI><A href="#charter1">Глава 1</A>

<LI><A href="#charter2">Глава 2</A>

<LI><A href="#charter3">Глава 3</A>

<LI><A href="#charter4">Глава 4</A>

</UL>

<BR>

<H2><A name="charter1">Глава 1</A></H2>

<P>Содержание Главы 1</P>

<H2><A name="charter2">Глава 2</A></H2>

<P>Содержание Главы 2</P>

<H2><A name="charter3">Глава 3</A></H2>

<P>Содержание Главы 3</P>

<H2><A name="charter4">Глава 4</A></H2>

<P>Содержание Главы 4</P>

</BODY>

</HTML>

⇐ Предыдущая 123 4 Следующая ⇒

Познавательные статьи:

Техника прыжка в длину с разбега

Тактические действия в защите

История Олимпийских игр

История развития права интеллектуальной собственности

Последнее изменение этой страницы: 2016-08-01; просмотров: 208; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 216.73.216.20 (0.006 с.)