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

HTML - это просто!

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

При закрытии подписчики были переданы в рассылку "Заработок в Интернет: cоздание, продвижение и монетизация сайта/блога" на которую и рекомендуем вам подписаться.

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

←   Июнь 2004   →
 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
25.06.2004
03:59:00
04:46:17
26
27
28
29
30
Автор
Vazio

Статистика

78 подписчиков
0 за неделю
←   Все выпуски   →

HTML - это просто!


Информационный Канал Subscribe.Ru
HTML -  
 это просто!

Выпуск #2 Рассылка сайта MZero
Меню
  Дизайн
  Программирование
  Flash games
  Wallpapers

Контакты
  Сайт: www.mzero.by.ru
  Mail: magazine_zero@list.ru
  ICQ: 155828635
  Vazio angelos@bk.ru
  MSN Messenger: vazio@msn.com

Журналы 		Содержание

Внимание в рассылке содержаться орфографические ошибки, не принимайте её, как эталон правописания!



| Глава #2 | Клуб Icq |

  | Глава #2 |

Здравствуйте подписчики, вот и подошёл к выпуску второй урок по HTML. Как я и обещал сегодня мы изучим тэги body, meta, тэги форматирования текста и их атрибуты.

Начнём с тэга <BODY> и его атрибутов. Как вы поняли из прошлого урока тэг <BODY> идёт сразу после </HEAD>, тэг <BODY> имеет закрытый тэг </BODY>, он ставиться в конце страницы. И как мы учили, все что находиться между <BODY> и </BODY> отображаеться на странице. Вроде все понятно. Передём к атрибутам этого тэга. Итак возмите тетрадку с ручкой и записывайте.

Тэг <BODY> имеет атрибуты:

bgcolor= - устанавливает цвет фона страницы, например вы видите справа чёрную колонку, она залита чёрным цветом благодаря атрибуту bgcolor, как пишеться bgcolor="цвет", цвет пишеться как названием цвета на английском (пример red, black, blue), так и ввиде RRGGBB (пример 000000 - черный цвет), полную базу цветов ввиде RRGGBB, я представлю в одной из следующих уроков.

