Суббота, 12.07.2025, 06:19 | Приветствую Вас Гость | Регистрация | Вход

Каталог статей

Главная » Статьи » Html Css » Html

Основы языка HTML

Ведение

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

Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML, вы можете обозначать данные элементы, обеспечивая WEB-броузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.

HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа.

 

HTML-тэги могут быть условно разделены на две категории:

·        тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом

·        тэги, описывающие общие свойства документа, такие как заголовок или автор документа

 

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:

 

Пример:

 

<TITLE> Заголовок документа </TITLE>

 

Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-броузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка. Данный вид тегов носит название – парные теги или теги контейнерного типа.

Некоторые тэги, такие, как <img> (тэг, вставляющий изображение), не требуют завершающего тэга. Их называют одиночными тегами.

            У многих тегов есть дополнительные атрибуты (дескрипторы), которые позволяют изменять родительские свойства тэгов (т.е. свойства, присутствующие у тега по умолчанию). Они записываются после названия тега следующим образом:

Пример:


<тэг дескриптор1=”значение” дескриптор2=”значение”>

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

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

 

Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки":

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML <!DOCTYPE>, которая обычно выглядит так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

 

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 4.0. Как видно из примера, самый короткий html-документ состоит буквально из одной строки.

На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тэга-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывется тэгом <HTML> и им же закрывается.

 

Затем, между тэгами <HTML> и </HTML> следует разместить заголовок и тело документа. Вот как выглядит основной HTML-файл перед началом работы:

 

Пример:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<HTML>

    <HEAD>

         <TITLE>Заголовок документа</TITLE>

    </HEAD>

<BODY>

Текст документа

</BODY>

</HTML>

 

Комментарии

Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются броузером.

 

Синтаксис комментария:

 

Пример:

 

<!-- Это комментарий -->

 

Комментарии могут встречаться в документе где угодно и в любом количестве.

 

Теги тела документа

 

В теле HTML-документа располагается содержимое самой Web-страницы с графикой, текстом и гиперссылками на другие ресурсы Internet. Эта главная часть документа находится между дескрипторами <body> и </body>.

Задавая значения атрибутов дескриптора <body>, можно осуществить некоторые дополнительные установки параметров Web-страницы. Эти установки в основном касаются внешнего вида Web-страницы.

Атрибуты тега <body>

Атрибут

Значение

background

Повторяющаяся фоновый узор

bgcolor

Цвет фона

bgproperties

Параметры фоновой графики - (Internet Explorer)

leftmargin

Расстояние до левого края - (Internet Explorer)

topmargin

Расстояние до верхнего края - (Internet Explorer)

marginwidth

Расстояние до левого края - (Netscape Navigator)

marginheight

Расстояние до верхнего края - (Netscape Navigator)

text

Цвет текста

link

Цвет гиперссылки

alink

Цвет активизированной гиперссылки

vlink

Цвет использованной гиперссылки

 

Пример:


            <body bgcolor=”silver” link=”white”>

Категория: Html | Добавил: jvt (15.09.2009)
Просмотров: 2167 | Комментарии: 2 | Рейтинг: 5.0/1 |
Всего комментариев: 1
1 megorvak  
0
Срочно требуются. Обработка зказов на дому.

Без вложений, на системе автоматического приёма и обработки заказов.

Более подробно >> obrabotka-zakazov.tk <<

Имя *:
Email *:
Код *: