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

Научить создавать на Web-странице изображения а также, по разработке Web – страниц.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986 — 1991 годах

в стенах Европейского Центра

ядерных исследований в Женеве (Швейцария).

Язык программирования html -это способ создания графики без использования компилятора.

Это обычный текстовый файл, должен быть в DOS – формате. Шрифты: Windows, ANSI. Их понимает и обрабатывает любой браузер (Internet Explorer, Netscape). Любой браузер – интерпретатор, исполняющий последовательно файл и исполняет его. HTML быстро развивается и не все браузеры одинаково обрабатывают эти файлы. Сейчас все ориентируются на Internet Explorer 7.0 в Microsoft V ista.

• Язык содержит перечень тегов , один тег – команда интерпретатору, но она пишется исходя из общих правил записи тегов.

• Все веб-сайты состоят из нескольких HTML-файлов и нескольких графических файлов Рекомендуется писать в обычном текстовом редакторе и сохранять как HTML-файл.

Вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "". Такой фрагмент (например, ) называется меткой (по-английски — tag, читается "тэг"). Большинство HTML-меток — парные, то есть на каждую открывающую метку вида есть закрывающая метка вида с тем же именем, но с добавлением "/". Метки можно вводить как большими, так и маленькими буквами.

• Файл будет сильно большим;
• Интерпретатор его обрабат ова ют гораздо медленнее.

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

… HEAD . " width="640"

• Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, «бойцом невидимого фронта». Тэги, указываемые внутри раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тэг HEAD … HEAD .

… TITLE предназначен для указания имени созданного электронного документа. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы. " width="640"

• Парный тэг TITLE … TITLE предназначен для указания имени созданного электронного документа. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы.

Раздел BODY является одним из самых важных компонентов любого HTML-документа, в нем располагается содержательная часть, которая выводится браузером на экран монитора

пользователя.

По традиции файл входа в сайт называется index.

- начало тэга

- конец тэга

- заголовок

- тело.

head -------- текст заголовка --------- head --------- текст документа  --------- " width="640"

• html
• head
• --------
• текст заголовка
• ---------
• head
• ---------
• текст документа 
• ---------

Пример 1 Асанбаева Айнур Муратовна " width="640"

html

Пример 1

Асанбаева Айнур Муратовна

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

... i ) ... От английского strong emphasis — сильный акцент. жирный шрифт (аналог b ... b ) Использвается для демонстрации образцов сообщений, выводимых на экран программами. CODE ... CODE Рекомендуется использовать для фрагментов исходных текстов. Текст отображается как код или формула (чаще всего как шрифт Courier) ... От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами. ... От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры. текст отображается моноширинным жирным шрифтом ... От английского variable — переменная. Рекомендуется использовать для написания имен переменных. ... Такая пара меток описывает абзац. Все, что заключено между и , воспринимается как один абзац. " width="640"

Атрибут

Функция

...

От английского emphasis — акцент. наклонный шрифт (аналог i ... i )

...

От английского strong emphasis — сильный акцент. жирный шрифт (аналог b ... b ) Использвается для демонстрации образцов сообщений, выводимых на экран программами.

CODE ... CODE

Рекомендуется использовать для фрагментов исходных текстов.

Текст отображается как код или формула (чаще всего как шрифт Courier)

...

От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.

...

От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры. текст отображается моноширинным жирным шрифтом

...

От английского variable — переменная. Рекомендуется использовать для написания имен переменных.

...

Такая пара меток описывает абзац. Все, что заключено между

и

, воспринимается как один абзац.

Атрибут

Функция

BGCOLOR

Определяет цвет фона документа.

TEXT

Определяет цвет текста документа.

LІNK

Определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылке.

VLІNK

Определяет цвет ссылки на документ, который уже был просмотрен ранее .

ALІNK

Определяет цвет ссылки в момент, когда на нее указывает курсор мыши и нажата ее правая кнопка, то есть непосредственно перед переходом по ссылке.

Имя

Код

Bla с k ( черный )

Имя

“ #000000”

Silver ( серебристый )

Код

Gray ( серый )

Green ( зеленый )

“ #C0C0C0”

White( белый )

“ #808080”

Lime ( лимонный )

“ #008000”

“ #00FF00”

Olive ( оливковый )

Maroon ( бордовый )

“ #FFFFFF”

Red ( красный )

“ #800000”

Yellow ( желтый )

“ #808000”

“ #FFFF00”

Navy (тёмно-синий)

“ #FF0000”

Purple ( фиолетовый )

“ #000080”

Blue (голубой)

“ #800080”

Fuchsia( фукцированный красный )

“ #0000FF”

Teal (темно-зелёный)

“ #FF00FF”

“ #008080”

Aqua (бело-голубой )

“ #00FFFF”

Атрибут

Функция

ALIGN

Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).

WIDTH

Ширина таблицы. Ее можно задать в пикселях (например, WIDTH= “) или в процентах от ширины страницы (например, WIDTH= “80%” ).

BORDER

Устанавливает ширину внешней рамки таблицы и ячеек в пикселях (например, BORDER= “). Если атрибут не установлен, таблица показывается без рамки.

CELLSPACING

Устанавливает расстояние между рамками ячеек таблицы в пикселях (например, CELLSPACING= “ ).

CELLPADDING

Устанавливает расстояние между рамкой ячейки и текстом в пикселях (например, CELLPADDING= “ ).