Статические Web технологии. Основы технологии HTML

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

HTML - это Hyper Text Markup Language - язык гипертекстовой разметки.

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

Обязательные теги.

<HTML> </HTML>, определяет, что документ написан с использованием html (языка разметки гипертекста) и все другие теги должны размещаться внутри данного;

<HEAD> </HEAD>, теги, находящиеся в этом теге, содержат наименование документа, другие данные о нем, вся эта информация в теле документа не отображается; <HEAD> должен стоять сразу после тега <HTML> и нигде больше;

<TITLE> </TITLE>, описывает наименования документа, этот тег размещается в теге <HEAD>;

Наиболее часто употребляемые атрибуты тега <BODY>: задание фонового рисунка документа и цветов его элементов. Для включения в веб-документ фонового рисунка, используется в теге <BODY> атрибут BACKGROUND: <BODY BACKGROUND="images/image_fon.jpg">.

Цвета элементов документа задаются атрибутами: BGCOLOR="#XXXXXX", TEXT="#XXXXXX", LINK="#XXXXXX", VLINK="#XXXXXX", ALINK="#XXXXXX", где BGCOLOR - цвет фона, TEXT - цвет текста, LINK - цвет ссылки, VLINK - цвет ссылки, уже просмотренной в текущем сеансе, ALINK - цвет ссылки активной.

Теги заголовка текста. Большинство браузеров воспринимают шесть уровней заголовка (от H1 до H6) и определяют каждому из них свой стиль. <H1> Пример </H1 >. Заголовки по левому краю, по правому, по центру, по ширине окна. Реализуется это с помощью атрибута ALIGN: <H1 ALIGN="left"|"right"|"center"|"justify">.

Тег абзаца. Браузеры различают абзацы только по тегу <P>. Текст абзаца можно выравнивать по левому краю, по правому, по центру, по ширине окна, с помощью атрибута ALIGN.

Тег разрыва строки. С помощью тега <BR> можно разрывать строку текста в любом месте.

Тег выравнивания элементов документа по центру. Для того, чтобы элементы документа находились по центру окна, их необходимо разместить между тегами <CENTER> </CENTER>.

<B>, </B> - теги для выделения полужирным шрифтом.

<I>, </I> - для выделения курсивом.

<U>, </U> - теги для выделения подчеркиванием.

<EM>, </EM> - для акцентирования внимания, выделение курсивом.

<STRONG>, </STRONG> - для сильного выделения, обычно, полужирным шрифтом.

Тег <FONT> с помощью его атрибутов можно указывать имя шрифта, его размер, цвет (для слова, фраз). Тег <FONT SIZE=+3>...</FONT> задает размер шрифта на три пункта больше базового. Цвет шрифта задается значением параметра COLOR. <FONT FACE= "ARIAL", "HELVETICA", "SANS-SERIF" SIZE="5" COLOR="#483D8B" >Шрифт "Arial", размер 5, цвет темно-синий </FONT>.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: