Шпаргалка - Мои статьи - Каталог статей - учитель технологии Светлана Голубева

Главная » Статьи » Мои статьи

Шпаргалка

~~ТЕКСТ~~

ТЕКСТ

ТЕКСТ

ТЕКСТ

ТЕКСТ

текст

&*nbsp;

^сноска

_сноска

вот так

&*#769;

Подведи курсор к тексту!

манипуляции с курсором

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

Наведите курсор на текст! Это default.

Наведите курсор на текст! Это auto.

Наведите курсор на текст! Это text.

Наведите курсор на текст! Это crosshair.

Наведите курсор на текст! Это e-resize.

Наведите курсор на текст! Это w-resize.

Наведите курсор на текст! Это n-resize.

Наведите курсор на текст! Это s-resize.

Наведите курсор на текст! Это ne-resize.

Наведите курсор на текст! Это sw-resize.

Наведите курсор на текст! Это nw-resize.

Наведите курсор на текст! Это se-resize.

Наведите курсор на текст! Это wait.

Наведите курсор на текст! Это hand.

Наведите курсор на текст! Это pointer.

Наведите курсор на текст! Это help.

Наведите курсор на текст! Это move.

Если вы желаете переопределить курсор мыши для всей веб-страницы целиком, а не только для ссылок, воспользуйтесь селектором BODY:

<html>

<head>

<style type="text/css">

body { cursor: crosshair }

</style>

</head>

Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:

На этом тексте курсор примет вид перекрестья.

Синтаксис:
На этом тексте курсор примет вид перекрестья.

Внимание!
Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.
Многих пользователей подобные изменения могут ввести в заблуждение: когда, например, вместо традиционной «руки», появляющейся при наведении на ссылку, возникает нечто другое.
В большинстве случаев лучше оставить все по умолчанию.

Тег SPAN

Тег SPAN предназначен для определения встроенных элементов документа. Иначе говоря, Элемент SPAN определяет контейнер для внутреннего текста.

В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью тега SPAN можно выделить часть информации внутри других тегов и установить для нее свой стиль.
Например, внутри параграфа (тега P) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег SPAN и определить для него стиль текста.

Вот несколько примеров применения этого тега:

ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ

ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ

СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ

СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ

КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ

КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ

ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ

ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ

ЗЕЛЕНАЯ ССЫЛКА на мой дневник ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ

ЗЕЛЕНАЯ ССЫЛКА<a href="http://www.liveinternet.ru/users/642108" target="_blank" style="color:red;text-decoration:underline;"> на мой дневник </a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ

коро сказка сказывается...

Скоро сказка сказывается...

Д а не скоро дело делается...

Д а не скоро дело делается...

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

Бегущая строка

1. <MARQUEE>Ваш текст</MARQUEE>
Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>
или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>
ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>
или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>
а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>
и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="ros.gif"></MARQUEE>

Работаем с графикой

"...Бабочки рассказывали ей свои секреты, а Цветы наперебой звали покачаться вместе на тонких стебельках. Но у нее был друг. К самому большому и красивому Цветку на поляне торопилась она каждое утро, чтобы вместе полюбоваться прозрачными капельками росы, в которых отражается весь мир!..."

А у нас наступило лето... Затопило нас ярким светом, и жара. Только ранним утром с побережья приносит бриз.А в Москве - снова дождь по крышам; будто чья-то улыбка свыше, будто радость пригоршней щедрой - звонко с тучки на тучку - вниз...Тех, на дождь кто ворчит, не слушай, а смелей - босиком по лужам, подставляя ладони брызгам, переливчатым, как алмаз. Улыбнись случайным прохожим; ну а вдруг нарисует дождик , пусть пунктиром, пусть неумело - там, под струями, вместе нас?

Линии и рамочки

Рисуем линии:

SIZE

COLOR

WIDTH

SIZE

DASHED

DOTTED

COLOR

Рисуем рамочки:

Здесь будет Ваш текст

border:3px #ff0000

background-color: #ffff00

dashed

solid

padding

margin

Первый поцелуй!

И такая рамочка

align

left

right

center

Разноцветные рамочки

Я принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что это просто девочка несет поляну на завтрак своему другу. Лесную. С земляникой. Ну и что. Не всем же кофе в постель.

Синтаксис:
<blockquote style="BORDER-LEFT: #F70000 3px solid; padding: 15px; BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid" padding: 15px></blockquote>

padding отступ текста от рамки внутри.

Можно добавить картинку:

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

Синтаксис для картинки:
<img src="k.jpg" align="right">

Кнопочки