background= - тоже заливает фон, но уже изображением, указывает на интернет адрес картинки (пример background="http://www.site.ru/изображение"), так и локальный адрес (пример background="папка/изображение). Внимание при указании изображения, обязательно нужно писать её расширение (например изображение.jpg (jpeg, gif и т.д.)).

text= - нежелательно его использовать в тэги <BODY>, но так как он там присутствует мы разберём и его. Он указывает цвет текста на вашей странице. Также как и для атрибута bgcolor, ему присваиваются цвета ввиде слов и ввиде RRGGBB (пример text="black" или тоже самое text="000000")

link= - так же нежелательно использовать. Устанавливает цвет гиперссылок (ссылок ссылающихся на другие страницы, например на сайте вы нажимаете на какую ту надпись и открываеться новая страница, эта надпись и есть гиперссылка). Атрибут использует значение цвета в виде RRGGBB (пример link="FF0000" - красный цвет),либо используя константы цвета,например для красного цвета текста (link= "red")

vlink= - нежелательный. Устанавливает цвет гиперссылок на которых вы уже побывали, также использует значение цвета в виде RRGGBB (пример: vlink="FFFFFF" - белый цвет), так и ввиде константы цвета ( vlink="white" - белый цвет)

alink= - нежелательный. Устанавливает цвет гиперссылок при наведении или нажатии. Например, на этой странице ссылки становятся красными при наведении, нажатии мышкой. Также использует значение цветов ввиде RRGGBB и константов цветы "red" ( пример alink="FFFFFF").

Дальше я буду писать цвета только ввиде RRGGBB. Как узнать как выглядит цвет ввиде RRGGBB очень просто, например в PhotoShop'е при вызове "Color Picker" или попросту говоря при выборе цвета не на политре а сомостоятельно по гамме. Вы можете видеть поле с 6 символами (перед ними стоит знак #) при выборе цвета они меняют, поставте нужный вам цвет, затем посмотрите на поле с 6 символами, эти символы и есть ваш цвет ввиде RRGGBB. bgproperties=fixed - Фоновое изображение прокручиваться не будет. Т.е. текст будет двигаться при прокручивание страницы, а фон - нет. Данный параметр поддерживается только Internet Explorer.

Понятно дело, что в тэг <BODY> можно писать все атрибуты сразу, но обычно так не делают.

Теперь объединим всё что мы знаем, в одну интернет страницу. Вот так:

<html>
<head>
<title>
Моя первая страница
</title>
</head>
<body bgcolor="000000" background="" link="FFFFFF" alink="FF0000" vlink="FF0000" text="FFFFFF" >
Ваш текст
</body>
</html>

Скопируйте этот код и сохраните как html страницу и посмотрите результат. На данный момент атрибуты link, vlink, alink отображаться не будут так как мы не сделали гипрессылок. Но о гиперссылках позже

Поговорим о тэге Meta. Они не обязательны если вы не собираетесь выкладывать ваши html-страницы в интернет, но если всёже собираетесь, очень настоятельно рекомендую, воспользоваться ими. Так как, этот тэг несёт информацию о вашей интернет странице. Например при запросе поисковика типа Yandex, вы получаете информацию о сайте взятую именно из тэга Meta. И так разберемся каких видов бывает этот тэг и где он располагаеться.

Располагаеться он между тэгами <head> и </head> и этот тэг не имеет закрывающегося тэга </meta>. Теперь поговорим о видах этого тэга. Рассмотрим их напрмерах:

<META HTTP-EQUIV="Expires" CONTENT="Mon, 25 Sep 2002 00:02:01 GMT">

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

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">

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

<META HTTP-EQUIV="Refresh" CONTENT="x; URL=http://mzero.by.ru/">

Используется для того, чтобы браузер автоматически переключался на новый адрес через x секунд

<META name="author" content="Vazio">

Используется для указания имени автора. Поисковые системы могут найти нужный сайт по имени автора (или найти самого автора).

<META name="copyright" content="&copy; 2004 Mzero">

Полезно также указать и авторские права  название фирмы почти наверняка будет проиндексировано поисковой машиной.

<META name="keywords" content="META, HTML, WWW, Web, паутина, поиск, определение, рекомендации, примеры использования, урок, руководство, информация, справка, Netscape, Microsoft Internet Explorer">

Список терминов и ключевых слов  это то, что является самым главным при индексировании Вашего сайта поисковой машиной! Длина содержимого тегов МЕТА "keywords" не должна превышать 1000 символов

<META name="description" content="HTML - это просто! Учим html.">

Краткое описание Вашего сайта, используемое поисковым сервером для индексирования, и, как правило, вставляемое в текст страницы найденных совпадений в качестве описания Вашего сайта. Длина содержимого тегов МЕТА "description" не должна превышать 200 символов

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

Отключает Панели управления изображениями. Обычно используют при выводе баннеров, фона картинки, карты изображения и др., когда вывод данной панели нежелателен

<META HTTP-EQUIV="MSThemeCompatible" Content="No">

Поддержка интефейса, используемого в Windows XP. Если вы пользуетесть Windows XP, то Internet Explorer 6 использует новый внешний вид некоторых элементов (кнопки, полосы прокрутки), как в Windows XP. Вы может отключить эту поддержку Вроде всё понятно, теперь вставим это в нашу html-страницу:

<html>
<head>
<title>
Моя первая страница
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
<META name="author" content="Vazio">
<META name="description" content="HTML - это просто! Учим html.">
<META name="keywords" content="META, HTML, WWW, Web, паутина, поиск, определение, рекомендации, примеры использования, урок, руководство, информация, справка, Netscape, Microsoft Internet Explorer">
<META name="copyright" content="&copy; 2004 Mzero">
</head>
<body bgcolor="000000" background="" link="FFFFFF" alink="FF0000" vlink="FF0000" text="FFFFFF" >
Ваш текст
</body>
</html>

Вроде с Meta тэгом разобрались, теперь разберём тэги форматирования текста. Их очень много, но я вам покажу только самые популярные. Начнём:

Тэг <B> - делает текст жирным (пример - жирный текст). Обязательно закрытый тэг.

Тэг <U> - делает текст подчеркнутым (пример - подчеркнутый текст). Обязательно закрытый тэг.

Тэг <TT> - делает текст моноширным (пример - моноширным текст). Обязательно закрытый тэг.

Тэг <I> - делает текст курсивным (пример - курсивный текст). Обязательно закрытый тэг.

Тэг <BR> - переводит текст на новую строку (пример

это очень длинный и неудобно читаемый текст

а это удобный и не длинный
текст с применением тэга <Br> ).

Тэг <Hx> - для создания заголовка. Имеет 6 видов заголовков (от H6 до H1). Самый большой заголовок при H6, а самый маленький при H1. Обязательно закрытый тэг. Тэг имеет атрибуты:

 align   Выравнивает заголовок в соответствии со следующими значениями:

 center   По центру

 left   По левому краю

 right   По правому краю

 title   Всплывающая подсказка

Пример

Очень большой заголовок с тегом <H1>

Заголовок поменьше с тегом <H2 title="я-подсказка!">

Еще меньше с тегом <H3 align=right>

Маленький заголовок с тегом <H4>

Очень маленький заголовок с тегом <H5>
Самый маленький заголовок с тегом <H6 align=center>

Тэг <FONT> - определяет выводимый шрифт, его цвет и размер. Закрывающий тег требуется.

Атрибуты

color Устанавливает цвет текста, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета

например для зеленого цвета

face Определяет гарнитуру шрифта

size Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3

Примечание: Атрибуты можно объединять

Пример

Это обычный текст
А это уже текст с использованием тега <font size=1>
Текст с использованием шрифта семейства courier
Используем тег <font size=5 color="blue">

Тэг <MARQUEE> - тэг двигает текст, либо прокручивает. Обязательно закрытый тэг.

Атрибуты

BEHAVIOR=ALTERNATE | SCROLL | SLIDE

Определяет вид скроллинга

ALTERNATE Колебательные движения налево и направо

SCROLL Перемещение текста в направлении, указанном в DIRECTION. Достигнув края экрана, надпись появляется снова с противоположной стороны

SLIDE Схоже с SCROLL, но текст перемещается только один раз и останавливается

DIRECTION=DOWN | LEFT | RIGHT | UP

Определяет направление скроллинга

DOWN Движение вниз

LEFT Движение справа налево. По умолчанию

RIGHT Движение слева направо

UP Движение вверх


Пример ALTERNATE SCROLL SLIDE

Пишеться это чудо так: 

<MARQUEE BEHAVIOR=ALTERNATE DIRECTION="right">Здесь ваш текст</MARQUEE>

Тэг <P> - создает новый параграф. Необязательно закрытый тэг. Два или более тега <P>, идущих подряд, заменяются одним

Параметры

align Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center

left выравнивание по левому краю. По умолчанию

right выравнивание по правому краю

center выравнивание по центру

justify выравнивание по ширине

title

Всплывающая подсказка

Пример

Выравниваем параграф по правому краю с помощью соответствующего

атрибута <p align="right">

Тэг <SMALL> - выводит более мелкий текст. Обязательно закрытый тэг.
Пример:
это обычный текст.
а это текст с применением тэга <SMALL>

Тэг <sub> - приспускает текст. Обязательно закрытый тэг. Пример: H20

Тэг <sup> - приподнимает текст. Обязательно закрытый тэг. Пример: 32=9

Тэг <pre> - обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка. Пример: 

Рассылка сайта и
         журнал Mzero
                Выпуск #2

В следующем выпуске: Таблица, Списки, Звук.

  | Клуб Icq |

Клуб Icq или в народе аси, создан для людей любящих общение, ищущих интересные знакомства с интересными людьми.

Для того чтобы вступить в клуб нужно прислать мне на емайл, следуюющие письмо:

Тема: Клуб Icq
Cодержание: Ваше Имя Фамилию или Ник*/ Интересы*/ Номер icq*/Ваши пожелания (откуда или каким должен быть ваш собеседник)/ Город/ Страна.
*- для обязательного заполнения

Или оставить сообщение в гостевой с темже Содержанием

Что это даёт вам:
1) это расширит ваш круг общения
2) общение с людьми близких к вашим интересам

