В этой теме будут выкладываться полезные уроки на тему "Как сделать". Вы научитесь вставлять картинки, делать ссылки, создавать простые таблицы, и т.д.
Уроки на тему "Как сделать?"
Сообщений 1 страница 9 из 9
Поделиться22013-07-23 22:41:53
Как сделать простую таблицу.
Таблица делается так:
<table style="border-collapse:collapse;width:100%;"><tbody><tr><td> ...............................Текст.................................... </td></tr></tbody></table>
Написав этот код, мы получим одну строчку с вашим Текстом. Начинается таблица с тега <table и заканчивается тегом </table>. Контент пишем между тегами <td> и </td>. Вот простой пример с четырьмя столбцами и двумя строками:
<table style="border-collapse:collapse;width:100%;"><tbody><tr><td>Текст 1</td><td>Текст 2</td><td>Текст 3</td><td>Текст 4</td></tr><tr><td>Текст 5</td><td>Текст 6</td><td>Текст 7</td><td>Текст 8</td></tr></tbody></table>
width:100% обозначает ширину всей таблицы. У нас стоит значение в 100%, значит таблица будет шириной по размеру окна. Можно поставить любое значение в процентах или пикселях.
Вот код той же таблицы, но с рамкой в 1 пиксель:
<table style="border-collapse: collapse; width: 100%; border: 1px solid black;" width="" align=""><tbody><tr><td style="border: 1px solid black;">Текст 1</td><td style="border: 1px solid black;">Текст 2</td><td style="border: 1px solid black;">Текст 3</td><td style="border: 1px solid black;">Текст 4</td></tr><tr><td style="border: 1px solid black;">Текст 5</td><td style="border: 1px solid black;">Текст 6</td><td style="border: 1px solid black;">Текст 7</td><td style="border: 1px solid black;">Текст 8</td></tr></tbody></table>
border: 1px solid black - означает, что у толщина рамки 1 пиксель, а её цвет черный.
Заказать таблицу бесплатно можно в этой теме..
Поделиться32013-07-23 22:45:41
Как вставить картинку.
Картинку можно вставить использую такой код:
<img src="Ссылка на картинку" alt="Название картинки">
Поделиться42013-07-23 22:48:51
Как выровнять текст.
Текст можно выровнять по левому краю, правому краю и по центру.
<div style="text-align: center;">Текст</div>
left - по левому краю.
center - по центру.
right - по правому краю.
Поделиться52013-07-23 22:52:44
Как сделать ссылку.
Код:
<a href="Адрес ссылки" target="_blank">Название ссылки</a>
_blank - ссылка откроется в новой вкладке.
_self - ссылка откроется в этой же вкладке.
_parent - ссылка откроется в родит-ом окне.
Поделиться62013-07-23 22:55:09
Как сделать текст цветным.
Код:
<span style="#fff;">текст </span>
Вместо #fff укажите свой цвет.
Поделиться72013-07-24 01:52:58
Как сделать фон для текста.
Код:
<span style="background-color: #fff;">Тестовый текст</span>
Вместо #fff указываете свой цвет.
Поделиться82013-07-24 01:55:27
Как изменить размер текста.
Код:
<font size="7" style="font-size: 36pt;">Тут Ваш текст </font>
Вместо 36 пикселей пишите, которые Вам нужны.
Поделиться92013-07-24 01:59:22
Как изменить шрифт.
Код:
<font face="Comic Sans MS">Тут Ваш текст </font>
Вместо Comic Sans MS указываете название, нужного Вам шрифта. Названия шрифтов можно посмотреть в графическом редакторе.