HTML - своими руками
ПАМЯТКА (для учащихся)
<BR> - это "Enter", как в Word'e
&nbsр - это "пробел"
<HR> - это горизонтальная линия
Размеры шрифтов:
Выделение текста:
<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 - это конечный результат, который выводится на монитор
Обзац ( Параграф ) :
<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>
|
Пример:
- пункт A
- пункт B
- пункт C
|
2) маркированный
где: square - квадрат disc - диск circle - окружность
<UL TYPE="square / disc / circle"> <LI>пункт A <LI>пункт B <LI>пункт C </UL>
|
Пример:
|
Таблица:
где: 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> |
|
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>
Пример: