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

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

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

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

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

←   Июнь 2005   →
 1
 2
 3
03.06.2005
17:44:00
21:52:45
 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
29
30
Автор
ImHoster.net

Статистика

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

HTML. Хочу знать все! выпуск восьмой


Информационный Канал Subscribe.Ru
Рассылка для всех, кто использует HTML в своей работе

HTML. Хочу знать ВСЕ!

Выпуск #8, 2005-06-03
Написать автору
Архив рассылки
 Подписаться письмом Отписаться

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

Небольшой подарок

Если вы только начинаете осваивать HTML, предлагаю скачать хороший учебник для новичков, в нем написано все просто и понятно, с примерами и юмором. http://nbusiness.ru/book/html/HTML_book.rar

В этом выпуске:

Заголовки: Элементы H1, H2, H3, H4, H5, H6

Заголовок кратко описывает содержание раздела, которому он предшествует. Информация из заголовка может использоваться агентами пользователей, например, для автоматического построения оглавления документа.

В языке HTML существует шесть уровней заголовков: H1 - наиболее важный - и H6 - наименее важный. Визуальные браузеры обычно отображают более важные заголовки более крупным шрифтом.

Например:

Это заголовок первого уровня (между тэгами <H1> и </H1>)

Это заголовок второго уровня (между тэгами <H2> и </H2>)

Это заголовок третьего уровня (между тэгами <H3> и </H3>)

Это заголовок четвертого уровня (между тэгами <H4> и </H4>)

Это заголовок пятого уровня (между тэгами <H5> и </H5>)

Это заголовок шестого уровня (между тэгами <H6> и </H6>)

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


<HEAD>
<TITLE>... название документа ...</TITLE>
<STYLE type="text/css">
H1 { font-style: italic; color: green }
H2 { color: red }
</STYLE>
</HEAD>

Заголовки первого уровня будут представлены зеленым курсивом, а заголовки второго уровня - красным цветом:

Заголовок первого уровня

Заголовок второго уровня

Или например, золотой на черном фоне в красной штриховой рамке, выровненный по центру:

Заголовок первого уровня

Задается с помощью таблиц стилей следующим образом: 


<HEAD>
<TITLE>... название документа ...</TITLE>
<STYLE type="text/css">
H1 { color: gold;   //цвет - золотой
     text-align: center;  //выравнивание - по центру
     background-color: #000000;  //цвет фона - черный
     border-style: dashed;  //стиль рамки - пунктирный
     border-color: red   //цвет рамки - красный
   }
</STYLE>
</HEAD>

Для элементов H1 - H6 начальный тэг - обязателен, конечный - обязателен.

Атрибуты:

id, class - идентификаторы в пределах документа.

lang - информация о языке.

dir - направление текста.

title - заголовок элемента.

style - встроенная информаци о стиле.

align - выравнивание.

Атрибут align является нежелательным, вместо него для выравнивания текста лучше использовать свойство text-align таблиц стилей, как в примере выше.

Идентификаторы элементов: атрибуты id и class

id - Этот атрибут назначает элементу имя. Имя в пределах документа должно быть уникальным.

Атрибут id может использоваться в HTML несколькими способами:

  • Способ выбора таблицы стилей
  • Назначение цели (якорь) для гипертекстовых ссылок
  • Средство ссылки на определенный элемент сценария
  • Имя объявленного объекта OBJECT
  • В целях обработки агентами пользователей (например. для полей идентификации при извлечении данных из страниц HTML в базу данных, преобразовании документов HTML в другие форматы и т.д.)

Например атрибут id может использоваться для задания ссылок на определенные части одной и той же страницы. Для этого нужно "пометить" идентификатором какой-либо элемент. И в ссылке для атрибута href задать значение вида #id

Например для этой ссылки в качестве значения атрибута href задано значение #link и при нажатии на нее вы переместитесь в пределах этой страницы к следующему абзацу

Этот абзац имеет идентификатор link, на него будет прокручена эта страница при нажатии на предыдущую ссылку.

А код вот такой:

<a href="#link">Например для этой ссылки в качестве значения атрибута href задано значение #link и при нажатии на нее вы переместитесь в пределах этой страницы к следующему абзацу</a>

<p id="link" align="JUSTIFY"> <h3>Этот абзац имеет идентификатор link, на него будет прокручена эта страница при нажатии на предыдущую ссылку.</h3>

Можно переместиться по ссылке к определенному элементу не только в пределах одной страницы, а также и на другие страницы. Например, чтобы переместиться к абзацу с идентификатором link на сайте site.ru и странице page.htm со ссылки на другой странице, нужно ее задать так:

<a href="http://www.site.ru/page.htm#link">Эта ссылка находится в другом месте</a>

Это называется заданием якоря для гипертекстовых ссылок. Для задания якоря чаще используется атрибут name, о нем в другом выпуске рассылки.

Атрибут class, с другой стороны, назначает одно или несколько имен классов элементу. Имя класса может использоваться несколькими экземплярами элемента, а не только одним как с id. Атрибут class имеет в HTML несколько ролей:

  • Способ выбора таблицы стилей (когда автор хочет назначить информацию о стиле набору элементов).
  • Для общей обработки агентами пользователей.

Почти каждому элементу HTML может быть назначен идентификатор и информация о классе.

Предположим, мы пишем документ о языке программирования. Этот документ должен включать ряд отформатированных примеров. Для форматирования примеров мы используем элемент PRE. Мы назначаем цвет фона (зеленый) всем экземплярам элемента PRE, принадлежащим классу "example". 


<HEAD>
<TITLE>... название документа...</TITLE>
<STYLE type="text/css">
PRE.example { background : green }
</STYLE>
</HEAD>
<BODY>
<PRE class="example" id="example-1">
...код примера...
</PRE>
</BODY>

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

Или например, если для всех абзацев задано выравнивание по ширине, а для некоторых нужно сделать выравнивание по центру. 


<HEAD>
<TITLE>... название документа ...</TITLE>
<STYLE type="text/css">
 P { align: justify }
 P.center {align: center}
</STYLE>
</HEAD>

Абзацы класса center будут выровнены по центру.

Еще один отзыв о проекте En101

Здравствуйте! Меня зовут Женя.
Я хочу поблагодарить вас за информацию о проекте En101. Я очень рад, что эта информация вовремя пришла ко мне в e-mail. А я ведь чуть не удалил ее как СПАМ :-)

Так вот, с помощью проекта En101 сегодня исполнилась моя мечта. Щас расскажу, как все было.

Проект En101 мне понравился сразу, но денег то у меня нет. Я ведь еще учусь в школе - мне 14 лет. Я показал сайт родителям, мы вместе посмотрели демо-уроки. Маме понравилось. А это важно, ведь она у меня переводчик. И она была рада, что и мне нравится тоже. Если мне нравится, значит я буду учиться и английский подтяну. А то в прошлой четверти трояк в четверти получил :-(

В общем мама дала мне денег на оплату и я стал партнером en101. Дальше я составил небольшое объявление и повесил в нашей школе. И написал, что если интересно, можно ко мне обращаться. Ну, думаю, получится может что-то. Ну и двум своим друзьям рассказал.

Целую неделю не было вообще никаких шевелений. Я уж подумал, что тухлое дело. Но потом вдруг ко мне подошли два пятиклашки с родителями. Типа, расскажи нам, как там и что, и посмотреть было бы интересно. Пошли в комьютерный класс, я им показал сайт, пару уроков из своего аккаунта. Так они мне сразу же деньги отдали за курс на полгода и оплатить попросили. Сами они не разбираются, как платить.

Я был просто в отпаде. Это же надо - работает!!! Потом еще люди приходили, кое-кто тоже решил учиться. В общем за неделю я подключил 5-х. А вчера, в понедельник, на мой счет в e-gold пришла комиссия 150 долларов. Я прямо дар речи потерял. Вот это да-а!!

Сегодня мама помогла мне снять деньги на счет в банке - на ее счет, мне то пока счет еще никто не откроет. И сегодня же я купил себе мобильный телефон!!! Я так давно о нем мечтал!!! Вот он сейчас рядом со мною лежит. Такой новенький, блестящий и МОЙ!!!

Вот! Извини за длинное письмо, меня просто от радости распирает!!! Еще раз спасибо.

Буду работать дальше, я теперь мечтаю о ноутбуке!!! А то мама долго компьютер занимает, меня только на часок пускает. А мне ведь и английский учить надо, и поиграть хочется.... :-)

Ну все. Пока

Женя.

А вы еще не с нами?

Присоединяйтесь: http://nbusiness.ru/En101/

Теперь вы можете совершенно БЕСПЛАТНО получить точно такой же сайт как мой (http://nbusiness.ru/En101/)

Подробности Здесь

До скорой встречи!

С уважением,
Виталий Прохоренко

По всем вопросам пишите: n_biz@mail.ru

Письмо автору
Архив рассылки
 Подписаться письмом Отписаться

Copyright © Виталий Прохоренко, 2005.

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.webhtml 		Отписаться
Вспомнить пароль
В избранное