Top.Mail.Ru

Уроки по HTML (основы)

htmlВсемирная паутина соткана из Web-страниц (Web-pages), которые создаются при помощи языка разметки гипертекста HTML (HyperТext Markup Language). HTML не является языком программирования, он предназначен для разметки текстовых документов. Т.е. по большому счету с помощью HTML осуществляется форматирование текста.

Основой языка HТМL являются тэги (tags), именно они определяют  каким образом будет выглядеть текст на Web-странице. Другими словами каждый тэг дает определенную команду браузеру (программе, с помощью которой просматривают Web-странички), браузер понимает эту команду и выводит на экран уже готовый текст, отформатированный в соответствии с указанными тэгами.

HТМL позволяет не только форматировать текст, с его помощью можно вставлять изображения на страницу, создавать таблицы, ссылки и многое другое.

В настоящее время существует множество программ для визуального создания сайтов (Dreamweawer, FrontPage, SharePoint и др.), но даже при работе в таких программах знание HTML необходимо .



 

 

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

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

Рассмотрим HTML теги, определяющие структуру страницы:

<HTML> …</HTML> – обязательные тэги, заключают в себе все содержимое Web-страницы.

<HEAD> …</HEAD> – служат для формирования общей структуры документа, задавая его глобальные свойства, содержат инструкции для поисковиков, для браузеров, скрипты.

<TITLE> …</TITLE> – определяют основной заголовок web – страницы, который отображается в строке заголовка.

<BODY>… </BODY> – обязательные тэги, определяют видимую часть документа.

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

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

Для создания абзаца используется тэг Р.

Пример:


<HTML>

<HEAD>

<TITLE>   Стихотворение </TITLE>

</HEAD>

<BODY>

<P>

Унылая пора! Очей очарованье!...

</P>

<P>

Александр Пушкин

</P>

<P>

Унылая пора! Очей очарованье!

Приятна мне твоя прощальная краса —

Люблю я пышное природы увяданье,

В багрец и в золото одетые леса,

В их сенях ветра шум и свежее дыханье,

И мглой волнистою покрыты небеса,

И редкий солнца луч, и первые морозы,

И отдаленные седой зимы угрозы.

</P>

</BODY>

</HTML>

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

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


<HTML>

<HEAD>

<TITLE>

Виды рыб

</TITLE>

</HEAD>

<BODY>

Виды рыб

Речные рыбы

Морские рыбы

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

</BODY>

</HTML>