- •Специальные символы
- •Другие элементы
- •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, что дальше?
Примеры
Стили в HTML
Этот пример демонстрирует как форматировать документы с помощью добавления стилевой информации в раздел <head> вашего html-файла.
Ссылки без подчеркивания
Пример демонстрирует, как сделать ссылки без подчеркивания с помощью стилевых атрибутов.
Ссылка на внешний файл стилей
Пример демонстрирует использование тега <link> для ссылки на внешний файл стилей документа.
Как использовать стили?
Браузер использует css файл для форматирования документа. Существует три способа вставки стилевой информации в html-файл:
Внешний файл css Идеально подходит для применения стиля ко многим страницам. Использование внешнего файла css позволяет менять оформление всего сайта, изменяя всего один файл. На каждой странице сайта надо вставить ссылку на внешний файл стиля, используя тег <link>. Тег <link> надо вставлять в раздел <head> документа.
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Внутренний стиль Внутренний стиль применяется в том случае, если вам надо изменить оформление только на одной странице. Это делается с помощью тега <style>, который надо поместить в раздел <head> документа.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
Строчный стиль Строчный стиль применяется для уникализации стиля конкретного элемента.
Для использования строчного стиля вы помещаете его в соответстующий тег. Атрибут тега style может содержать любое свойство CSS. Этот пример демонстрирует как изменить цвет и отступ слева параграфа:
<p style="color: red; margin-left: 20px"> Это параграф. </p>
Чтобы узнать больше о CSS, посетите наш учебник CSS.
Стилевые теги
Тег |
Описание |
<style> |
Информация о стиле документа |
<link> |
Ссылка на ресурс |
<div> |
Определяет блок (секцию) в документе |
<span> |
Определяет блок (секцию) в документе |
<font> |
Устарело. Используйте css. |
<basefont> |
Устарело. Используйте css. |
<center> |
Устарело. Используйте css. |
Зарезервированные в HTML символы должны заменяться кодами спецсимволов.
Спецсимволы — что это такое?
Некоторые символы в HTML зарезервированы. Например, вы не можете использовать знаки «больше» или «меньше», т.к. браузер не «поймет» их и воспримет как открывающий или закрывающий знак тега (<p>). Для отображения таких символов мы должны заменять эти символы их кодами. Коды выглядят так:&название_спецсимвола; или &#номер_спецсимвола; Использование названия символа связано с тем, что название символа запомнить проще, чем его номер. Однако, не все браузеры понимают названия символов, поэтому лучше использовать номер спецсимвола.
Неразрывный пробел
Чаще всего в HTML используется неразрывный пробел. Обычно в HTML удаляются лишние пробелы, т.е. если вы в коде напишите подряд десять пробелов, девять из них будут удалены при отображении страницы браузером. Для добавления нескольких пробелов надо использовать код неразрывного пробела — .