- •Учебник html для начинающих. Версия для печати раздела "Учебник html" сайта www.Webremeslo.Ru Введение
- •Поздравляю, Вы написали свою первую страничку!!!
- •Глава 1 Что такое html язык и с чем его едят..
- •Полезные советы:
- •Глава 2 Редактируем текст на своей странице..
- •Параграф.
- •Заголовки
- •Стиль текста
- •Предварительно отформатированный текст.
- •Полезные советы:
- •Глава 3 Рисунки.
- •Путь к файлу
- •Выравнивание рисунка.
- •Полезные советы:
- •Глава 4
- •Рисуем таблицу
- •Объединение ячеек.
- •Размеры таблицы.
- •Верстка страницы с использованием таблицы.
- •Полезные советы:
- •Глава 5 Ссылки
- •Текстовые ссылки.
- •Ссылка на e-mail
- •Закладки.
- •Глава1Глава2Глава3
- •Полезные советы:
- •Глава 6
- •Спецсимволы
- •Горизонтальная линия
- •Бегущая строка
- •Комментарии
- •Полезные советы:
- •Глава 7 Фреймы.
- •Приводим фреймы в опрятный вид.
- •Фреймы и ссылки.
- •Плавающий фрейм
- •Полезные советы:
- •Глава 8 Навигационные карты
- •Прямоугольная область
- •Полигон (многоугольник).
- •Окружность
- •Доводим до ума..
- •Пересечение областей
- •"Не область"
- •Карта на сервере.
- •Полезные советы:
- •Глава 9 Списки
- •Неупорядоченные списки
- •Упорядоченные списки
- •Списки определений
- •Полезные советы:
- •Глава 10 Meta теги
- •Кодировка символов и язык
- •Информация о документе
- •Описание страницы и ключевые слова
- •Обновление страницы
- •Время действия документа и кэш
- •Автоматический переход на другую страницу
- •Эффекты при переходе по ссылке
- •Полезные советы:
- •Глава 11
- •Полезные советы:
- •Глава 12 и снова таблицы..
- •Заголовки таблиц.
- •Название таблицы и её описание
- •Группировка строк.
- •Группировка столбцов.
- •Границы таблицы.
- •Полезные советы:
- •Глава 13 Фоновая музыка. .. Или то чего лучше не делать.
- •Полезные советы:
- •Глава 14 Текст - логика и физика..
- •Теги физического форматирования текста.
- •Логическая разметка текста.
- •Теги логического форматирования текста.
- •Полезные советы:
Полезные советы:
Использование фоновой музыки, это не есть хорошо по нескольким причинам:
Во-первых, мало кому из пользователей нравится, когда против его воли из динамиков начинает доноситься то, что он не заказывал! К тому же лазая в Интернете, у него может играть собственная музыка открытая с помощью какого ни будь плеера, может быть ему не нравится именно Ваше музыкальное сопровождение и он предпочитает классику вместо тяжёлого рока, может быть вокруг все спят да и просто он хочет поработать в тишине..
Во-вторых, пользователю не предоставляется возможности управлять данной музыкой, проще говоря, нет кнопок "Стоп" "Пауза" "Плей" и т.д.
В-третьих, музыкальные записи в форматах WAV, AUиMIDI, как правило, низкого качества, кому нравится слушать некачественную музыку?
В-четвёртых, несмотря на то, что указанные выше форматы, как правило, сравнительно небольшого объёма памяти - это всё же трафик, а любой лишний трафик это плохо.
Ну и в-пятых, как уже говорилось раннее тег <bgsound>это придумка для браузераInternet Explorerтак что в большинстве других браузеров музыка играть не будет! Кроме того, так как данный тег не входит в спецификацию HTML, то документ с этим тегом будет не валидным.
Если уж Вам действительно так необходима музыка на сайте, то внедряйте её с помощью тегов <embed>и/или<object>.. о данных тегах я постараюсь Вам рассказать в пока что ещё ненаписанной главе "объекты".
Глава 14 Текст - логика и физика..
В этой главе мы снова будем работать с текстом, и в отличие от материала, изложенного во второй главе: "Редактируем текст"посмотрим на некоторые вещи под другим углом, а так же поговорим о ранее не вошедших в этот учебник тегах, с помощью которых так же можно форматировать текст на страницах сайта.
Дело в том что все теги предназначенные для работы с текстом можно разделить на две группы: "теги физического форматирования текста" и "теги логического форматирования текста"
Теперь по порядку..
Теги физического форматирования текста.
О тегах физического форматирования текста речь в этом учебнике шла ранее, поэтому повторятся, не стану, а просто перечислю их:
<b>, <i>, <u>, <strike>, <s>, <tt>, <small>, <big>, <sup>, <sub>, <p>, <font>, <pre>…
- всё это теги физического форматирования текста.
Почему их так назвали? Да все просто.. потому что данные теги способны тем или иным способом физически воздействовать на текст.. делать его жирным, курсивом, маленьким, большим.. и т. д. Заключив текст, в какой либо тег из вышеперечисленных, мы получаем ожидаемый результат, который описан в спецификации HTML и в различных браузерах отображается практически одинаково.
На всякий случай вновь покажу старый пример:
<html> <head> <title>Стили текста</title> </head> <body> <big><b><u>Научная статья.</u></b></big> <br> <br> Если разбавить дистиллированную воду Н<sub>2</sub>О сорока процентами этилового спирта С<sub>2</sub>Н<sub>5</sub>ОН то получится жидкость в 40<sup>о</sup> более известную широкой публике под названием <i>- водка.</i> <br> Впервые данную пропорцию <s>придлажил</s> предложил <tt>Дмитрий Иванович МЕНДЕЛЕЕВ.</tt> <br> <br> <br> <small>Распитие спиртных напитков вредит вашему здоровью.</small> </body></html>
Основная задача тегов физического форматирования текста это выполнение сугубо декоративных функций.
Однако если Вы изучали справочник HTML:(http://www.webremeslo.ru/spravka/spravka.html), то наверняка обратили внимание что выше перечисленные теги это далеко не все инструменты для работы с текстом! А если Вы изучали справочник скрупулезно и пристально, то наверное заметили что некоторые теги выполняют одни и те же действия над текстом..
Например, чем отличается тег <em>от тега<i>? или какая разница между<b>и<strong>? ведь результат и там и там одинаков!
Так да не так.. отличия есть.. и они достаточно существенные!!..