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

Создание собственного сайта от А до Я.

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

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

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

  Октябрь 2005   →
 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
29
30
31
Автор
Студия Мастера Монтажа

Статистика

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

Создание собственного сайта от А до Я. Тэги форматирования текста. Доп.параметры ссылок.


Информационный Канал Subscribe.Ru

Тэги форматирования текста. Доп.параметры ссылок.

Во первых приношу свои извинения, за задержку выпуска. Причиной этому послужили, напряги на работе. Буду стараться выпускать по два выпуска в неделю, но возможно и по одному, прошу понять.
Радует, что по моим урокам, создается еще один ресурс (в колонке "Строим вместе"). Буду, наедятся, что количество сайтов будет увеличиваться.
Уже вышедшие уроки, можно прочесть по этой ссылке. Если вы по какой-либо причине пропустили прошлый выпуск, рекомендую перед чтением этого урока, пройти первый урок.
Web Coder, именно на нее ориентируясь, будут написаны уроки. Поэтому все кто желает понять и свободно владеть HTML , качаем по этой ссылке (600 кб).
Ну, все приступаем.
В сегодняшнем уроке мы разберем основные тэги форматирования текста, а также дополнительных параметры ссылок.

Тэги форматирование текста.

Тэгов форматирования текста множества. Разобрать их в одном выпуске просто не возможно. Я расскажу вам об основных тэгах, которые, по моему мнению, вы часто будете использовать в будущем.
Вы спросите - "а зачем форматировать текст?". Это нужно делать по нескольким причинам:
1. - для удобства чтения. Так вы сможете выделять важные части вашего текста. Это облегчить поиска нужного для посетителя. Ведь мы создаем страницу не для себя, а для пользователей. И в первую очередь для вас должны быть приоритетными интересы именно посетителей.
2. - это важно для поисковых пауков (оптимизации для поисковиков, будет посвящен отдельный выпуск).

Параметры тэга <FONT>

Цвет текста:

Пример = Пример цветовой окраски текста
<font color="#008000">Пример цветовой окраски текста</font>
Как вы можете видеть слова расположенные в контейнере <font color="#008000"> </font>. Окрашиваются в цвет указанный в параметре color.

Размер текста:

Пример = Увеличение размера текста.
<font size="4">Увеличение размера текста</font>
Размер текста в контейнере, задает параметр size. Возьмите произвольный текст, и попробуйте сделать часть текста одним размером, а другую другим. Получилось?

Шрифт текста:

Пример = Текст - шрифт Arial Black.
<font face="Arial Black">Текст - шрифт Arial Black.</font>
За тип шрифта отвечает тэг face. Запомните главное, у посетителя должен быть установлен шрифт, который вы указываете. Чаще всего используются следующие шрифты - Arial, Courier, Times new roman, Tahoma. Если вы не указываете тип шрифта, ваш текст будет отражаться с использованием шрифта "по умолчанию".

Совмещение параметров:

Пример = Комбинирование параметров.
<font face="Arial Black" color="#008000" size="4" >Комбинирование параметров.</font>
То есть, как вы можете видеть, можно всего одним тэгом задать несколько параметров отображения текста. Параметры можно прописывать в произвольном порядке, от перестановки данных внутри тэга, результат не меняется.
Задание = Попробуйте самостоятельно отформатировать текст вот так:
Я изучаю азы HTML, в будущем я буду свободно владеть этим языком.
Проверить свое решение, с моим решением, можете в конце рассылки. И не надо сразу брать готовый результат, попытайтесь сами. Только потом, сравните, так вам будет легче разобраться в азах использования этого тэга. В моем решении показано, как это можно осуществить с оптимальным использованием тэгов.

Использование заголовков

Так вы можете выделить разделы вашего текста. Не пренебрегайте этим.

<H1> Заголовок №1</H1>

<H2> Заголовок №2 </H2>

<H3> Заголовок №3 </H3>

<H4> Заголовок №4 </H4>

<H5> Заголовок №5 </H5>
<H6> Заголовок №6 </H6>
!!! Выделяйте главные и второстепенные заголовки. !!!

Выравнивание текста

Выравнивание осуществлеятся тэгом <p>  </p>
  • по левому краю - <p align="left">текст</p>
  • по правому краю - <p align="right">текст</p>
  • по правому краю - <p align="center">текст</p>

Жирный, подчеркнутый, курсив.

За тип отображения текста отвечают следующие тэги:
  • жирный - <b>пример</b>
  • курсив - <i>пример</i>
  • подчеркнутый - <u>пример</u>
  • зачеркнутый - <s>пример</s>
Возможно комбинирование:
Пример = пример сочетания тэгов.
<b><i>пример</i> <u><s>сочет</s>ания</b> тэгов.</u>
Проверьте самостоятельно действие тэгов. Главное помните, каждый открытый тэг должен закрываться.

Спецсимволы.

Часть символов, возможно отобразить тэгами. Вот часть из них:
  • &lt; - <
  • &gt; - >
  • &quot; - "
  • &nbsp; - пробел
  • &amp; - &
