Top.Mail.Ru

В настоящее время жизнь без Internet кажется невозможной. Если нужно что-то узнать мы выходим в поисковую систему, для общения пользуемся сайтами Одноклассники и В контакте. И очень часто задаемся вопросом: "А могу ли я создать свой сайт?". Каждый может научить создавать web-сайты. И начнем мы тему "Создание сайта" с изучения языка разметки HTML.

HTML не является языком программирования. Он предназначен для разметки текстовых документов. HTML расшифровывается как, Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка создаются интернет страницы.

Для создания ссылки используется тэг <A>.

Ссылка на страницу создается в том случае, когда эта страница уже готова. Например, у нас готовы три страницы портфолио:

index.html

work.html

doctizeniya.html

Мы привыкли, что таблица состоит из строк и столбцов и, вставляя таблицу в Word, мы указываем 3 столбца на 2 строки. Вставляя таблицу на HTML-страницу, сначала мы должны показать что сейчас будет таблица. Для этого воспользуемся тэгом <TABLE>. Далее указываем, что сейчас будет строка, используя тэг <TR>. А в этой строке будет три ячейки, и мы пишем три раза <TD>…</TD>.

Получим:


<TABLE>

<TR>

<TD>…</TD>

<TD>…</TD>

<TD>…</TD>

Иногда для структурирования данных используют списки. Для их создания существуют тэги <OL>, <UL> и <LI>. Рассмотрим их подробнее.

Возьмем за основу текст:


<HTML>

<HEAD>

<TITLE>

Виды рыб

</TITLE>

</HEAD>

<BODY>

Виды рыб

Речные рыбы

Морские рыбы

Рыбы Мирового океана

</BODY>

</HTML>

Для того чтобы вставить изображение предназначен тэг IMG. Но сначала нужно сохранить выбранное изображение в папку images.

Возьмем документ


<HTML>

<HEAD>

<TITLE>

Описание Ежика

</TITLE>

</HEAD>

<BODY>

<H1 ALIGN="CENTER">Ёжик</H1>

<P ALIGN="JUSTIFY">

Ёжик – лучший друг Кроша. Не по детски серьёзный, внимательный и совестливый.

В отличии от Кроша, Ёжик хорошо воспитан и не такой активный как его друг.

Имеет хорошую способность мирить тех кто в ссоре. Очень чувствительный к окружающим.

</P>

<P ALIGN="JUSTIFY">

Застенчив и скромен.

</P>

<P ALIGN="JUSTIFY">

Любит когда вещи лежат на своих местах и не любит беспорядок.

Всегда помогает своему лучшему другу, даже когда он не прав.

</P>

</BODY>

</HTML>

Было бы скучно и однообразно, если б фон страниц веб-сайтов оставался всегда белым. Но в HTML можно установить не только цвет фона, но и задать фоновое изображение.

Тэг, который позволяет изменить фон вам уже знаком, - это тэг <BODY>. А с его атрибутами сейчас познакомимся.