На данный момент в клубе находиться только два человека.Присоединяйтесь!

Name Интересы Номер Icq Мои пожелания Страна Город
Филипп Прус (Vazio) Web-design, html, интернет, дисскусии на разные темы, журнал Zero, книги, кино, новые технологии. 155828635 - Россия Spb
Самойлов Олег (***RaceR***) русский стиль рукопашного боя, общение с девушками и знакомства, web-дизайн, автомобили(изготовление). 313647175 пишите все или в асю или на мыло: oleg_rr@inbox.ru Россия, Татарстан Зленодольск
Крещук Максим (Makswell) Web-дизайн, кодинг на PHP, HTML,Css,Java Script, кодинг на Дельфи, плавание, программирование в общем... 279094608 Ищу помощников для создания сайта (сейчас изучаю необходимые технологии - летом буду делать) - сразу предупреждаю: сайт о программирование и Web-программировании... присоединяйтесь - посредники... моё мыло corel86@mail.ru. - это интересы... Россия Пенза


  | Друзья |

Такавых пока не много, но выможете стать нашим другом, достаточно разместит у вас на сайте в рассылке или просто в вашнй подписи ссылку на нас. И здесь и в журнале появиться ссылка на ваш сайт или то что вы захотите (в текстовом варианте).

BestForum - Наверное лучший форум. Его ведут 10 модераторов. 3808 темы, 14358 человек (с каждым разом прибавляется), 55149 сообщений. Самому форуму уже три года. Этот форум может стать по праву вторым домом.

www.SupeO.nm.ru - Домашняя страничка Самйолова Олега, где есть еще много чего. ЗАХОДИ! НЕ ПОЖАЛЕЕШЬ!


Всегда ваш, Прус Филипп ака Vazio


наверх

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу

В избранное