русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Структура HTML-страницы


Дата добавления: 2015-07-09; просмотров: 663; Нарушение авторских прав


Структура HTML-документа состоит из трех пар тегов:   <html>   <head> Заголовок документа </head>   <body> Тело документа </body>   </html>  

 

Последовательность действий при работе следующая:

1. Пишем в Блокноте код HTML страницы:

<html> </html> – обязательные теги, определяют HTML документ.

<head> </head> – определяют секцию со служебной информацией, содержат инструкцией для поисковиков, для браузеров, скрипты.

<title> </title> – определяют основной заголовок web – страницы (отображается в строке заголовка браузера).

<body> </body> – обязательные теги, определяют видимую часть документа.

2. Заходим в Файл ⇒ Сохранить как, находим нашу папку ⇒ прописываем имя файла: index.html (index– это имя, .html – расширение файла) ⇒ сохраняем.

3. Открываем IE (Internet Explorer) или другой установленный по умолчанию браузер. В его меню пробуем найти и открыть сохраненный на компьютере файл index.html.

Атрибуты тегов <body>…</body>

Внутри тегов <body> размещается основное содержимое HTML страницы.

Атрибуты тегов придают дополнительные нюансы интерпретации тегов.

Тег Атрибут Значение Описание
<body> bgcolor <body bgcolor="violet"> Наименование цвета* Задает фоновый цвет страницы
Background <body background="jpg/title.jpg"> Ссылка на фоновый рисунок Задает фоновый рисунок страницы
Text < BODY text="#008000">< /BODY> Наименование цвета Устанавливает цвет документа
link   Наименование цвета Цвет ещё неиспользованной (непросмотренной) ссылки (по умолчанию синий).
vlink   Наименование цвета Цвет уже использованной (просмотренной) ссылки.
alink < BODY link="#FF0000" vlink="#0000FF">< /BODY>   Наименование цвета Цвет гиперссылок при наведении на них курсора мыши.


*Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) значением выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой Web-палитре. Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами.




«Безопасные» цвета, web-палитра

Aliceblue F0F8FF Antiquewhite FAEBD7 Aqua 00FFFF Aquamarine 7FFFD4
Azure F0FFFF Beige F5F5DC Bisque FFE4C4 Black 000000
Blanchedalmond FFEBCD Blue 0000FF Blueviolet 8A2BE2 Brown A52A2A
Burlywood DEB887 Cadetblue 5F9EA0 Chartreuse 7FFF00 Chocolate D2691E
Coral FF7F50 Cornflowerblue 6495ED Cornsilk FFF8DC Crimson DC143C
Cyan 00FFFF Darkblue 00008B Darkcyan 008B8B Darkgoldenrod B8860B
Darkgray A9A9A9 Darkgreen 006400 Darkkhaki BDB76B Darkmagenta 8B008B
Darkolivegreen 556B2F Darkorange FF8C00 Darkorchid 9932CC Darkred 8B0000
Darksalmon E9967A Darkseagreen 8FBC8F Darkslateblue 483D8B Darkslategray 2F4F4F
Darkturquoise 00CED1 Darkviolet 9400D3 deeppink FF1493 Deepskyblue 00BFFF
Dimgray 696969 Dodgerblue 1E90FF Firebrick B22222 Floralwhite FFFAF0
Forestgreen 228B22 Fuchsia FF00FF Gainsboro DCDCDC Ghostwhite F8F8FF
Gold FFD700 Goldenrod DAA520 Gray 808080 Green 008000
Greenyellow ADFF2F Honeydew F0FFF0 Hotpink FF69B4 Indianred CD5C5C
Indigo 4B0082 Ivory FFFFF0 Khaki F0E68C Lavendar E6E6FA
Lavenderblush FFF0F5 Lawngreen 7CFC00 Lemonchiffon FFFACD Lightblue ADD8E6
Lightcoral F08080 Lightcyan E0FFFF Lightgoldenrodyellow FAFAD2 Lightgreen 90EE90
Lightgrey D3D3D3 Lightpink FFB6C1 Lightsalmon FFA07A Lightseagreen 20B2AA
Lightskyblue 87CEFA Lightslategray 778899 Lightsteelblue B0C4DE Lightyellow FFFFE0
Lime 00FF00 Limegreen 32CD32 Linen FAF0E6 Magenta FF00FF
Maroon 800000 Mediumaquamarine 66CDAA Mediumblue 0000CD Mediumorchid BA55D3
Mediumpurple 9370D8 Mediumseagreen 3CB371 Mediumslateblue 7B68EE Mediumspringgreen 00FA9A
Mediumturquoise 48D1CC Mediumvioletred C71585 Midnightblue 191970 Mintcream F5FFFA
Mistyrose FFE4E1 Moccasin FFE4B5 Navajowhite FFDEAD Navy 000080
Oldlace FDF5E6 Olive 808000 Olivedrab 688E23 Orange FFA500
Orangered FF4500 Orchid DA70D6 Palegoldenrod EEE8AA Palegreen 98FB98
Paleturquoise AFEEEE Palevioletred D87093 Papayawhip FFEFD5 Peachpuff FFDAB9
Peru CD853F Pink FFC0CB Plum DDA0DD Powderblue 0E0E6
Purple 800080 Red FF0000 Rosybrown BC8F8F Royalblue 4169E1
Saddlebrown 8B4513 Salmon FA8072 Sandybrown F4A460 Seagreen 2E8B57
Seashell FFF5EE Sienna A0522D Silver C0C0C0 Skyblue 87CEEB
Slateblue 6A5ACD Slategray 708090 Snow FFFAFA Springgreen 00FF7F
Steelblue 4682B4 Tan D2B48C Teal 008080 Thistle D8BFD8
Tomato FF6347 Turquoise 40E0D0 Violet EE82EE Wheat F5DEB3
White FFFFFF Whitesmoke F5F5F5 Yellow FFFF00 YellowGreen 9ACD32

 

 

 



<== предыдущая лекция | следующая лекция ==>
Односвязные списки. | ТЕОРЕТИЧЕСКИЕ ВОПРОСЫ


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.045 сек.