Адреса в Интернете
Как правило, ссылка с www и ссылка без www ведут на одну и ту же страницу. Но так бывает не всегда. Могут встречаться такие ситуации:
ссылка без www открывается, а страницу с www браузер вообще не находит.; данная ситуация может возникнуть при намеренной или неправильной настройке веб-сервера;
обратная ситуация также встречается: ссылка с www открывается, а адрес без www браузер найти не может;
по адресам с www и без www открывается одна и таже страница, но для каждой из них используется своя сессия; то есть по адресу с www вы можете быть зарегистрированным на сайте пользователем, а по адресу без www окажетесь анонимным.
Таблицы
Для создания таблиц используется парный блочный тег <table>. Он просто сообщает браузеру о том, что его содержимое представляет собой таблицу. А вот как выглядит эта таблица, зависит от тегов, которые содержатся внутри тега table. С учетом новых тегов общий синтаксис построения таблицы имеет вид:
<table>
<caption>Надпись над таблицей</caption>
<thead>
<tr>
<th>Заголовок для столбца1</th><th>Заголовок для столбца2</th>
<tr>
</thead>
<tfoot>
<tr>
<th>Подвал для столбца1</th><th>Подвал для столбца2</th>
<tr>
</tfoot>
<tbody>
<tr>
<td>столбец1 строки1</td><td>столбец2 строки1</td>
</tr>
………………………………………………………………
<tr>
<td>столбец1 строкиN</td><td>столбец2 строкиN</td>
</tr>
<tbody>
<table>
Здесь все теги - парные блочные теги.
Заголовок таблицы и подвал таблицы по умолчанию выводятся жирным шрифтом и центрируются. Содержимое тега caption также центрируется, но по умолчанию выводится обычным шрифтом. Как можно заметить, тег подвала <tfoot> определяется выше самого содержимого страницы.
Особенности свойств тегов Свойства: отступ
Любой тег включает в себя следующие составляющие:
свойство margin – некое пустое пространство за пределами тега, которое отделяет один тег от другого;
свойство border – граница определенного цвета, которая обрамляет тег;
свойство padding – некое пустое пространство внутри тега, которое отделяет содержимое тега от границы;
само содержимое тега.
Рассмотрим пример:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство padding</title>
<link rel="stylesheet" href="padding0.css"/>
</head>
<body>
<section>
<div id="div_A">Тег А</div>
<div id="div_B">Тег B</div>
</section>
</body>
</html>
#div_A{
float : left;
width : 60px;
height : 40px;
background : #FF0000;
border : 1px solid #FF0000;
}
#div_B{
float : left;
width : 60px;
height : 40px;
background : #00FF00;
border : 1px solid #00FF00;
}
Возникает вопрос: почему блочный тег не занимает всю ширину окна браузера? Дело в том, что в css-файле, который управляет отображением этой страницы, он плавающий. Ему присвоено свойство float: left. Благодаря этому ему можно задавать ширину и он приобретает некоторые свойства, подобные свойствам строчных тегов.
Обратим внимание, что текст начинается не с самого верха блочного тега. Это никак не связано ни со свойством padding, ни со свойством margin. Просто под строку текста в HTML отводится место определенной высоты (так называемая высота строки). и по умолчанию высота строки несколько выше любой буквы используемого шрифта.
Как видно из примера, теги находятся вплотную друг к другу, так что между их фоном нет ни одного пикселя пустого пространства.
Кроме того, текст, распложенный внутри тега, начинается с самого начала тега.
padding
Для отображения данной страницы были заданы все четыре размера для padding. Можно сделать вывод, что отступ, определяемый свойством padding, в состав ширины и высоты тега не входит. Реальная ширина тега на странице равна ширине тега плюс заданные ему размеры padding слева и справа. Соответственно, реальная высота тега равна заданной ему высоте плюс размер padding сверху и снизу.
Существует несколько особенностей, с которыми можно встретиться, задавая padding строчному тегу внутри блока текста.
Можно сделать следующие выводы:
padding слева и справа работают корректно;
если над строчным тегом, для которого задан padding, есть текст, то padding сверху отображается корректно;
если над строчным тегом, для которого задан padding, нет текста (примыкает к границе родительского элемента), то padding сверху обрезается;
padding не обтекается текстом снизу, однако наличие фона показывает, что сам padding браузером учитывается.
margin
С помощью свойства margin можно задать внешний отступ до границы тега, т.е. отделить тег от других тегов на странице.
Тег B сместился относительно тега А. Это произошло потому что для тега В были заданы margin слева и сверху. При этом, как видно из размеров фона, высота и ширина тега не изменились.
Если задать margin строчному тегу, нужно быть готовыми к тому, что внешние отступы вверху и внизу будут проигнорированы. При этом внешние отступы слева и справа будут работать.
