<img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ">
При наведении на картинку появляется Окошко-подсказка
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title
Картинка кликабельна и появляется Окошко-Подсказка
Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .
Картинка с отступами и выравниванием по левому краю
Атрибут align="left" - значит с лева
Атрибут align="justify" - значит выравнивать
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .
Картинка с отступами и выравниванием по правому краю
Атрибут align="right" - значит с права
Атрибут align="justify" - значит выравнивать
Жаль, что мы не рисуем прямо глазами. Как много пропадает на длинном пути от глаз через руку к кисти.
/Г. Лессинг/
Произведение, которое читают, имеет настоящее. Произведение, которое перечитывают, имеет будущее.
/А. Дюма-сын/
<p align="justify"><img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" align="left">ВАШ ТЕКСТ</p>
Картинка без отступов , с выравниванием по левому краю
Если поменять атрибут align="left" на align="right" - то получите Картинку без отступов , с выравниванием по правому краю .
Обратите внимание , что ваш текст должен быть поделен на две части Первая часть пишется -- перед кодом , Вторая -- после .
Первая часть текста <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align="middle" border="0"> Вторая часть текста
Картинка в середине Текста
Атрибут align="middle" - значит середина
Стихи писать я не умею,
Но мысли изложить могу…
Я просто от тебя балдею
И не во сне, а наяву.
… Десяток тополей качают стан,
чаруя городок провинциальный.
Осенний парк, с площадкой танцевальной,
роняет листья в выцветший фонтан.
На площади, какой то музыкант,
играл на скрипке полонез забытый,
Да так, что дождь холодный и сердитый,
Почти притих, признав его талант.
Прохожие поднявшие зонты
толпились, подступали ближе робко.
Бросали пятаки ему в коробку,
благодаря за звуки красоты.
И таял город в свете фонарей,
Под звуками мелодии пьянящей
И плыл мотив по тишине звенящей,
И стали все от музыки добрей…
<fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset>
Рамка с разрывом Картинки
<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Рамка с разрывом Текста
Таблица в 2 ряда и 2 столбца
СМАЙЛИК
СМАЙЛИК
TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги.
TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен.
TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег.
Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично
Атрибут BORDER - задает толщину рамки таблицы в пикселах.
Объединяем верхнии ячейки
ШПАРГАЛОЧКИ
Используя эту Формулу можно строить и другие таблицы
ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек.
Возможные значения: left , center , right . Значение по умолчанию – left .
Добавляем атрибут cellspacing и так же таблица по центру
Ряд 1 Ячейка1
Ряд1 Ячейка2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.
WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.
Так же можно изменить цвет таблицы - Фон
Ряд 1 Ячейка 1
Ряд 1 Ячейка 2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
Ряд 1 Ячейка 1
Ряд 1 Ячейка 2
Ряд 2 Ячейка 1
Ряд 2 Ячейка 2
Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый .
Философская игра Цель: Логическая игра, в которой вам предстоит побывать в роли создателя. Причем не на библейский мотив, где практически все было создано резко – а пройти трудный путь создания, начиная от четырех основных элементов. Ровно четыре элемента, из которых предстоит создать весь мир – природу, стихии, животных, человека, цивилизацию. Вроде простенькая игра, но захватывает. Много интересных моментов. Отделение современного мира от магического (мира, где были и колдуны, и вампиры), рождение религии, разделение на грешников и правидников, падения человека в разные страсти и т.д. Игра для любителей задуматься на высокие темы. Управление: Мышка и логика. Мышкой вам потребуется выбирать нужные группы и элементы в них, и соединять с другими элементами. А вот с логикой сложней. Сначала конечно будет легко, что и с чем не скрести – новый элемент. Но потом, когда «метод тыка» перестанет быть столь актуален – придется думать. А именно какие элементы подходят для скрещения, и что выйдет из их союза – «водка+автомат=русская рулетка», «птица+огонь=феникс», «зверь+одушевление=человек» и т.д. В верхнем меню: число элементов (разгадано/всего); очки; В нижнем меню: назад/выход; подсказка 1 – указывает две группы, элементами которых можно поэкспериментировать для создания нового; подсказка 2 – указывает будущий элемент, а вы должны понять, что нужно скрестить для его создания; краткая инструкция к игре; звук.