Вероятнее всего эти тэги вам не понадобятся. Вот собственно основные тэги форматирования текста. В будущем расскажу еще о части тэгов, которые не вошли в этот урок. Но думаю, вам хватит вполне и этих тэгов. Пробуйте, проверяйте работу тэгов самостоятельно, берите произвольный текст и форматируйте. Вы можете 1000 и один раз читать этот выпуск, но так и не ничего понять, Если вы хоть раз попробуете сами отформатировать текст, все станет на свои места. Это обучающая рассылка, а не информативная, от вас требуются действия, это конечно, если вы действительно собираетесь покорить HTML. И отбросьте мысли - "что у вас не получится", "а зачем мне это, если уже в сети 1000000 сайтов, мой ни кому не будет нужным". Все у вас получится, было бы только желание!!!

Дополнительные параметры ссылок

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

Параметр TITLE.

Это своего рода подсказка. Появляющаяся при наведении на ссылку.
Пример = softsmm@mail.ru
<a href="mailto:softsmm@mail.ru" title="написать Автору рассылки">softsmm@mail.ru</a>
Рекомендую подписывать каждую ссылку. Так вы облегчите навигацию по вашему ресурсу.

Параметр TARGET.

Указывает браузеру, как открыть ссылку - в новом окне, или в другом.
Пример = Ссылка откроется в новом окне.   Ссылка откроется в этом же окне.
<a href="http://softmm.h15.ru" target="_blank">Ссылка откроется в новом окне.</a>
<a href="http://softmm.h15.ru" target="_top">Ссылка откроется в этом же окне.</a>
Работу тэга, можно проверить только при открытии выпуска в браузере. Все почтовые клиенты, открывают ссылки в новом окне.

Параметры MAILTO:

Для ссылок, на электронную почту можно указать следующие дополнительные параметры:
  • ?subject=Тема пиcьма
  • &Body=Текст вашего сообщения
  • &cc=copy@mail.ru,copy2@mail.ru (копии письма через запятую)
  • &bcc=hidden_copy@mail.ru,hidden_copy2@mail.ru (скрытые копии письма через запятую)
Пример = softsmm@mail.ru
<a href="mailto:softsmm@mail.ru?subject=из_рассылки&cc=pupkin@mail.ru&bcc=anonim@mail.ru">softsmm@mail.ru</a>
Нажав на эту ссылку, вы отправите письмо на softsmm@mail.ru, с темой - "из_рассылки". А также копии по адресам pupkin@mail.ru и anonim@mail.ru
Я из всех этих параметров использую только параметр subject.

В следующем уроке я расскажу вам о графике в HTML документах.
Письма читателей.
А сделать главную страницу не по шаблону у меня не получается. Что-то делаю не так. Подскажите, что?
Прислал: Андрей
Все очень просто. Создайте страницу с именем index.html, именно эта страница буде отображаться при обращении к вашему ресурсу. Загрузить эту страницу нужно в корневую папку вашего ресурса!!!
Здравствуйте! Отличная рассылка, толковые, понятные уроки. Только что-то случилось ( после 2-го урока, 16 окт. ничего нет)? Я жду с нетерпением продолжения. Пока не попробовал, и не думал, что это меня так увлечет. По 2-му уроку со ссылками все понял, но пытался сделать на WebCodere кнопку со ссылкой на емайл, ничего не получилось. Хотел ставить такую кнопку в свои письма, т.е. пока нет своего сайта, хоть в письмах применить на практике эту новую для меня науку. Но  такая ссылка : написать Олегу   -работает,  а такая:      - нет, увы.  Хоть при наводе курсора и показывается спрятанный в ней адрес. Эх, а так бы хотелось отправить письмо с такой кнопочкой одной моей знакомой, которая только-только впервые села за компьютер, отправила первое письмо по емайлу, и жалуется, что не разберется, на какие кнопки нажимать. Не могу дождаться очередного урока. Может, подскажете, как оживить кнопку? Прислал: zoe2
Во первых спасибо за высказанное мнение по рассылке, приятно слышать хорошие отзывы читателей. Теперь на счет кнопки вы сделали все правильно, кнопка прекрасно работает (в браузерах), кнопка не работает в The Bat (а вероятней всего и других почтовых клиентах). В случае если вы хотите продемонстрировать работу кнопки в почтовых клиентах, рекомендую изготовить графическую кнопку. Думаю сделать ее, не составит проблем (если что пишите). Такой тип кнопок будет работать везде!!!!!
Свои вопросы, пожелания, замечания можете задать:
Полезная рассылка
Обзор софта с прямыми ссылками; Hi-tech новости; Юмор и многое другое Вы можете получать каждую неделю.
Подписаться через:
Subscribe  или  Rambler
Создают с нами:

  http://yurasite.narod.ru

  http://brigadir25.narod.ru


В этой колонке, будут ссылки на ваши проекты. Которые создаете по моим урокам. Достаточно выслать на softsmm@mail.ru адрес вашего ресурса. Внимание!!! Принимаются только ресурсы, которые создаются по моими урокам, содержание, наполнение значение не имеет.
Вся информация по рассылке доступна здесь. Вы можете скачать все выпуски рассылки.
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.htmlsmm
Архив рассылки 		Отписаться
Вспомнить пароль
В избранное