Построим простейшую таблицу, состоящую из одной строки и двух столбцов.
| Текст1 | Текст2 |
Добавим рамку к нашей таблице. Для этого нужно в тег добавить border="1" ( Этот параметр определяет ширину рамки таблицы ), если нужна рамка толщиной 1 пиксель то можно написать border без параметров
| Текст1 | Текст2 |
Рамка появилась, но она какая то мрачная :) Попробуем разукрасить рамку, добавив еще один параметр bordercolor который определяет цвет рамки. Сделаем нашу рамку ядовито-красного цвета :).
Вот наша таблица с красной рамкой
| Текст1 | Текст2 |
Теперь
Текст
Что бы сделать отступ от рисунка до текста, обтекающего его, добавте к коду рисунка 2 параметра vspace="10" - отступ по вертикале, и hspace ="10" - отступ по горизонтале. 10 - это значение отступа в пикселях.
Например. Нужно текст поместить в рамку. Если мы не делаем отступов то результат будет такой
Стилевой параметр font позволяет устанавливать несколько параметров одновременно.
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family
font-style: normal | italic | oblique
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.
Нормальный текст
Курсив
Наклоный текст
font-variant: normal | small-caps
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.
Нормальный текст
Капитель
font-size: абсолютный размер | относительный размер | значение | проценты
Для задания абсолютного размера используются следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large.
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.
Текст 22 пикселя
Текст 2.5em
Текст 110%
font-family: имя шрифта [, имя шрифта[, ...]]
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
font-weight: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию)
Незабываем убирать галочку "Сохранять переводы строк в тексте." :)
ОБМАН М.А.Горенко 1 Весенним солнцем это утро пьяно, И на террасе запах роз слышней, А небо ярче синего фаянса. Тетрадь в обложке мягкого сафьяна; Читаю в ней элегии и стансы, Написанные бабушке моей. Дорогу вижу до ворот, и тумбы Белеют четко в изумрудном дерне. О, сердце любит радостно и слепо! И радуют пестреющие клумбы, И резкий крик вороны в небе черной, И в глубине аллеи арка склепа. 2 ноября 1910, Киев 2 Жарко веет ветер душный, Солнце руки обожгло, Надо мною свод воздушный, Словно синее стекло; Сухо пахнут иммортели В разметавшейся косе. На стволе корявой ели Муравьиное шоссе. Пруд лениво серебрится, Жизнь по-новому легка... Кто сегодня мне приснится В пестрой сетке гамака? Январь 1910, Киев 3 Синий вечер. Ветры кротко стихли, Яркий свет зовет меня домой. Я гадаю: кто там? - не жених ли, Не жених ли это мой?... На террасе силуэт знакомый, Еле слышен тихий разговор. О, такой пленительной истомы Я не знала до сих пор. Тополя тревожно прошуршали, Нежные их посетили сны, Небо цвета вороненой стали, Звезды матово-бледны. Я несу букет левкоев белых. Для того в них тайный скрыт огонь, Кто, беря цветы из рук несмелых, Тронет теплую ладонь. Сентябрь 1910, Царское Село 4 Я написала слова, Что долго сказать не смела. Тупо болит голова, Странно немеет тело. Смолк отдаленный рожок, В сердце все те же загадки, Легкий осенний снежок Лег на крокетной площадке. Листьям последним шуршать! Мыслям последним томиться! Я не хотела мешать Тому, кто привык веселиться. Милым простила губам Я их жестокую шутку... О, вы приедете к нам Завтра по первопутку. Свечи в гостиной зажгут Днем их мерцанье нежнее, Целый букет принесут Роз из оранжереи. Осень 1910, Царское Село
Вот что получится :)
Что бы было понятнее я уберу стили и тогда получится
У первого дива в стиле прописан фоновый рисунок background: url( 'http://.....').
Вместо моего Вы прописываете адрес своего рисунка.
Ширина width и высота height первого дива точно такая же как и высота и ширина фонового рисунка
Для каждого участка где будет размещаться текст создадим отдельный див. Для ТЕКСТ1 это второй див, для ТЕКС2 - третий.
Ширина и высота этох дивов такая как ширина и высота поля для вывода. В моем случае ширина width: 200px, высота height: 250px;
Все что осталось это вывести эти дивы в нужном месте. Для этого для каждого дива указываем отступ сверху margin-top и отступ слева margin-left
Вот собстевнно говоря и все :)))
Для наглядности я в дивах, в которых выводится текст, прописал в стиле border: solid 1px #f00000
( для другого дива цвет #0000f0 )
Вот что получилось
|
Загадочное слово «ксилит», постоянно используемое в рекламе жевательной резинки, на ее любителей оказывает прямо-таки гипнотическое воздействие. Ксилиту приписывают замечательные лечебные свойства, благодаря которым жевание «Орбитов» и «Диролов» предотвращает разрушение зубов. На самом же деле ксилит никакими лечебными свойствами не обладает. Но и сказать, что ксилит бесполезен, тоже нельзя. Дело в том, что патогенные микроорганизмы, которые разрушают зубную эмаль, размножаются в питательной среде - обычном углеводном налете. Этот налет мы удаляем, когда чистим зубы. Но можно очистить поверхность зубов и с помощью жевательной резинки, но только в том случае, если она сама при этом не содержит сахара. Поэтому производители жвачки и используют не сахар, а его заменители, например, тот же ксилит - очень сладкий спирт. Так же часто реклама жевательной резинки упоминает и карбамид, необходимый для восстановления кислотно-щелочного баланса. Этот загадочный карбамид - ни что иное, как... мочевина. Правда, производители жевательных резинок используют синтетическую мочевину - активное вещество, которое и нейтрализует кислоту. Что интересно, многие специалисты в области стоматологии считают, что для восстановления кислотно-щелочного баланса в полости рта совсем не обязательно жевать резинку, достаточно прополоскать рот теплой водой. http://www.ua.all-biz.info/news/index.php?newsid=286214 |
||
| Название | Цвет | Hex | Красный | Зеленый | Синий |
| black | #000000 | 00 | 00 | 00 | |
| red | #FF0000 | 255 | 00 | 00 | |
| lime | #00FF00 | 00 | 255 | 00 | |
| blue | #0000FF | 00 | 00 | 255 | |
| fuchsia | #FF00FF | 255 | 00 | 255 | |
| yellow | #FFFF00 | 255 | 255 | 00 | |
| aqua | #00FFFF | 00 | 255 | 255 | |
| white | #FFFFFF | 255 | 255 | 255 | |
| gray | #808080 | 128 | 128 | 128 | |
| green | #008000 | 00 | 128 | 00 | |
| maroon | #800000 | 128 | 00 | 00 | |
| navy | #000080 | 00 | 00 | 128 | |
| olive | #808000 | 128 | 128 | 00 | |
| purple | #800080 | 128 | 00 | 128 | |
| silver | #C0C0C0 | 192 | 192 | 192 | |
| teal | #008080 | 00 | 128 | 128 |