<html>...</html> - документ HTML. В одном файле может быть несколько разных документов, на одинаковых или разных языках. То, что находится между этими тэгами должно интерпретироваться браузером, как нечто представленное на языке HTML. Обычно, HTML-документ состоит из двух разделов - заголовок (некая технологическая информация), и тело документа (собственно визуализируемое содержание).
<head>...</head> - заголовок HTML-документа. Обычно, содержит метаданные, которые могут указывать на язык содержания, кодировку текстовых данных, ссылки на подключаемые файлы скриптов и стилей, данные для индексации и т.п.
<body>...</body> - "тело" страницы. Содержит, преимущественно, представимые данные - текст, абзацы, заголовки, таблицы, ссылки на изображения и т.д. Тело может содержать описания стилей и скриптов.
<h1>...</h1> - заголовок первого (верхнего) уровня. Текстовое содержимое этого тега, браузер выведет так, что оно будет, очевидно, выглядеть как заголовок для нижеследующего содержимого. Вместо цифры 1, можно использовать цифры 2, 3, 4, 5 и 6, которые определят заголовки более низкого уровня.
<p>...</p> - абзац (p - от слова paragraph). Текстовое содержимое выводится "обычным" шрифтом, а до и после, как правило, браузер оставляет вертикальный промежуток. Может содержать другие тэги для форматирования текста, ссылки, и теги изображений. Новичкам, лучше считать, что в абзац нельзя вставлять таблицу, т.к. это связано со сложным форматированием, и, как правило, не нужно.
<a href="целевой_адрес">...</a> - ссылка. Содержимым может быть любой визуализируемый объект - текст, абзац, заголовок, изображение, или последовательность нескольких объектов. В качестве целевого адреса, следует указывать адрес файла относительно текущего документа или абсолютный адрес в формате
протокол://адрес_сервера/адрес_файла_на_сервере. Протокол для доступа к обычным страницам в интернете -
http, а адрес сервера - это доменное имя, например
pupkin.ru.
<img src="адрес_картинки" height="YYpx" width="XXpx" align="top|middle|bottom|left|right"> - вставка изображения. Обратите внимание на отсутствие закрывающего дескриптора и отсутствие содержимого -
не пишите </img>! Адрес картинки подчиняется тем же правилам, что и адрес в ссылке. Высоту и ширину можно не указывать, но если укажите, то браузер будет выводить страницу с корректным форматированием, даже если изображение не загрузится. Ширина и высота, обычно, задаются в пикселях (px) - "линейным" числом точек. Атрибут
align определяет "выравнивание" изображения относительно того контейнера, в котором этот тэг встретился. Обычно изображения вставляют в абзацы или простой текст, при этом -
top,
middle или
bottom укажут на выравнивание изображения по высоте, а если использовать
left или
right, то изображение будет прижато к левой или правой стороне, а текст, в котором оказался тег <img>, будет "обтекать" изображение. Атрибут
align должен содержать только одно из указанных значений, и его использование не имеет смысла, если вы вставляете единственное изображение в контейнер без другого текстового содержания, например, в ячейку таблицы. Строго говоря,
align является атрибутом, который отвергнут стандартом HTML4.0, но объяснять сразу еще и CSS
<b>...</b> - содержимый текст выводится
полужирным шрифтом.
<big>...</big> - вывод содержимого текста
увеличенным шрифтом.
<i>...</i> - выводит текст
курсивом.
<small>...</small> - вывод текста
уменьшенным размером.
<sub>...</sub> - выводит как
нижний индекс.
<sup>...</sup> - выводит
верхний индекс.
<u>...</u> - выводит
подчеркнутый текст.
<s>...</s> - выводит
зачеркнутый текст.
<br clear="left|all|right|none"> - вставляет разрыв строк. Атрибут clear указывает на положение начала следующей строки, этот атрибут используется, когда текст "обтекает" некоторый объект, например - изображение. Тег <br clear="left"> в тексте с изображением слева, начнет новую строку под изображением.
<hr> - горизонтальная линейка для отделения частей документа.
<ol>...</ol>, <ul>...</ul> - нумерованный и ненумерованный списки. Содержимым должны быть элементы списка.
<li>...</li> - элемент списка.
<title>...</title> - заголовок документа, выводится в заголовке окна браузера. Обязательно, единичное использование в разделе <head>.
Отправлено: 28.06.07 22:52. Заголовок: Теги HTML (основные, для начала)
- участник сейчас на форуме
- участник вне форума