Приветствую Вас Гость | RSS
Моя копилочка
Главная | Регистрация | Вход
 
Главная » 2012 » Июнь » 11 » Огромная HTML-шпаргалочка часть 2
00:28
Огромная HTML-шпаргалочка часть 2

Если небходимо , можно задать ширину ивысоту таблицы 
Так же таблица расположена по центру




Ряд 1 Ячейка1Ряд1 Ячейка2
Ряд 2 Ячейка 1Ряд 2 Ячейка 2


<table border="1" align="center" width="400" height="100">
<tr>
<td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td>
</tr>
<tr>
<td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td>
</tr>
</table>

WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.

Так же можно изменить цвет таблицы - Фон

Ряд 1 Ячейка 1Ряд 1 Ячейка 2
Ряд 2 Ячейка 1Ряд 2 Ячейка 2


Ряд 1 Ячейка 1Ряд 1 Ячейка 2
Ряд 2 Ячейка 1Ряд 2 Ячейка 2


Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый .
<table background="АДРЕС ФОНА СТРОКА С РАДИКАЛА №1" border=2 align="center" >
<tr>
<td>Ряд 1 Ячейка 1</td>
<td>Ряд 1 Ячейка 2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 1</td>
<td>Ряд 2 Ячейка 2</td>
</tr>
</table>

BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
Нумерованный список 

    НАЗВАНИЕ СПИСКА
  1. Строка
  2. Строка
  3. Строка

Цвет определяете сами
<OL>НАЗВАНИЕ СПИСКА
<LI>Строка 
<LI>Строка
<LI>Строка
</OL> 

Нумерованный список определяется - метками <OL></OL>. Элементы списка отмечаются метками <LI>. В нумерованном списке элементы нумерует сам браузер.

Заметим, метка <LI> непарная - т.е. метки </LI> не существует.

Ненумерованный список 

    НАЗВАНИЕ СПИСКА
    Строка 1
    Строка 2
    Строка 3
    Строка 4


Ненумерованный список определяется метками <UL></UL>


<UL>
<B>НАЗВАНИЕ СПИСКА</B><BR>

<IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 1<BR>

<IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 2<BR>

<IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 3<BR>

<IMG SRC="http://img90.imageshack.us/img90/6603/33609040px4.gif">Строка 4<BR>
</UL>
Вот пример ещё ненумерованного списка

    НАЗВАНИЕ СПИСКА
    Строка 1
    Строка 2
    Строка 3
    Строка 4


<UL>
<B>НАЗВАНИЕ СПИСКА</B><BR>

<IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 1<BR>

<IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 2<BR>

<IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 3<BR>

<IMG SRC="http://www.liveinternet.ru/images/brandnewsmilies/heart.gif">Строка 4<BR>
</UL>
Вот пример ещё ненумерованного списка

    НАЗВАНИЕ СПИСКА
    Строка 1
    Строка 2
    Строка 3
    Строка 4


<UL>
<B>НАЗВАНИЕ СПИСКА</B><BR>

<IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 1<BR>

<IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 2<BR>

<IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 3<BR>

<IMG SRC="http://img.mail.ru/r/blogs/ico_friends.png">Строка 4<BR>
</UL>
Вот пример ещё ненумерованного списка

    НАЗВАНИЕ СПИСКА
    Строка 1
    Строка 2
    Строка 3
    Строка 4

<UL>
<B>НАЗВАНИЕ СПИСКА</B><BR>

<IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 1<BR>

<IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 2<BR>

<IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 3<BR>

<IMG SRC="http://img15.imageshack.us/img15/7746/star0000.gif">Строка 4<BR>
</UL>
Пример простого ненумерованного списка

    Название Списка
  • Строка 1
  • Строка 2
  • Строка 3


<UL>Название Списка
<LI>Строка 1
<LI>Строка 2
<LI>Строка 3
</UL> 

Ненумерованный список определяется метками <UL></UL>

Делаем сами Кнопочку






<form action="АДРЕС ССЫЛКИ" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align=absMiddle> ВАШ ТЕКСТ</button></form>


Шпаргалочку для Вас подготовила  Елена

Пост из Блога  Елены
Источники : Здесь и Здесь и Здесь

Просмотров: 219 | Добавил: galina | Теги: HTML-Шпаргалка | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
[ Форма входа ]

[ Календарь ]
«  Июнь 2012  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930

[ Блог ]
[30.04.2013][Стихи]
Моей любви тягучий мёд .. (1)
[30.04.2013][Стихи]
В любой душе есть тайный уголок... (1)
[09.09.2012][Стихи]
Дарите добрые слова! (0)

[ Счетчик ]
Счетчик тИЦ и PR

[ Категории раздела ]
Новости сайта

[ Теги ]
стихи религия Картинки Ссылки Полезное интересно ОСЕНЬ друзьям вязание крючком Притча для блога Вечер Огонь фоны клипарт анимация обучающие фильмы изучаем комп фильмы Художники кулинария психология юмор Музыка игры Картинка любовь медицина салаты рукоделие Журналы война цитаты возраст ФШ генераторы книги афоризмы Программы уроки Видео шитье вязание крючок Мудрость Интернет защита компа МК по вязанию уроки ФШ Разное Жизнь мама Женщина Коврики Одиночество Работа с фото радио бродилка по вязанию Ликбез купальники кофты здоровье бродилка торт мотивы НГ мужчины для школы полезные сайты рассказ картинки со стихами интересные сайты официально Формулы полезные ссылки Узоры схемы вязаная обувь спицы поисковики ирландское кружево туники выпечка разделители Торты прозрачные фоны о маме о женщине молитвы салфетки комп притчи о жизни цветы уроки вязания Компьютер народная медицина для детей народные рецепты сад

[ Интересные сайты ]
Фотошопинг Photoshop for You! <text size=
Giveaway of the Day
 Kubines - Оформление системы
Мир рукоделия от А до Я

[ Наш опрос ]
Оцените мой сайт
Всего ответов: 47

[ Block title ]

[ Партнеры ]
бесплатные программы для раскрутки сайта бесплатные программы для раскрутки сайта

[ Друзья сайта ]
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • [ Статистика ]

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Copyright MyCorp © 2017