Что такое Web-страница

 быть написано &laquo;Пример страницы&raquo;</p>

<h1>Правила  пользования</h1>

<p>Кодирвка  настраивается автоматически.</p>

</body>

</html>

     

Как будет выглядеть  эта страница, можно посмотреть ТУТА ВОТ. В этой странице мы определили стили (задали цвет, шрифт, размер и т.п.

4. Объекты в  web-странице

Списки

<li></li> - пункт списка. Перед пунктом списка ставится кружочек

<ul></ul> - маркерованный список

<ol></ol> -нумерованный список

Между тегами списка <ul></ul> или <ol></ol> помещаются пункты списка, заключённые между тегами <li></li>.

Таблицы

Таблица начинается тегом <table>

Далее можно указать тег <table body>, а можно и не указывать.

Таблица состоит из строк, каждая из которых разбита на равное число столбцов. Строки открываются  тегом <tr>.

В строках располагаются  столбцы, открываемые тегом <td>.

Пример простой таблицы:

<table>

<tr>

<td>&nbsp;</td>

<td>Заполнено</td>

</tr>

<tr>

<td>Занято</td>

<td>Использовано</td>

</tr>

</table>

     

Если вы открывали  тег <table body>, то перед закрывающим  тегом </table> надо поместить </table body>.

И выглядеть таблица  будет так: 

 

	Занято
Заполнено	Использовано

 

 

Примечание: здесь приведён пример таблицы без использования  каких-либо параметров. Возможно, если вы его скопируете, не увидите рамки, тогда вместо <table> напишите <table border="1">, тогда рамка точно  будет . Вообще, таблица имеет много  параметров, некоторые из которых достаточно важны. Подробнее о параметрах тегов можно почитать в книге Html в примерах www.bousoft.com/books/tags.zip (126 кб) .

Картинки

Картинки вставляются  при помощи одиночного тега

<img src="название  файла.расширение">.

Интернет эксплорер 3 понимает только gif и jpg, а пятая версия и выше понимают gif, jpg, png, bmp.

Картинки можно помещать в абзацы (прямо в текст), сами по себе, в ячейки таблицы.

Если вы укажете

<img src="название  файла.расширение"

align="выравнивание">.

То если вы вместо "выравнивание" подставите "left" или "right", то у вас будет обтекание текстом (с размещением картинки слева  или справа). Если вы используете "center", то картинка расположется по центру страницы без обтекания.

Ссылки

Довольно важный элемент  каждой веб-страницы. Без них Интернет не был бы Интернетом. Ссылка привязывается  к какому-либо элементу страницы, к  тексту или картинке, при клике  на который происходит перемещение  в указанное место. Всё, что касается ссылок, задаётся тегами <a>.

Непосредственно ссылка начинается тегом <a> с параметром href="место назначения", и выглядит это так:

<a href="место назначения">текст  или объект ссылки</a>.

Местом назначения может  быть файл. Необходимо указать путь для файла и его название (всё с учётом регистра), не забыть про расширение. Файл может быть любым, как другой HTML, так и какой-нибудь архив, типа zip, rar и любой другой, исполняемый файл exe, картинка и вообще всё, что только бывает. Если файл понимается броузером (например, файл html или картинка jpg, gif, bmp, png), броузер откроет его. Если это какой-либо другой файл, вам будет задан вопрос, что с ним сделать, сохранить на диске или открыть из текущего места. Будьте осторожны, ссылки на exe-файлы, сделанные нехорошими людьми могут быть не безопасны, они могут содержать вирусы или прописывать порнуху на ваш компьютер. Если вы уверены в сайте, на котором нашли этот exe-файл (к примеру, если это сайт известной фирмы, типа Microsoft), можете запускать. Но всё же лучше файл сначала сохранить на компьютер, а запускать уже потом, так будет удобнее и Вам, и файлу, и вашему компьютеру. Так же может быть предложено открыть архив, если у вас установлен соответствующий архиватор.

Если вы смотрите страницу, находящующся в интернет, обычно файлы лучше сохранять на диск, уже потом просматривать. Если же вы имеете дело с веб-страницами, находящимися на вашем компьютере (например, вы получили их на диске или скачали при помощи программы Teleport PRO), имеет смысл запускать и открывать файлы из текущего места.

Путь к файлу может  быть относительным, либо абсолютным, с указанием интернет-адреса файла. Естественно, что абсолютный путь имеет  смысл указывать только на те файлы  и страницы, которые лежат не том сайте, где находится ваша страница, а на другом.

Местом назначения может  быть не только файл, но и интернет-адрес  какого-либо сайта (например, www.mail.ru).

У ссылки может быть параметр title, в котором содержится всплывающая  подсказка к ссылке:

<a href="место назначения" title="всплывающая подсказка">текст или объект ссылки</a>.

Якоря

Якорь нужен для того, чтобы указать на вашей странице какое-либо конкретное место, куда будет  ссылаться ссылка. Например, в начале страницы вы сделали оглавление, и  хотите, чтобы по нажатии на пункты оглавления вы быстро перемещались в соответствующие разделы. Для этого в ключевых местах ставится якорь. Якорь так же ставится тегом <a>, только вместо href пишется name, а в ковычках указывается имя якоря.

<a name="имя якоря"></a>

Между открывающимся  и закрывающимся тегами можно  вообще ничего не писать, главное - разместить якорь в нужном месте.

Ссылаться на якорь надо так:

<a href="#имя якоря">текст  или объект ссылки</a>

Или, если вы хотите сослаться на какую-нибудь другую html-страницу и попасть в то место, где стоит заданный якорь, это делается так:

<a href="путь и имя  файла.расширение#имя якоря">текст  или объект ссылки</a>

Внимание: когда вы сохраняете веб-страницу при помощи интернет-эксплорера (в  верхнем меню File/save as...), все ссылки меняются на абсолютные ссылки в Интернет. И если на странице были ссылки на якоря, находящиеся в ней самой, они переадресуются на исходную страницу, находящуюся в интернете. При этом НЕ сохраняются файлы, на которые ссылались ссылки. Сохраняются только картинки и файлы со стилями, а всё остальное остаётся в Интернете. Если вы хотите сохранить структуру ссылок при скачивании чужих страниц, лучше пользуйтесь программой Teleport PRO.