Участник:Vd — различия между версиями

Материал из ПримаВики
Перейти к: навигация, поиск
Строка 10: Строка 10:
  
 
[[Файл:Фалеев Сергей.JPG]]
 
[[Файл:Фалеев Сергей.JPG]]
 +
 +
== Таблица ==
 +
 +
{|style="background-color:Darkmagenta" border="2" width=100% cellpadding="20" cellspacing="20"
 +
|width=50%|<font color=OOFFOO>Wiki -технологии как форма on - line обучения</font>
 +
|width=50%|Prezi.com
 +
|-
 +
|width=50%|Windows Movie Maiker
 +
|width=50%|Гимназия 1
 +
|}
 +
 +
 +
{| style="margin: 3cm 8cm 0pt;color:green;background-color:#FFD700" border="2" 
 +
|Wiki -технологии как форма on - line обучения
 +
|Prezi.com
 +
|-
 +
|Windows Movie Maiker
 +
|Гимназия 1
 +
|}
 +
'''Таблица с HTML атрибутами и стилями CSS'''
 +
 +
''Стили CSS можно использовать вместе с другими HTML атрибутами или отдельно.<br>
 +
style="margin: 1cm 5cm 0pt;color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="10" border="1"''
 +
 +
 +
{| style="margin: 1cm 5cm 0pt;color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="10" border="1"
 +
|Апельсин
 +
|Яблоко
 +
|-
 +
|Хлеб
 +
|Булка
 +
|-
 +
|Масло
 +
|Мороженое
 +
|}
 +
<p>
 +
'''Таблица-одна ячейка со стилями CSS  вместе с другими HTML атрибутами'''
 +
{| cellpadding="10" style="width: 100%; align:center; background-color: #87CEFA; border: 1px solid #33ccff; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;"
 +
| style="width: 60%; background-color: #E0FFFF; border: 3px solid #33ccff; vertical-align: top; height: 60px;" |
 +
|}
 +
</p>
 +
''Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.''<br>
 +
{| border=1 width=75%
 +
|+Таблица 1
 +
|Ячейка 1*1 - long - long- long- long- long
 +
|Ячейка 1*2
 +
|-
 +
|Ячейка 1*3
 +
|Ячейка 1*4
 +
|}
 +
{| border=1 width=75%
 +
|+Таблица 2
 +
|Ячейка 2*1
 +
|Ячейка 2*2
 +
|-
 +
|Ячейка 2*3
 +
|Ячейка 2*4
 +
|}
 +
''С помощью этого же атрибута можно регулировать ширину отдельных столбцов.''
 +
{| border=1 width=75%
 +
|+Таблица 1
 +
| width=40%|Ячейка 1*1 - long - long- long- long- long
 +
| width=20%|Ячейка 1*2 - long - long- long- long- long
 +
| width=40%|Ячейка 1*3 - long - long- long- long- long
 +
|-
 +
|Ячейка 1*4
 +
|Ячейка 1*5
 +
|Ячейка 1*6
 +
|}
 +
<p>
 +
'''div - контейнер'''
 +
<div style="background-color:#008000;height:15px;border:5px solid Red;-moz-border-radius-topright:0.5em;-moz-border-radius-topleft:0.5em;"></div>
 +
</p>
 +
'''div - контейнер'''
 +
<p>
 +
<div style="background-color:#008000;height:15px;border:5px solid Gold;-moz-border-radius-topright:1em;-moz-border-radius-topleft:1em;-moz-border-radius-bottomright:1em;-moz-border-radius-bottomleft:1em;"></div>
 +
</p>

Версия 11:01, 23 марта 2012

Фалеев Сергей Алексеевич

Учебное заведение: Гимназия ДВФУ

Класс: 11

Коротко о себе:

учусь на "3" "4" ,занимался год профессиональной информатикой.

Фалеев Сергей.JPG

Таблица

Wiki -технологии как форма on - line обучения Prezi.com
Windows Movie Maiker Гимназия 1


Wiki -технологии как форма on - line обучения Prezi.com
Windows Movie Maiker Гимназия 1

Таблица с HTML атрибутами и стилями CSS

Стили CSS можно использовать вместе с другими HTML атрибутами или отдельно.
style="margin: 1cm 5cm 0pt;color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="10" border="1"


Апельсин Яблоко
Хлеб Булка
Масло Мороженое

Таблица-одна ячейка со стилями CSS вместе с другими HTML атрибутами

Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.

Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2
Ячейка 1*3 Ячейка 1*4
Таблица 2
Ячейка 2*1 Ячейка 2*2
Ячейка 2*3 Ячейка 2*4

С помощью этого же атрибута можно регулировать ширину отдельных столбцов.

Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2 - long - long- long- long- long Ячейка 1*3 - long - long- long- long- long
Ячейка 1*4 Ячейка 1*5 Ячейка 1*6

div - контейнер

div - контейнер