|
скачай
себе HTML-справочник
(бесплатно)
________________________________________________________________________
тут
можно скачать очень
понятный HTML-справочник
с огромным числом
примеров а также на этой
странице введение в HTML
скачать его
можно тут же
Скачать
удобный и понятный HTML-справочник
Урок 1
Тема:
тэги, HTML документ.
Язык HTML основан на
использовании тэгов. Тэги
- это команды, которые
указывают браузеру, где и
как расположить на
странице текст и картинки,
а также позволяют
организовывать ссылки на
другие документы. Для того,
чтобы браузер не путал
тэги с текстом, их
отмечают треугольными
скобками < и >.
Большинство тэгов, как
правило, используются
парами. Т.е. первым идет
открывающий тэг, он
объясняет браузеру, что
делать с последующим
текстом. Затем следует
закрывающий тэг, который
указывает область
действия первого.
Отличается закрывающий
тэг от открывающего
наличием в нем косой черты
- слэша.
Пример HTML текста:
Вот <I>это курсив</I>,
а это уже нет.
На экране вы увидите:
Вот это курсив, а это уже
нет.
Тэги не чувствительны к
регистру. Это означает,
что <TITLE>,<title> и <TitLe>
для браузера абсолютно
одинаковы.
Теперь рассмотрим, из чего,
в основном, состоит HTML
документ. Сам документ
ограничивается тэгами <HTML>
и </HTML> - браузер должен
знать, где страница
начинается, и где
заканчивается. Состоит из
заголовка (теги <HEAD> и
</HEAD>), содежащего
различную информацию о
документе, и, собственно,
тела документа (теги <BODY></BODY>),
т.е. того, что вы видите в
окне браузера. В заголовке
находится заглавие (или
название) страницы,
рекомендуется не более 64
символов, теги < TITLE> и
<TITLE>. Пример:
<HTML>
<HEAD>
<TITLE>Название страницы</TITLE>
</HEAD>
<BODY>
Здесь находится текст
странички, различные
картинки.
</BODY>
</HTML>
Попробуйте набрать этот
пример в любом текстовом
редакторе и сохранить его
с расширением .html или .htm.
Теперь можно его
просматривать, как любой
HTML документ.
следующий урок
Урок 2
Тема: выделение текста -
физические и логические
стили.
В HTML существует два
подхода к шрифтовому
выделению текста - т.н.
физический и логический
стили.
Физические стили.
Под физическими стилями
подразумевают прямое
указание браузеру на
модификацию текущего
шрифта. Т.е. между тэгами
<B> и </B> будет жирный
шрифт, а между <I> и </I>
- курсив (наклонный).
<B> - жирный шрифт;
<I> - курсив;
<TT> - шрифт
фиксированной ширины (как
на пишущей машинке);
<U> - подчеркнутый текст;
<STRIKE> - перечеркнутый
шрифт;
<S> - тоже перечеркнутый
шрифт;
<BIG> - шрифт большего
размера;
<SMALL> - шрифт меньшего
размера.
Шрифты могут
комбинироваться. Например,
используя такой текст
<B><I>пример</I></B>
мы получим комбинацию
жирного и наклонного
шрифтов: пример.
Логические стили.
Используя логические
стили, вы не можете точно
знать, что увидит на
экране читатель. Разные
браузеры толкуют одни и те
же метки логических
стилей по разному.
Например, <STRONG> обычно
выделяет текст жирным
шрифтом, но кто-то из
читателей захочет,
возможно, чтобы в данном
случае текст выделялся
цветом. Таким образом
логические стили дают
большую свободу в выборе
шрифтов пользователю.
<DFN> - служит для
описания определений (это
определение);
<EM> - служит для
выделения текста (это
выделенное слово);
<CITE> - служит для
выделения цитат (это
цитата);
<CODE> - служит для
выделения программных
кодов, текстов программ и
т.п. Обычно выделяется
шрифтом фиксированной
ширины (это текст
программы);
<KBD> - используется для
ввода с клавиатуры
пользователя (Введите
password );
<SAMP> - используется для
вывода машинных сообщений
(Segmentation fault: core dumped);
<STRONG> - служит для
особого выделения текста,
обычно выделяется жирным
текстом (это очень важный
текст);
<VAR> - используется для
символьных переменных (это
переменная);
<ABBR> - используется для
аббревиатур (СНГ, КПСС, WWW);
<ACRONYM> - используется
для сокращений (стр., англ.).
Элементы <ABBR> и <ACRONYM>
могут содержать аттрибут
<TITLE>, описывающий
расшифровку аббревиатуры
или сокращения:
<ABBR TITLE="World Wide Web">WWW</ABBR>
Элементы ABBR и ACRONYM
используются для
голосовых браузеров (для
слепых, например), в
остальных браузерах
сокращения каким-либо
шрифтом
не выделяются.
|
Сайт обновлен
1.12.04