Наш почтовый ящик в Интернете: olgayaranceva@rambler.ru         marina37_0469@mail.ru

Устав Публичный отчет 2011 КПМО Профили ЕГЭ Конкурсы и олимпиады Учебники 2011-2012 ГТЗО Готовимся к урокам
 

Меню сайта


НОВОСТИ ОБРАЗОВАНИЯ

Наш опрос

Электронный дневник - это..
Всего ответов: 312

Форма входа

Календарь новостей

«  Март 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
GISMETEO: Погода по г. Новокузнецк GISMETEO: Погода по г. Новокузнецк

Поиск

Творческие работы

Итоги научно-практической конференции

Статистика


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

HTML - своими руками

ПАМЯТКА (для учащихся)

Быстрый доступ:

[RGB цвет]    [Символы]    [Параграф]    [Изображение]    [Гиперссылка]    [Списки]    [Таблицы]    [Map]    [Радиокнопки]    [Текстовая область]   


 <BR> - это "Enter", как в Word'e
&nbsр - это "пробел"
<HR> - это горизонтальная линия


Размеры шрифтов:



H1

H2

H3

H4

H5
H6



Выделение текста:




<B> Жирный </B>
<U> Подчеркнутый </U>
<I> Курсив </I>




Выделение текста RGB-цветом:




Для этого перед числами нужно поставить знак "#". Например:   <font color = "#00 00 FF">это синий текст</font>
Каждый цвет кодируется двумя цифрами ( 00...99 ) или буквами ( A...F ).
Например "#FF FF FF" - это белый цвет, а "#00 00 00" - это черный цвет.

Вот основной спектр цветов используемый в HTML:




Символы:



где:

Dec - это десятичная система счисления
Hx - это шестнадцатеричная система счисления
Oct - это восьмеричная система счисления
Html - это программирование в сети интернет
Char - это конечный результат, который выводится на монитор

символы в HTML

Обзац ( Параграф ) :




<p align="left / center / right / bottom / middle / top">здесь должен быть текст</p>

где:

Left - влево
Right - вправо
Center - по центру
Bottom - низ
Middle - середина
top - верх

Вставка изображения:



<img src="C:\Мои документы\kartinka.gif">

Масшабирование изображения:

Width - длина
Height - ширина

Например: <img width="200" height="100" src="C:\Мои документы\kartinka.gif">

Альтернативный текст:

Например: <img src="C:\Мои документы\kartinka.gif" alt="здесь альтернативный текст">


Гиперссылка:


<a href="http://www.rambler.ru">перейти на Рамблер</a>   Пример:   перейти на Рамблер


Списки:



1) нумерованный

<OL>
<LI>пункт A
<LI>пункт B
<LI>пункт C
</OL>

Пример:

  1. пункт A
  2. пункт B
  3. пункт C


2) маркированный

где:
square - квадрат
disc - диск
circle - окружность

<UL TYPE="square / disc / circle">
<LI>пункт A
<LI>пункт B
<LI>пункт C
</UL>

Пример:

  • пункт A
  • пункт B
  • пункт C


























 

 

 

 

Таблица:



где: border - это размер границы


<table border="1">
<tr>   { <= это начало строки }
   <td> это ячейка 1 </td>
   <td> это ячейка 2 </td>
   <td> это ячейка 3 </td>
</tr>   { <= это конец строки }
</table>


Пример:

это ячейка 1 это ячейка 2 это ячейка 3




Навигация на странице:



<img src="C:\Мои Документы\image.gif" usemap="#zakat">

...
{куча текста и всякого барохла}
...

<map name="zakat">
<area href="C:\Мои Документы\zakat.gif" shape="circle" coords="x, y, R">  { <= круг, с координатами X, Y и радиусом R}
</map>



Радиокнопки:


Код Пример
1) <form>
   <input type="radio" name="pynkt" value="A">Пункт A
   <input type="radio" name="pynkt" value="B">Пункт B
</form>
Пункт A
Пункт B
2) <form>
Пункт А <input type="checkbox" name="pynkt A">
Пунтк В <input type="checkbox" name="pynkt B">
</form>
Пункт А
Пунтк В
3) <form>Месяц:
  <select name="Month">
    <option value=1> Январь
    <option value=2> Февраль
    <option value=3> Март
    <option value=4> Апрель
  </select>
</form>
Месяц:
4) <form>
<input name="first" value=Текст>
<input type="submit" value=Кнопка>
</form>




Текстовая область:


где:

rows - это число строк
cols - это число столбцов

<textarea name="text obl" rows="4" cols="30">
</textarea>

Пример: