Главная » Статьи » Мои статьи

Основы HTML для начинающих

Наш сайт представляет собой учебник по HTML, в котором просто и доступно разъяснены основные правила языка гипертекстовой разметки HTML (HyperText Markup Language) и предназначен для начинающих веб-мастеров, только приступивших к изучению языка и решивших сделать свою первую веб-страницу...
На сайте приведены основные элементы и теги языка разметки гипертекста (HTML), а так же примеры создания HTML-документов.

Основные понятия:
Элемент - это конструкция языка HTML, содержащая какие-то данные, например:
<B>текст</B> - это элемент, в котором можно выделить три части:

  • <B> - открывающий тег (англ. tag);
  • текст - содержимое элемента (в данном примере, текст);
  • </B> - закрывающий тег;

Как видите, теги начинаются символом "<" и заканчиваются символом ">", а закрывающий тег отличается от открывающего наличием символа "/".

Для некоторых элементов закрывающий тег не обязателен, а некоторые вообще не имеют закрывающего тега.

Регистр символов в названии тега не имеет значения, то-есть <BODY> и <body> - это одно и то же.

Элементы могут содержать какие-то параметры, называемые атрибутами, которые содержатся в открывающем теге, например:
<BODY bgcolor="blue" text="yellow">

Как Вы видите, в этом примере:
bgcolor - параметр, blue - атрибут
text - параметр, yellow - атрибут

В данном случае мы указали, что фон HTML-документа будет синим, а текст документа желтым.

Допускается использование вложенных элементов, например:
<B><I>текст</I></B>
В данном примере элемент <I>....</I> является вложенным и дополняет действие внешнего элемента <B>....</B>

При использовании вложенных элементов следует учитывать, что вложенный элемент должен быть закрыт до закрытия внешнего элемента, например:
<B><I>текст</I></B> - правильно;
<B><I>текст</B></I>- не правильно.

Немного про CSS - тоже самое можно задать таблицами стилей (CSS), например, для данной страницы они заданы в файле
LINK href="foto/style.css" rel="stylesheet" type="text/css"
открыть и посмотреть очень просто - , например, для этого сайта www.h-t-m-l.ru/foto/style.css - для любого другого сайта путь смотреть заголовке HEAD - /HEAD
LINK href="адрес таблицы стилей" rel="stylesheet" type="text/css"
Категория: Мои статьи | Добавил: moscowgranit (10.01.2012)
Просмотров: 549 | Рейтинг: 0.0/0
Всего комментариев: 0
Гранит России  თქვენი რეპეტიტორი