Отправляет email-рассылки с помощью сервиса Sendsay

HTML. Хочу знать все!

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Заметки Дизайнера" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Февраль 2009   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Автор
ImHoster.net

Статистика

1.793 подписчиков
-1 за неделю
←   Все выпуски   →

HTML. Хочу знать все!


Создание сайта

Здравствуйте.

Меня зовут Алексей. Я руковожу Клубом Желающих Создать и Развивать Свой Сайт. Сегодня я приготовил для вас очередную подробрку материалов по HTML.

Теги html


Источник: http://htmlbook.ru

Тег ACRONYM

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

лемент <ACRONYM> указывает, на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести следующие слова: СПИД, ликбез, замполит, США, DOS и т.д.

По умолчанию, текст заключенный в контейнере <ACRONYM> подчеркивается пунктирной линией.

Синтаксис

<acronym>Текст</acronym>

Параметры

title
Добавляет всплывающую подсказку к тексту, в которой дается расшифровка акронима.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <ACRONYM>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег ACRONYM</title>
<style type="text/css">
ACRONYM {
border-bottom: 1px dashed blue; /* Подчеркивание текста */
color: maroon /* Цвет текста */
}
</style>
</head>
<body>

<p>Популярность языка JavaScript порождена его широкими возможностями по взаимодействию с элементами веб-страницы через <acronym title="Document Object Model, Объектная модель документа">DOM</acronym>.</p>

</body>
</html>

 

Описание параметров тега <ACRONYM>

Параметр TITLE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Расширенное описание элемента. Оно отображается на веб-странице в виде всплывающей подсказки при наведении курсора мыши на акроним.

Синтаксис

<acronym title="текст">...</acronym>

Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.



Языки HTML и CSS
250 секретов HTML и Web дизайн
Полный справочник по HTML CSS и JavaScript
HTML




Для нового сайта я рекомендую вам вот эту компанию платного хостинга

Задать свой вопрос: sitesozdatu(собака)yandex.ru





Самоучитель HTML и CSS Современные технологии
Полный справочник по HTML CSS и JavaScript
HTML Популярный самоучитель
Динамический HTML




Цвет фона


Источник: http://htmlbook.ru

Цвет фона является достаточно важным элементом любой веб-страницы. Во-первых, он задает нужное настроение и общий настрой сайта, а во-вторых, облегчает восприятие текста.

Цвет фона веб-страницы задается с использованием параметра bgcolor тега <BODY>.

Пример 1. Изменение цвета фона
Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Цвет фона</title>
</head>
<body bgcolor="#c0c0c0">
<p>...</p>
</body>
</html>

Цвет можно указывать в шестнадцатеричном значении или по его имени.

Несмотря на то, что для фона можно указывать любой цвет, на большинстве сайтов используются преимущественно белый фон и черные буквы, как наиболее устоявшийся вариант.
Фоновый рисунок

В качестве фона можно использовать любое подходящее для этого изображение. Фон не должен отвлекать внимание от текста, при этом должен хорошо сочетаться с цветовой гаммой веб-страницы и быть маленьким по размеру, чтобы быстро загружаться. Если после перечисленного вы все еще хотите добавить фоновый рисунок на страницу, следует воспользоваться параметром background тега <BODY>.

Пример 2. Добавление фонового рисунка
Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фоновый рисунок</title>
</head>
<body background="image/samplebg.gif">
<p>...</p>
</body>
</html>

Если изображение меньше размера экрана монитора, оно будет размножено по горизонтали и вертикали.

Поскольку фоновый рисунок загружается медленнее, чем цвет фона, может получиться, что текст не будет читаться некоторое время, пока не произойдет загрузка рисунков. То же самое может случиться и при отключенных в браузере рисунках. Поэтому рекомендуется всегда задавать цвет фона наряду с фоновым рисунком (пример 3).

Пример 3. Использование фонового рисунка и цвета фона
Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Цвет фона</title>
</head>
<body bgcolor="#c0c0c0" background="image/samplebg.gif">


<p>...</p>
</body>
</html>
Фиксированный фон

По умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью параметра bgproperties="fixed" тега <BODY>.

Пример 4. Задание фиксированного фона
Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фон</title>
</head>
<body bgcolor="#c0c0c0" background="image/samplebg.gif" bgproperties="fixed">
<p>...</p>
</body>
</html>

При указании параметра bgproperties, как показано в примере 4, фоновый рисунок на веб-странице будет оставаться неподвижным, а текст, рисунки и другие элементы станут перемещаться вместе с полосой прокрутки.



Задать свой вопрос: sitesozdatu(собака)yandex.ru





HTML Самоучитель
HTML и XHTML подробное руководство
Использование HTML JavaScript и CSS руководство Web дизайнера
Полный справочник по HTML CSS и JavaScript


Форматирование текста


Источник: http://htmlbook.ru

Форматирование текста — средства его изменения, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста. В табл. 1 перечислены основные теги, которые применяются для изменения оформления текста.
Табл. 1. Теги для форматирования текста Код HTML     Описание     Пример
<b>Текст</b>     Жирное начертание текста     Текст
<i>Текст</i>     Курсивное начертание текста     Текст
<sup>Текст</sup>     Верхний индекс     e=mc2
<sub>Текст</sub>     Нижний индекс     H2O
<pre>Текст</pre>     Текст пишется как есть, включая все пробелы    

Текст

<em>Текст</em>     Курсивный текст     Текст
<strong>Текст</strong>     Жирное начертание текста     Текст

Любые теги форматирования текста можно использовать совместно друг с другом. Чтобы сделать текст одновременно жирным и курсивным шрифтом используется сочетание тегов <B> и <I> (пример 1). Их порядок в данном случае не важен.

Пример 1. Жирный курсивный текст
Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Текст</title>
</head>
<body>
<p><b><i>"А где же печенье и самогоноваренье?!"</i></b> - воскликнул Мальчиш-плохиш.</p>
</body>
</html>



Использование тегов <SUP> и <SUB> сдвигает текст относительно базовой линии и уменьшает размер шрифта. Если нужно еще уменьшить индекс, можно еще добавить тег <SMALL> (пример 2).

Пример 2. Создание нижнего индекса
Валидный код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Текст</title>
</head>
<body>
<p><b>Формула серной кислоты:</b> <i>H<sub><small>2</small></sub>SO<sub><small>4</small></sub></i></p>
</body>
</html>



Теги <STRONG> и <EM> выполняют те же функции, что теги <B> и <I>, но написание последних короче, привычней и удобней.

Следует отметить, что теги <B> и <STRONG>, также как <I> и <EM> являются не совсем эквивалентными и заменяемыми. Первый тег <B> — является тегом физической разметки и устанавливает жирный текст, а тег <STRONG> — тегом логической разметки и определяет важность помеченного текста. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов <B> и <STRONG>, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.



Задать свой вопрос: sitesozdatu(собака)yandex.ru





Полный справочник по HTML CSS и JavaScript
100 Самоучитель по созданию WEBстраниц и WEBсайтов HTML и JavaScript
HTML 4 для чайников
HTML и CSS на 100


Полезные АудиоМатериалы


Поиск платного хостинга

Почему Платный хостинг php

Интернет магазин шаг 1

Архив Аудиоматериалов

Спонсор Рассылки: Клуб Желающих Создать и Развивать Свой Сайт.


В избранное