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

Учимся программировать на HTML

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

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

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

←   Сентябрь 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
Автор
Сергей

Статистика

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

Учимся программировать на HTML Выпуск 32


Информационный Канал Subscribe.Ru
.:: Cоздание Web сайта / изучение языков програмирования ::.
Выпуск № 32Подписчиков:
.:От автора:.
Всем привет! :)
 

Вопросы: за 2 недели НЕпоступило вопросов, думаю снижение количества вопросов было связано с началом учебного года.

 
 
 
Теперь можно будет задать вопрос и в On Line, посредством Аськи. Нахождение меня в онлайне индицируется на моем сайте под формой подписки.
 
С уважением!
                            TWA
 
 
Рассылка выходит при поддержке сайта www.twa.nm.ru, там же находятся выпуски рассылки которые можно посмотреть и прочитать, так же на сайте имеются готовые шаблоны и скрипты.

Если есть вопросы, пишите сюда

HTML:

Стили (CSS).

    CSS Cascading Style Sheets (Таблицы каскадных стилей) – это набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходиться каждый раз описывать эти свойства. Применяя CSS, Вы можете один раз описать свойства элементов и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами.

    Вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле – это позволит использовать описание стиля на любом количестве Web-страниц.

    Описания стилей находятся в тегах <STYLE></STYLE> и размешаются между тегами <HEAD></HEAD>. Приведем пример использования стилей, где слово "Пример" отображается шрифтом Comic Sans MS, если такого нет на машине пользователя, используется шрифт Tahoma, жирным шрифтом, размером 25 процентов и темно-зеленым цветом :

     

    Описываем стили под именем Example :
    <STYLE><!--
    .Example{font-family: Comic Sans MS, Tahoma; font-weight: bolder; font-size: 25pt; color: darkgreen;}
    --></STYLE>

    Здесь вызываем описания стилей :
    <div class="Example"> Пример </div>

     

    Если Вы распологаете стили в отдельном файле, тогда между тегами <HEAD></HEAD> каждого HTML документа нужно добавить ссылку на CSS файл:

    <LINK REL=STYLESHEET TYPE="text/css" HREF="Example.css">

    Example.css - это Ваш CSS файл, содержащий описание применяемых стилей. Если он находиться в другом каталоге, нужно указать к нему путь. Создается CSS файл в любом текстовом редакторе, например, в Блокноте, нужно будет только изменить расширение текстового файла на CSS. В CSS файле не должны указыватся теги <STYLE></STYLE>. Например:

     

    У нас есть файл Example.css, содержажий такие параметры (подчеркиваем ссылки только при наведении на них курсором):
    <!--
       A { text-decoration: none; }
       A:hover { color: #FF0000; text-decoration: underline; }
    -->

    Ссылка на него в HTML документе будет выглядить так:
    <LINK REL=STYLESHEET TYPE="text/css" HREF="Example.css">

    Вы можете определить стиль для любого тега отдельно. Для этого нужно в тег добавить элемент STYLE и описать его стиль в кавычках. Следующий пример отображает слово "Пример" шрифтом Verdana, размером 150 процентов и красным цветом.

    <H3 style="""font-family:Verdana; font-size:150%; color:red"> Пример </H3>

    В таблице приведены некоторые свойства элементов, управляемых с помощью CSS.

     

    Свойства шрифта:
    font-family Используется для указания шрифта или шрифтового семейства, которым будет отображаться элемент.
    Пример:
    P {font-family: Verdana, sans-serif;}
    font-weight Определяет степень жирности шрифта с помощью трех параметров: lighter (обычный), bold (жирный), bolder (очень жирный)
    Пример:
    B {font-weight: bolder;}
    font-size Устанавливает размер шрифта. Параметр может указываться в процентах, пикселях или сантиметрах.
    Примеры использования для тегов H1, H2, H3:
    H1 {font-size: 200%;}
    H2 {font-size: 150px;}
    H3 {font-size: 400pt;}

    Свойства текста:
    text-decoration Устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркивание текста
    Пример использования для тега Н4:
    H4 {text-decoration: underline;} (подчеркивание)
    H4 {text-decoration: line-through;} (зачеркивание)
    text-align Определяет выравнивание элемента.
    Пример:
    P {text-align: left} (выравнивание по левому краю)
    P {text-align: right} (выравнивание по правому краю)
    P {text-align: justify} (выравнивание по ширине)
    P {text-align: center} (выравнивание по центру)
    text-indent Устанавливает отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой.
    Пример использования для тега H1:
    H1 {text-indent: 60pt;}
    line-height Управляет интервалами между строками текста.
    Пример:
    P {line-height: 50 %}

    Цвет элемента и фона:
    color Определяет цвет элемента I {color: yellow;}
    Пример использования для тега H3:
    H3 {color: #0000FF;}
    background-color Устанавливает цвет фона для элемента.
    Пример использования для тега H3:

    <H3 style="”background-color:gold;" color:brown;”> Пример </H3>
     

    Пример

    Свойства границ:
    margin-left (слево)
    margin-right (справо)
    margin-top (сверху)
    margin-bottom (снизу)    		 Устанавливают значения отступов вокруг элемента.
    Пример использования для рисунка:
    IMG { margin-left: 20pt}
    IMG { margin-right: 20pt}
    IMG { margin-top: 20pt}
    IMG { margin-bottom: 20pt}
    Единицы измерения:
    px Пиксели
    cm Сантиметры
    mm Миллиметры
    pt или % проценты
     

Скрипты и HTML примеры:

В качестве бонуса несколько вариантов:

Курсоры.

      Здесь представлены курсоры, которые Вы можете использовать на своих страницах. Для отображения соответствующего курсора нужно создать таблицу и поместить тест между любыми из представленных ячеек:

      cursor:crosshair <td style="CURSOR:crosshair;>" Ваш текст </td>
      cursor:move <td style="CURSOR:move;>" Ваш текст </td>
      cursor:e-resize <td style="CURSOR:e-resize;>" Ваш текст </td>
      cursor:ne-resize <td style="CURSOR:ne-resize;>" Ваш текст </td>
      cursor:nw-resize <td style="CURSOR:nw-resize;>" Ваш текст </td>
      cursor:n-resize <td style="CURSOR:n-resize;>" Ваш текст </td>
      cursor:sw-resize <td style="CURSOR:sw-resize;>" Ваш текст </td>
      cursor:se-resize <td style="CURSOR:se-resize;>" Ваш текст </td>
      cursor:s-resize <td style="CURSOR:s-resize;>" Ваш текст </td>
      cursor:w-resize <td style="CURSOR:w-resize;>" Ваш текст </td>
      cursor:text <td style="CURSOR:text;>" Ваш текст </td>
      cursor:wait <td style="CURSOR:wait;>" Ваш текст </td>
      cursor:help <td style="CURSOR:help;>" Ваш текст </td>
       

Вы так же можете прислать свой пример: сюда и тогда их увидят все

На этом разрешите откланяться. продолжим на следующей неделе.

На правах рекламы:

Добро пожаловать в проект SEVEN

500 000 $ - результат доступный всем!

Лучшая партнерская программа

Заработок от рефералов:
1 уровень - 100%
2 уровень  - 100%
3 уровень   - 100%
4 уровень    - 100%
5 уровень     - 100%
6 уровень      - 100%
7 уровень       - 100%

 7 уровней рефералов - 
Вы получаете 100% прибыли за каждого реферала

Желаете узнать больше?
Только не закрывайте страницу или добавьте ее в избранное, чтобы не потерять

Минимум для выплаты не существует - 
все платежи идут к Вам в кошелек

Начинайте зарабатывать 
прямо сейчас!

 


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

 

Чтобы начать работать в проекте вы можете прямо сейчас загрузить программу абсолютно бесплатно

 СКАЧАТЬ
 
 Без ключа активации программа работает в демонстрационном режиме

После установки программы закажите ключ активации всего за 7 центов.
Номер кошелька для оплаты:

Z352218398540
В примечании оплаты напишите SEVEN
 Ключ высылается в WM Keeper после оплаты

Оплата производится через систему электронных платежей WebMoney


Интернет дает Вам все, чтобы построить свой собственный бизнес - 
не упускайте эту возможность!

Новые темы для голосования можно посмотреть тут http://twa.hut1.ru/art/index_x.php

Новое голосование: http://twa.hut1.ru/art/index_gol.php?idg=40

Результаты голосований на этой неделе: Можете предложить свою тему для голосования тут >>> тема голосования

Новые темы для голосования можно посмотреть тут http://twa.hut1.ru/art/index_x.php

 
 

вопросы и пожелания присылайте сюда, а интересные примеры сюда

 
При копировании материалов, ссылка на сайт обязательна.
Copyright http://www.twa.nm.ru/ 2004-2005 г. TWA ™         Россия. 		E-mail: Admin
ICQ: 232767006
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.724990 		Отписаться
Вспомнить пароль
В избранное