- •Специальные символы
- •Другие элементы
- •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, что дальше?
Где узнать больше о css?
Для начала закончите изучать HTML-учебник. В следующих главах вы узнаете, почему некоторые теги, например <font>, были удалены из HTML, как вставить каскадные таблицы стилей (CSS) в html-документ.
Чтобы узнать больше о каскадных таблицах стилей нажмите на: Учебник CSS.
Проблемы html 3.2
Оригинальный HTML никогда не был нацелен на введение тегов форматирования документа. HTML-теги должны были описывать содержимое
документа, например:
<p>Здесь у нас параграф</p>
<h1>А здесь будет заголовок</h1>
Когда в спецификацию HTML 3.2 были добавлены теги, подобные <font> и атрибуты цвета, это стало ночным кошмаром для веб-разработчиков. Разработка крупных веб-сайтов, где надо было изменить шрифт и цвет текста на каждой странице стала долгой, дорогой и утомительной работой.
Какие преимущества дает html 4.0?
В HTML 4.0 все форматирование может быть вынесено из html-файла и сохранено в отдельном файле css (cascading style sheet — каскадные таблицы стилей). Таким образом достигается отделение оформления документа от его содержания. Это дает нам возможность менять оформление документа без изменения его содержания.
Как этим пользоваться?
Не используйте атрибуты оформления в html-тегах, если у вас есть возможность избежать этого. Начинайте использовать CSS. Изучите наш учебник CSS, чтобы научиться использовать каскадные таблицы стилей.
Не используйте нерекомендованные теги. Чтобы посмотреть список нерекомендованных (устаревших) тегов, посетите страницу справки HTML 4.01.
Готовимся к xhtml
XHTML — это «новый» HTML. Самое главное, что вам надо сделать — это начать писать валидный (правильный) html-код. Пишите теги с маленькой буквы. Всегда закрывайте ваши теги. Особое внимание обращайте на закрывание параграфов тегом </p>.
Заметка: Официально в HTML 4.01 рекомендуется использовать теги, написанные с маленькой буквы. Если вы хотите узнать больше о XHTML, посетите наш учебник XHTML.
Укажите правильный тип документа для вашего сайта
HTML-файл проверяется на определение типа документа. Чтобы браузер правильно отобразил вашу страничку, добавляйте правильный DTD (Document Type Definition — Определения Типов Документов) первой строкой в html-файл.
HTML 4.01 Strict DTD (HTML 4.01 Строгий) включает только рекомендованные элементы и атрибуты, использование фреймов запрещено:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional DTD (HTML 4.01 Переходный) включает в себя все элементы из строгого DTD плюс нерекомендованные элементы и атрибуты:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset DTD включает в себ все элементы из переходного DTD, кроме того поддерживает фреймы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Валидатор w3Cы
Начало формы
Проверьте валидность вашего HTML с помощью валидатора консортциума веб (W3C). Введите адрес вашей страницы в окошечко (например http://www.w3schools.com/)
В HTML 4.0 форматирование документа может быть вынесено из кода html и сохранено в специальном файле CSS (Cascading Style Sheet — Каскадные таблицы стилей).