ПОРТФОЛИО

Контакт:

Мобильный телефон:
+371 29792851

Телефон:
+371 67214519

Факс:
+371 67214519

Ссылки

журнал Никиты Селецкого
• Web-студии и их клиенты
• Переключение языков на web-странице

Design For Masters
• 15 раздражающих читателя особенностей сайта

Студия Артемия Лебедева
• § 137. Матрица эмоций
• Бизнес-линч

Якоб Нильсен (Jakob Nielsen)

Блог
bogari.blogspot.com

• Жлобо-дневные Жо-писи

HTML минимум

web design

Общая стандартная структура HTML-файла.

начальный тег Web-страницы - <html>
<head>
Заголовок - <title> Ornithine </title>
<meta name="Author" content="Aftor stranici">
<meta name="Keywords" content="ключевые, слова, страницы, через, запятую">
</head>
<body>
Собственно страница здесь
</body>
конечный тег Web-страницы - </html>

Минимальный набор элементов и их тегов.

1. <a>…..</a> - гиперссылка;
шаблон гиперссылки на другой HTML-файл:
<a href="Адрес ссылки">текст для щелчка</a>.
Пример: <a href="file.html">Ссылка на файл file.html</a>
2.<img src="Ссылка на файл" /> - элемент для создания ссылки на графический файл, атрибуты – border, width, height.
3. <table>…..</table> - таблица, атрибуты - align, border, bgcolor.
4. <tr>…</tr> - ряд таблицы, атрибуты - align, valign.
5. <td>…</td> - ячейка таблицы, атрибуты - align, valign.
6. … - полужирный шрифт.
7. … - курсив
8. … -фонт текста, атрибуты face, color, size.
9. ….. - абзац, атрибуты – align.
10. <hr> - горизонтальная линия, элемент не имеет конечного тега, атрибуты – align, size, width, color.
11. - переход на новую строку.
12. … - верхний индекс, например, показатель степени числа.
13. … – нижний индекс, пригодится для химических формул.
14. <ul>…</ul> - ненумерованный список.
15. <ol>…</ol> - нумерованный список, атрибут type.
16. <li>…</li> - пункт списка

Минимальный набор наиболее часто используемых атрибутов и их возможные значения.

Вы можете не задавать никаких атрибутов, тогда они будут определены по умолчанию (default). Атрибуты одного элемента не обязательно должны быть применимы для другого элемента.

1. align – горизонтальное выравнивание , значения – center, right,left. Пример: align=”center”.
2. valign – вертикальное выравнивание в ячейках таблицы, значения – top, middle, bottom
3. border - ширина рамки таблицы, border=1 (2,3…), при border=0 рамка не отображается.
4. bgcolor – цвет фона, как управлять цветом, см. ниже.
5. type – определяет тип нумерации списка, значения “1”, “i”, “а”, “А”. Пример: type=”1”.
6. width, height – ширина и высота элемента, например, рисунка в пикселях:. width="464" height="48".
7. face – тип шрифта, например, face=”Arial”.
8. size – размер элемента в пикселях, size=7.

Управление цветом.

Цвет можно задавать двумя способами:
1-ый – словами, примеры: color=”red”, bgcolor=”yellow”;
2-ой (и более правильный)- RGB-кодом. В этом случае любой цвет представляется как комбинация
красного (R), зеленого (G) и синего (B) цветов, взятых в определенных пропорциях.
Доля каждого цвета представляется двуразрядным шестнадцатеричным числом ( от 00 до FF).
Чем больше число, тем больше доля данного цвета.
Пример: bgcolor=”#FF0000” (красный фон), bgcolor=”#FFFFFF”(белый фон), bgcolor=”#000000” (черный фон).

HTML Color Names - Имена цветов

▲Наверх▲