Изучае?языки HTML ?CSS

 

Ка?правильн?вставлять ко??окошко для кодо?
 

Многие сталкивают? ?проблемо? особенно на ЛиРу, чт?пр?вставлении кодо??кодово?окошко, ко??окне выстав?ет? не полность?- обрезают? "хвостики" ил?наоборот - начало кода, ил?когд??пост?блог?надо написать HTML-ко??виде текста ?многие этог?не умею? Та?чт?же делать, чтоб?ко?остался ?тексте сообщения виде?ка?HTML? Напишу нескольк?варианто? ка?эт?сделат? 1. Ко??использованием тэга <input Ко?баннер?можн?поставит?во??тако?окошечко. Эт?самы?просто?ви?окошечка, ?ег?используют ?основном для небольши?кодо?

Оформление плееро?на ли ру.
 

Размести??дневнике большо?количество небольши?по размер?рисунков. Для пример?я взя?6 анимированны?смыйлико?/p>

Для того чт?бы рисунк?располагалис?горизонтальн?необходимо убрать галочк??"Сохранять переводы стро??тексте.".

?специально взя?смайлы разног?размер? Попробуе?теперь сделат?выво?рисунков боле?логичным.
Больши?смайлы ?одно?колонк? маленьки?- ?другой

Для этог?построим таблиц?из двух колоно??трех стро?( по количеству смайло?одного размер?)

Коды рисунков смайло?( видн?пр?редактировании черновик?ил?пост?)

Чт?бы не гадать гд?како?рисуно?я ?кода?рисунков, ?alt подписал рисунк? alt - эт?альтернативный текс?которы?виде??то?случае если рисуно?по како?то причин?не може?быть показа?/p> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большо?" /> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большо?" /> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большо?" /> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленьки?" /> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленьки?" /> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленьки?" />

Вс?чт?теперь осталось эт?разместить рисунк?каждый ?свое?ячейк?таблиц?/p> <table border="1"> <tbody> <tr> <td> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большо?" /> </td> <td> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленьки?" /> </td> </tr> <tr> <td> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большо?" /> </td> <td> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленьки?" /> </td> </tr> <tr> <td> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большо?" /> </td> <td> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленьки?" /> </td> </tr> </tbody> </table>

Ширина первой ?второй колонк?не одинаковые чт?не всегда красив? Добави??нашу таблиц?ещ?одну строку Эт?строка задаст ширину колоно??200 пикселей ( можн?указат?ширину ?процента?от обще?ширины таблиц?)

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

Осталась самая малост? Разместить рисунк?по центру ячеек. Для этог?? добави?valign="middle" ?align="center"

Подпишем колонк? Для этог?добави?вначал?ещ?одну строку ?которо?вместо пропишем

Больши?смал?/th>	Маленьки?смайлы

Добави??каждом?смайлу название.

Ви?таблиц??гк?гово? не очен?:)

Больши?смал?/th>	Маленьки?смайлы
Большо?	Маленьки?
Большо?	Маленьки?
Большо?	Маленьки?

Исправим эт?добави?ещ?2 колонк?для названий смайло?/p>

Обратите внимание на то чт?добавилось ещ?дв?строки ? ?. Даже если ?ячейках ничего не выводится количество ячеек ?каждой строке должно быть одинаковым!!!!!

Название колоно?"Больши?смайлы ?маленьки?смайлы" не совсем правильн?расположен?/p>

Больши?смал?/th>		Маденьки?смайлы
	Большо?		Маленьки?
	Большо?		Маленьки?
	Большо?		Маленьки?

Объедени?попарн?ячейк??название?колоно?

Больши?смал?/th>		Маденьки?смайлы
	Большо?		Маленьки?
	Большо?		Маленьки?
	Большо?		Маленьки?

Не нравит? мн?грозны?красны?смай?:)). ?ег?выделю каки?то фоно?чт?бы он бросал? ?глаз?:). Добавл??ячеку ?этим смайло?фоновы?цвет

Заодно ?строку ?название?колоно?выделю фоно?/p> <table> <tbody> <tr bgcolor="#ccf0cc"> <th colspan="2" rowsapn="1">Больши?смал?/th> <th colspan="2" rowspan="1">Маденьки?смайлы</th> </tr> ..... ..... <td bgcolor="#f0cccc"> <img src="https://img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большо?" /> </td> <td bgcolor="#f0cccc">Большо?</td> <td> ....... ....... </td></tbody> </table>

Больши?смал?/th>		Маденьки?смайлы
	Большо?		Маленьки?
	Большо?		Маленьки?
	Большо?		Маленьки?

Сделае?этот грозны?смай?не таки?грозны? Размести?ег?на этом фоново?рисунк?:))

Для этог?добави??ячейк??этим смайло?параметр background

Больши?смал?/th>		Маденьки?смайлы
	Большо?		Маленьки?
	Большо?		Маленьки?
	Большо?		Маленьки?

Чт?ещ?творит??таблицей зависи?только от ваше?фантазии :)) Можн?каждую строку выделить свои?цветом добавиви ? параметр background. Можн?для каждой ячейк?ил?строки задать фоновы?рисуно?прописав background. Вместо текста ?ячейках можн?прописат?ссылки.

ps: Добавьте ?ко?рисунк?title="текс? ?пр?наведени?мышк?на рисуно?буде?выскакиват?подсказк??тексто?/p> <img src="https://img1.liveinternet.ru/images/attach/c/0//46/199/46199719_images.jpg" width="116" height="116" alt=" (116x116, 2Kb)" title="Эт?фоновы?рисуно? />