На главную
 
{loadposition tariffz}
 
Host-Solutions.ru CMS Joomla! Инструкция Joomla! Основы HTML
Основы HTML
Тестовый хостинг с CMS Joomla сейчас!

Б. 1. Основные теги

 

Цель данного приложения — напомнить вам язык HTML, чтобы у вас во время работы с книгой не возникало потребности обращаться к какому-нибудь другому источнику. Язык HTML (Hyper Text Markup Language — язык разметки гипертекстовой информации) предназначен для разметки веб-страниц. Все браузеры понимают HTML-документы: возможно, вы и найдете какой-нибудь старый браузер, который не будет понимать последние стандарты HTML — HTML4, но основные теги, о которых мы поговорим ниже, обязан понимать каждый браузер — иначе это не браузер, а просто telnet-клиент.

 

Тег обязательно начинается символом меньше "<", и заканчивается символом больше ">". Большинство тегов (но не все) подразумевают использование закрывающего тега:

 

<HTML> - тег

 

</HTML> - закрывающий (конечный) тег

 

Вы можете указать атрибуты тега, если он подразумевает их использование, например <Р align="center">. Атрибуты указываются в виде имя_атрибута=значение. Значение желательно брать в кавычки, хотя большинство браузеров лояльны и позволяют указывать значение без кавычек.

 

Б. 1.1. Структура документа

 

Документ HTML имеет такую структуру:

 

<HTML>

 

<HEAD>

 

<Т1ТЬЕ>Это мы увидим в заголовке браузера</ТIТLЕ>

 

</HEAD>

 

<BODY>

 

<h1>Информация</h1>

 

</BODY>

 

</HTML>

 

Проведем небольшой эксперимент. Создайте HTML-документ, в качестве содержимого которого используйте вышеприведенный листинг. Напомню, для такого рода задачи нам подойдет Блокнот, если вы работаете в Windows, или kedit (или любой другой текстовый редактор), если вы работаете в Linux. Сохраните файл под именем 1.html и просмотрите его в браузере (рис. Б.1).

 

Информация

 

Рис. Б.1. Файл 1 .html в браузере Opera

 

Теперь измените наш первый HTML-документ так:

 

<ТIТLЕ>Это мы увидим в заголовке браузера</ТIТLЕ>

<h1>Информация</h1>

 

Мы удалили теги <HTML>, <HEAD> и <BODY>. Просмотрите документ в браузере опять. Как вы видите, он не изменился. Это означает, что браузер сам вставит удаленные нами теги в нужные места. Но это касается только указанных выше тегов. В некоторых случаях браузер самостоятельно добавляет теги </li>, </р> и еще некоторые другие, но об этом мы поговорим позже. Когда вы будете писать сценарии на РНР, все же желательно не лениться, а выводить теги <HTML>, <HEAD> и <BODY> в браузер.

 

Тег <HTML> обозначает начало HTML-документа, а тег </HTML> — его конец. Тег <HEAD> содержит некоторую служебную информацию — теги <TITLE> (заголовок), <МЕТА> и другие.

 

Тег <BODY> — это начало тела документа. В этом теге находится вся информация, которая будет отображена в окне браузера.

 

Самым важным тегом в разделе HEAD является тег <МЕТА>, определяющий так называемую МЕТА-информацию — ключевые слова, кодировку, время окончания срока использования документа.

 

Вот примеры использования тега МЕТА.

 

■             Указание кодировки документа:

 

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

 

■             Информация об авторе:

 

<meta name="Author" content="Denis Kolisnichenko">

 

■             Информация о "композере" (программе, с помощью которой был

 

создан документ):

 

<meta name="GENERATOR" content="Mozilla/4.7 [en] (Win98; I) [Netscape]">

 

■             Ключевые слова:

 

<meta name="keywords" content="Linux, UNIX">

 

■             Описание сайта:

 

<meta name="description" content="Mой сайт">

 

■             Время окончания срока использования документа:

 

<meta http-equiv="Expires" content="Mon,   06 Jan 1990 00:00:01 GMT">

 

Важно правильно объявить теги МЕТА. Например, правильно указав ключевые слова, вы упростите поиск вашего ресурса с помощью поисковых систем и, следовательно, повысите посещаемость сайта. Также рекомендую указать в качестве Expire-даты дату из далекого прошлого. Браузер не загружает из кеша просроченный документ, а старается получить его новую версию. Таким образом, пользователи всегда получат новую версию вашей странички, а не старую, сохраненную в кеше браузера. Данный прием очень полезен, если информация на вашем сайте часто обновляется. Удерживайте клавишу <Shift> при щелчке на кнопке Обновить браузера — так вы гарантированно получите новую версию документа.

 

Новости

Host Solutions поздравляет Вас с Новым 2014 годом!
31.12.2013 | 
Уважаемые пользователи Host Solutions! Компания МАРОСНЕТ поздравляет вас праздником и желает...
подробнее Read more...
Новогодняя акция - 30% скидка!
20.12.2013 | 
Дарим 30% при продлении услуг виртуального хостинга или VPS от...
подробнее Read more...
Новая услуга на Host Solutions - VPS
19.12.2013 | 
Host Solutions предлагает вашему вниманию новую услугу - виртуальные выделенные...
подробнее Read more...
Доступна оплата через PayPal
13.12.2013 | 
Теперь вы можете заказать хостинг и оплатить домен на Host...
подробнее Read more...
Релиз новых версий Joomla
18.11.2013 | 
В начале ноября на сайте разработчиков Joomla были опубликованы новые...
подробнее Read more...

Статистика

Просмотры материалов : 4 492 719

Кто на сайте

Сейчас 258 гостей онлайн
 
 
 
 
Партнер REG.RU Портал о хостинге и хостинг-провайдерах. Мы принимаем WebMoney, Здесь находится аттестат нашего WM идентификатора 110005872604 Мы принимаем QIWI Мы принимаем Яндекс.Деньги
Разработка сайтов компания “СВАРОГ”
© 2017 Host Solutions - Хостинг и регистрация доменов. Все права защищены.
Дизайн, Разработка сайтов компания “WEB-SVAROG”