Ознакомьтесь с нашей политикой обработки персональных данных
17:05 

Шпаргалка по HTML тэгам (часть 5)

La mignonne
27.06.2009 в 16:22
Пишет Kristabella:

Таблицы


Делаем таблицу из 4 столбиков:
Столбик 1
А
В
Столбик 2
А
В
Столбик 3
А
В
Столбик 4
А
В


border=1 — ширина рамки 1 пиксель
cellpadding=8 — расстояние между рамкой и текстом 8 пикселей
Размер таблицы автоматически подстраивается под текст

Чтоб записи в таблице были по центру используем:
align="center"
Столбик 1
А
В
Столбик 2
А
В



Пишем в ячейках:
Первая строка - первая ячейка Первая строка - вторая ячейка
Вторая строка - первая ячейка Вторая строка - вторая ячейка

Ставим ширину рамки 3 пикселя


Делаем таблицу без рамки:
1 1 1 1 1
2 2 2 2 2
3 3 3 3 3
Убираем border=


Делаем цветную таблицу :
ячейка 1 ячейка 2 ячейка 3 ячейка 4
ячейка 5 ячейка 6 ячейка 7 ячейка 8



Делаем цветными отдельные ячейки:
ячейка 1 ячейка 2 ячейка 3 ячейка 4
ячейка 5 ячейка 6 ячейка 7 ячейка 8



Соединяем ячейки:
Времена года
Лето Осень Зима Весна


width=50% — ширина таблицы 50% от всей страницы
colspan=4 — надпись Времена года занимает 4 ячейки по горизонтали

или так:
Времена года Лето Весна
Осень Зима


rowspan=2 — надпись Времена года занимает 2 ячейки по вертикали

Делаем таблицу обтекаемую текстом:
Столбик 1 Столбик 2 Столбик 3 Столбик 4
Карл у Клары украл кораллы,
Клара у Карла украла кларнет


Добавляем: style="float: left; margin:4px 20px;"
float: left; — таблица слева; соответственно float: right; — таблица справа
margin:4px 20px; — отступ по вертикале 4 пикселя, а по вертикале 20 пикселей

С помощью табличного кода пишем в 2 столбика:
В нашем классе все ребята
Любят отличиться.
Кто рисует, кто поет,
Лишь бы не учиться.
Маленький мальчик по крыше шагал
крыша закончилась, мальчик упал
в воздухе сделал он три раза сальто
долго его соскребали с асфальта.



Делим столбики вертикальной чертой:
Щелкают по кнопкам дети,
Что-то ищут в Интернете.
Помнится, и мы искали
Это в папином журнале.
Насмотрелся дед порнухи,
Начал дед дурачиться,
Деревенские бабульки
По чуланам прячутся.


width="2" — ширина полосочки
bgcolor="#000000" — цвет полосочки
Тэг: делает отступ в правой колоночке
Тэгом width="..." можно сделать фиксированную ширину любого столбика

Делаем галерею картинок



Делаем рамку для картинки:



Продолжение следует ))


URL записи

@темы: HTML, Полезное для работы с diary

Комментарии
2014-06-10 в 02:26 

Таши
Всему своё тайми-вайми (с)
извините, не сдержусь.

отступ по вертикале 4 пикселя, а по вертикале 20 пикселей
"по вертикали", "а по горизонтали"

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

PAY_design

главная