ПРЕПОДАВАТЕЛЬ
|
Краткая справка: HTML наглядно |
||
2000
|
Рассмотрим структуру HTML страницы. Как видно, страница состоит из двух частей: это заголовок HEAD и тело BODY.
HTML | Комментарии |
<html> | Начало HTML |
<head> | Начало заголовка (Заголовок содержит описательную и служебную информацию) |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
| Метатеги. Метатеги определяют разную служебную информацию. Здесь один метатег определяет кодировку текста, а другой говорит, кто делал этот HTML. |
<title>Заголовок</title> | Заголовок для окна браузера |
</head> | Конец заголовка |
<body bgcolor="#FFFFFF" text="#000000"> | Начало тела (Содержание страницы. Оформление.) |
А здесь собственно все содержание и оформление страницы.
| |
</body> | Конец тела |
</html> | Конец HTML |
Ниже рассмотрим основные теги, предназначеные для оформления страницы. Это поможет вам лучше разобраться с HTML. Здесь, конечно, приведены не все существующие теги и их возможные параметры.
Пример | HTML | ||||||||
Параграф Еще один параграф | <p> | ||||||||
Жирный текст | <strong>Жирный текст</strong> | ||||||||
Наклонный текст | <em>Наклонный текст</em> | ||||||||
Подчеркнутый текст | <u>Подчеркнутый текст</u> | ||||||||
Текст увеличенного размера | <big>Текст увеличенного размера</big> | ||||||||
Текст уменьшенного размера | <small>Текст уменьшенного размера</small> | ||||||||
Текст другого цвета | <font color="#FF0000">
| ||||||||
Текст с другим шрифтом | <font face="Courier">
| ||||||||
Левое выравнивание текстового параграфа | <p align="left">
| ||||||||
Правое выравнивание текстового параграфа | <p align="right"> | ||||||||
Выравнивание текстового параграфа по центру | <p align="center"> | ||||||||
| <blockquote> | ||||||||
| <ol> | ||||||||
| <ul> | ||||||||
Гиперссылка на Microsoft | <a href="http://www.microsoft.ru">
| ||||||||
Перенос на следующую строку без начала нового параграфа | Перенос на<br> | ||||||||
Горизонтальная линия для разделения | <p>Горизонтальная линия </p>
| ||||||||
Много пробелов подряд (больше, чем один пробел) | Много пробелов
| ||||||||
<img src="picture.gif" width="262" height="100" alt="Это подпись к картинке">
| |||||||||
| <table border="1" width="100%">
| ||||||||
| <table border="1" width="100%">
| ||||||||
| <table border="4" width="70%" cellpadding="3">
|
И еще несколько комментариев:
Размеры таблиц и некоторых других вещей могутбыть указаны либо в абсолютных величинах (т.е. впикселях), либо в относительных (т.е. в процентах).Запись "50" указывает размер в 50 пикселей, а запись "50%"размера - 50% от максимально возможного в данныхусловиях.
Цвета, обычно кодируются в формате RGB(Красный/Зеленый/Синий). Записывается это как
Шестнадцатеричная кодировка - это почти, то же, что и обычная десятичная, только цифр там не 10, а 16, т.е. 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Таким образом, число FF соответсвует десятичному числу 256. |
Вот примеры цветов, закодированных такимобразом:
#000000 | #FFFFFF | #FF0000 | #FFFF00 | #408080 |
Цвет | Цвет | Цвет | Цвет | Цвет |
(с) 1999-2000 Андрей Тушев | [Возврат к заданиям по Сетевым технологиям] |