- •Специальные символы
- •Другие элементы
- •Html разметка - использование таблиц
- •Та же разметка, но с добавлением фонового цвета
- •Примеры
- •Полезные советы
- •Еще примеры
- •Теги фреймов
- •Где узнать больше о css?
- •Проблемы html 3.2
- •Какие преимущества дает html 4.0?
- •Как этим пользоваться?
- •Готовимся к xhtml
- •Укажите правильный тип документа для вашего сайта
- •Валидатор w3Cы
- •Примеры
- •Как использовать стили?
- •Стилевые теги
- •Спецсимволы — что это такое?
- •Неразрывный пробел
- •Часто используемые спецсимволы
- •Элемент meta Примеры
- •Элемент meta
- •Ключевые слова для поисковых роботов
- •Html ссылки
- •Универсальный локатор ресурсов
- •Проблема старых браузеров
- •Теги скриптов
- •Стандартные атрибуты html
- •Общие атрибуты
- •Языковые атрибуты
- •Атрибуты клавиатуры
- •События в html
- •События форм
- •Клавиатурные события
- •События мыши
- •Кодирование url
- •Кодирование url
- •Превратите свой компьютер в веб-сервер Ваш компьютер как веб-сервер
- •Версии веб-серверов Windows
- •Как установить iis на Windows Vista
- •Как установить iis на Windows xp и Windows 2000
- •Проверка веб-сервера
- •Следующий шаг — профессиональный веб-сервер
- •Сервер на Apache
- •Бесплатный хостинг с php и MySql
- •Вы изучили html, что дальше? Итоги
- •Вы изучили html, что дальше?
Ключевые слова для поисковых роботов
Некоторые поисковые роботы используют название и содержание мета-тегов вашего сайта для индексирования (занесения в базу данных). Эти мета-теги описывают ваши странички:
<meta name="description"
content="Бесплатные учебники по HTML, CSS, XML и XHTML" />
В этом примере «description» переводится как описание, т.е. описание вашей страницы, а в атрибуте content вы помещаете само описание.
Мета-элементы описывают ключевые слова (слова, которые связаны с содержимым страницы) для вашей страницы:
<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript" />
Предназначением атрибутов name и content является описание содержимого страницы. Однако, из-за того, что многие веб-мастера стали использовать мета-теги для спама своих страничек (т.е. использовали слишком много ключевых слов, не соответствующих содержимому страницы, для раскручивания своего сайта), некоторые поисковые системы перестали использовать ключевые слова для индексации сайтов. О поисковых системах вы можете почитать на страничке веб-мастеров. Кроме того, чтобы ознакомиться со справкой по мета-тегам, посетите справочник по мета-тегам.
Html ссылки
Когда вы щелкаете мышью на ссылке на html-документ, например Последняя страница Интернета, подчеркнутая ссылка при помощи атрибута href указывает на адрес в мировой сети, например: <a href="lastpage.htm">Последняя страница</a>. Эта ссылка является лишь примером ссылки, которая связана с веб-сайтом, на котором вы находитесь и ваш браузер автоматически достраивает полный путь к искомому файлу:http://www.example.com/html/lastpage.html.
Универсальный локатор ресурсов
Универсальный локатор ресурсов (Uniform Resource Locator - URL) используется браузером для выстраивания полного пути к вашей странице - http://www.example.com/html/lastpage.html. Этот адрес строится по следующей схеме: scheme://host.domain:port/path/filename, т.е. схема://хост.домен:порт/путь/название_файла.
Схема — это вид интернет-сервиса или по-русски протокол передачи данных. Чаще всего используется http.
Домен — это доменное имя сайта, например, w3schools.com.
Хост (от английского host - хозяин, принимающий гостей) — это сервер, где хранятся файлы вашего сайта. Если хост пропущен, по умолчанию для протокола http хостом является www.
Порт указывает на номер порта на хосте. Обычно порт не указывается, т.к. по умолчанию для http открыт порт 80.
Путь указывает путь до искомого файла на сервере с указанием всех подпапок (субдиректорий). Если путь не указан, html-файл должен располагаться в корневой директории веб-сайта.
Название файла указывает на искомый файл. Названием главной страницы сайта по умолчанию может быть default.asp или index.html. Название главной страницы зависит от настроек веб-сервера и может быть изменено.
Протоколы URL
Протокол |
Доступ |
file |
файл на вашем компьютере |
ftp |
файл на FTP-сервер |
http |
файл на компьютерах интернета |
gopher |
файл на Gopher-сервере |
telnet |
файл на Telnet-сервере |
WAIS |
файл на WAIS-сервере |
Скрипты в HTML
Добавляйте скрипты (сценарии) в код html, чтобы сделать ваши страницы более динамичными и интерактивными.
Примеры
Вставка скрипта Этот пример демонстрирует как вставить код скрипта в html.
Использование тега noscript Этот пример демонстрирует как использовать тег noscript для браузеров, не поддерживающих скрипты.
Вставка скрипта в html-код
Скрипт в html вставляется с помощью тега <script>. Помните, что вы должны указать язык программирования скрипта с помощью атрибута type.
<html> <body>
<script type="text/javascript"> document.write("Привет всем!") </script>
</body> </html>
Скрипт, указанный в примере даст следующий результат: Привет всем!
Заметка: Чтобы узнать больше информации о скриптах в html вы можете посетить наш учебник по JavaScript.