Тема 2.2 Язык гипертекстовой разметки html

 

Студент должен

 

знать:

• основные теги языка HTML и их свойства;

• способы определения стилей;

• способы динамического управления страницей;

 

уметь:

• создавать статическую Web-страницу;

• форматировать Web-страницу;

• макетировать таблицы;

• работать с фреймами и формами;

• применять каскадную таблицу стилей;

• создавать динамическую Web-страницу.

 

ПЛАН:

1. Описание языка HTML.

2. Теги языка HTML и их свойства.

3. Создание HTML-документа.

4. Скрипты.

Язык HTML – (Hypertext war Rup language) (язык разметки гипертекста) – во многом определил развитие и широкое распространение сети интернет по всему миру.

Язык позволяет описывать структурированный текст (гипертекст), содержащий ссылки и взаимосвязи фрагментов, графические элементы (изображения), которые могут быть связаны как с текстовой информацией так и между собой, а также простейшие элементы графического интерфейса пользователя (кнопки, списки, поля редактирования). На основе описания построенного в текстовом виде на HTML, эти элементы могут располагаться на экране, им могут присваиваться различные атрибуты, определяющие используемые ресурсы интерфейса пользователя такие как цвет, шрифт, размер и т.п. В результате получается графический образ – WEB – страница. Она может содержать различные мультимедийные элементы включая графику, видео, анимацию.

Основные теги

<html></html> - Указывает программе просмотра страниц что это HTML документ.

<head></head> - Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body></body> - Определяет видимую часть документа

Теги оглавления

<title></title> - Помещает название документа в оглавление программы просмотра страниц 

Атрибуты тела документа

<body bgcolor=?> - Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

<body text=?> - Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

<body link=?> - Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

<body vlink=?> - Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.

<body alink=?> - Устанавливает цвет гиперссылок при нажатии. 

Теги для форматирования текста

<pre></pre> - Обрамляет предварительно отформатированный текст.

<h1></h1> - Создает САМЫЙ БОЛЬШОЙ заголовок

<h6></h6> - Создает самый маленький заголовок

<b></b> - Создает жирый текст

<i></i> - Создает наклонный текст

<tt></tt> - Создает текст - имитирующий стиль печатной машинки.Используется для цитат, обычно наклонный текст.

<em></em> - Используется для выделения из текста слова (наклонный или жирный текст)

<strong></strong> - Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)

<font size=?></font> - Устанавливает размер текста в пределах от 1 до 7.

<font color=?></font> - Устанавливает цвет текста, используя значение цвета в виде RRGGBB.