Как работает браузер
Браузер, выполняя программу (интерпретируя HTML-текст),
формирует на экране документ, который видит пользователь.
Важно понимать, что элементы отображаются на экран
последовательно: слева направо и сверху вниз в соответствие с
порядком следования тегов в HTML-программе.
Нельзя написать программу так, чтобы браузер сначала нарисовал
линию в нижней части экрана, а потом вывел текст в верхней.
Когда рисуют на Бейсике или Си, есть возможность вывести
элемент в любое место экрана по своему усмотрению.
HTML-программы таким свойством не обладают. Браузер
не умеет работать с экранными координатами.
Программируя на HTML, нельзя ориентироваться на определенные
размеры окна документа. Браузер, выполняя программу,
использует то окно, которое предоставил ему пользователь.
Значит, одна и та же HTML-программа может
отображаться на экран немного по-разному на разных компьютерах и
даже на одном компьютере при разных его настройках.
Устройство простейшей HTML-страницы
HTML - это средство создания web страниц. Web страница представляет
собой текстовый документ, содержащий обычный текст и дескрипторы
HTML - специальные текстовые командные
символы.
В документе дескрипторы выделяются с помощью угловых скобок:
<дескриптор>
Различают парные и непарные дескрипторы.
Эффект парных дескрипторов распространяется на текст или
объект между ними (<дескриптор>...</дескриптор>).
Отсутствие закрывающего дескриптора приводит к ошибке, за
исключением случаев использования непарных дескрипторов, которые
не требуют закрытия.
Также различают обязательные и необязательные дескрипторы. К
обязательным относятся: html, head и body.
Структура html страницы:
<HTML>
<HEAD>
параметры страницы
</HEAD>
<BODY>
Текст страницы
</BODY>
</HTML>
|
Параметры страницы
В этом блоке (<HEAD>... </HEAD>)
описываются общие правила интерпретации HTML-документа в целом и
содержится вспомогательная информация о документе.
- Между парой тегов <TITLE> и </TITLE>
располагается имя HTML-документа. Это имя браузер
использует в заголовке окна Windows, в котором показывает
документ.
- <meta name="параметр" contennts="значение"> где
параметр
- author - имя автора
- description - описание
web страницы, отображаемое на
страницы результата поиска
- keywords - ключевые слова
страницы
- <script>...</script> -
код сценария выполняемого браузером во время загрузки
страницы
Пример:
<HEAD>
<TITLE>Страница</TITLE>
<META name="keywords" contents="программирование, pascal">
<META name="description" contents="Программирование на языке pascal">
<META name="author" contents="Иванов">
<SCRIPT src="index.js"></SCRIPT>
</HEAD>
|
Тело программы
Между тегами <BODY> и </BODY>
располагаются команды, следуя которым браузер выводит информацию
в окно документа.
<body>
<h1>Добро пожаловать</h1>
<hr>
<p>Новый абзац</p>
</body>
|
Пример 1 Атрибуты дескрипторов HTML
Элементы web страниц создаются с
помощью дескрипторов html. Для
создания элементов разных типов используют свои дескрипторы. Но
настройка свойств объектов выполняются по общему плану:
<дескриптор атрибут1="значение"
атрибут2="значение"
...>
Атрибут |
Описание |
Применение |
id и name |
Уникальное имя объекта, которые можно
использовать в сценариях |
Все блочные дескрипторы |
align |
Выравнивание объекта в окне
обозревателя |
Рисунок, таблица, абзац |
background |
Фоновый рисунок |
Документ, таблица, ячейка таблицы |
border |
прорисовка границы |
Рамка, рисунок, таблица |
color, bgcolor, bordercolor |
Цвет объекта, цвет фона
объекта,цвет границы объекта |
Документ, таблица, ячейка таблицы,
текст |
height и width |
Высота и ширина объекта |
Бегущая строка, рисунок, таблица,
ячейка таблицы |
src |
Файл источника данных |
Рамка, рисунок, сценарий |
style |
Стиль объекта |
Все блочные дескрипторы |
Пример 2:
<body>
<h1 style="background-color: red;">Добро пожаловать</h1>
<hr color=#660066>
<p align="left">Новый абзац выровнен слева</p>
<p align="center">Новый абзац выровнен по центру</p>
<p align="right">Новый абзац выровнен справа</p>
</body>
|
Просмотреть "Пример 2"
>Назад< |