|
Урок 1-ввод в мир ХТМЛ документа
|
|
| monolito-s | Дата: Пятница, 28.10.2011, 17:57 | Сообщение # 1 |
 Киллер
Группа: Повелитель Зоны
Сообщений: 335
Персонаж: Каратель
| <html> </html> - этот тег всегда помещается в начало и конец веб-страницы. Тег определяет тип документа, то есть сообщает браузеру, что документ написан на языке HTML, указывает на начало и конец html-файла;
<head>....</head> - заголовок или головная часть документа (head - голова, перевод с англ.). Данный тег содержит универсальную информацию о HTML-документе - название страницы (title), техническую информацию (meta), (style). Содержимое тега не отображается на веб-странице, это есть невидимая область;
<title>....</title> - название веб-страницы - этот тег находится в головной части документа, отображается в самой верхней серой строке браузера, содержит краткую информацию об основном содержании страницы (не путать с именем файла, которое пишется латинскими буквами слитно);
в головной части страницы могут также находиться теги <meta>, <style>.
Теги головной части веб-страницы не оказывают влияния на внешний вид страницы, но они необходимы для того, чтобы веб-страницы выглядели одинаково, стандартно в различных браузерах и правильно интерпретировались при нововведениях в HTML.
<body>....</body> - тело документа, в данном теге находится все содержимое страницы, сюда мы вставляем текст, графику, таблицы - тег похож на своеобразный контейнер, в котором находятся несвязанные друг с другом объекты, содержимое этой части определяет вид страницы, это есть видимая в браузере область веб-документа
|
| |
| |
| monolito-s | Дата: Пятница, 28.10.2011, 18:00 | Сообщение # 2 |
|
Киллер
Группа: Повелитель Зоны
Сообщений: 335
Персонаж: Каратель
| <Meta> - тэги
В заголовке документа - внутри тега <head> помимо обязательного тега <title>, в котором пишется название веб-страницы, видимое в браузере в самой верхней строке окна с открытой страницей, могут находиться <meta> теги, содержащие справочную и управляющую информацию о документе, например:
информацию о кодировке,
информацию об авторах сайта,
краткое описание содержания сайта,
ключевые слова содержимого сайта, которые выискиваются роботами поисковых систем.
Тэги <meta> являются непарными, то есть для них нет закрывающего тега со слэшем - / - косой чертой.
Согласно новым правилам HTML у непарных тегов косую черту или слэш - / можно ставить в конце самого тега перед закрывающим знаком "больше = >".
Примеры:
<meta http-equiv="content-type" content="text/html; charset=Windows-1251"/> - указана кодировка
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> - указана кодировка
<meta name="author" content="Имя Фамилия"/> - указан автор сайта
<meta name="description" content="Краткое описание содержания сайта"/> - указано краткое содержание сайта.
<meta name="keywords" content="личная страница, ай-школа, i-школа, персональный сайт"/> - указаны ключевые слова.
|
| |
| |
| monolito-s | Дата: Пятница, 28.10.2011, 18:02 | Сообщение # 3 |
|
Киллер
Группа: Повелитель Зоны
Сообщений: 335
Персонаж: Каратель
| Ввод текста и иной информации, создание абзаца - теги <br>, <p>...</p>
В обычном текстовом редакторе нажатие на клавишу Enter переводит курсор на начало следующей строки и указывает обычно на начало нового абзаца. Но браузером такое действие не учитывается.
Для создания заведомо нового абзаца используется в HTML-документах используется тэг-контейнер <p>...</p>.
После отделяемого им текста вводится пустая строка. Тег <p>... </p> может быть как парным, так и непарным тегом <p>.
Если пустая строка не нужна, а дальнейший текст необходимо разместить на следующей строке, можно воспользоваться тэгом <br>
– «принудительный перевод строки». Иногда используют два тега <br><br>, чтобы добавить одну пустую строку.
Лишние пробелы и пробелы в начале строки браузеры игнорируют.
Итак, для перехода на новую строку используется тег <br>. Этот тег закрывать не обязательно. То есть он непарный. Тег <br> не вводит пустую строку после отделяемого им текста. Часто используются два или несколько подряд тегов <br>.
|
| |
| |
