русс | укр

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

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

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

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


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

Структура html-документа


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


Любой html-документ (страница) заключается между тегами <html> и </html>, т.е. тег <html> открывает документ, а тег </html> закрывает его

Между этими двумя основными распологается головная часть документа и его тело

В головной части документа (между тегами <head> и </head>) описываются общие правила отображения документа в браузере и содержится вспомогательная информация о документе. В головной части документа всегда между парой тегов <title> и </title> располагается имя документа, которое показывается в заголовке окна браузера

Между тегами <body> и </body> (в теле документа) распологаются команды, следуя которым в окне браузера выводится текст, картинки, таблицы и т. д.

Например, могут использоваться команды:

<h1>...</h1> — заголовок

<hr> — горизонтальная линия

<p>...</p> — абзац

 

Таблица основных тегов языка HTML

ТЭГИ НАЗНАЧЕНИЕ
<html></html> Указывает программе просмотра страниц, что это HTML документ. Данные тэги обрамляют документ
<head></head> Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин
<title></title> Помещает название документа в оглавление программы просмотра страниц
<body></body> Определяет видимую часть документа

Для создания своей первой страницы недостаточно знать основные теги. Необходимо научиться форматировать текст соответствующим образом. Для этого используются теги для форматирования текста.

.

Определение цвета, размера и гарнитуры текста.

Для этой цели используется тег <font>. Для того, чтобы этот тег работал, в него надо добавить атрибуты: size, color, face.



Атрибут size . Выбор размера шрифта браузером в значительной степени произволен. Значениями атрибута size могут быть целые числа от 1 до 7. Стандартный размер по умолчанию – 3. Пример применения атрибута size: <p><font size =5>управление размерами шрифтов </font></p>. В теге <font> можно задавать относительные размеры шрифтов . Для этого перед значением размера добавляется знак «+» или «-», говорящие о том, что браузер должен увеличить или уменьшить размер шрифта по умолчанию на соответствующую величину.

Атрибут color. В браузерах используется 16 предопределенных цветов. Есть 2 способа представления цвета текста:

С помощью шестнадцатеричных чисел

С помощью имени цвета, определенного в спецификации языка.

Если шестнадцатеричные числа записываются как значения атрибута, то пред ними должен быть помещен символ «#».

Цвет шестнадцатеричное представление
black
silver C0C0C0
gray
white FFFFFF
maroon
red FF0000
purple
fuchsia FF00FF
green
lime 00FF00
olive
yellow FFFF00
navy
blue 0000FF
teal
aqua 00FFFF

 

Атрибут face. Изменить гарнитуру шрифта можно с помощью атрибута , значениями которого являются предопределенные имена гарнитур. Шрифт с объявленной гарнитурой должен быть установлен на компьютере посетителя узла, иначе он не увидит его. В атрибуте face автор может определить несколько значений, разделив их запятыми. Браузер сначала ищет первый шрифт, затем, если не находит его, пытается найти второй и т.д.

Тэг basefont. Используется как средство задания размера, цвета и гарнитуры шрифта по умолчанию. Например

<body> <basefont face= “ARIAL” size= “3” color= “000000”> </body>.

Тэг <body bgcolor=…..> устанавливает цвет фона документа , используя значения цветов по аналогии с выбором цвета текста.

Таблица тегов для форматирования текста

ТЕГИ НАЗНАЧЕНИЕ  
<hl></hl> <h6></h6> Задает размер заголовка  
<pre></pre> Обрамляет предварительно отформатированный текст  
<b></b> Жирное начертание шрифта  
<i></i> Начертание Курсив
<tt></tt> Имитация стиля печатной машинки
<cite></cite> Используется для цитат, обычно наклонный текст
<strong></strong> Используется для выделения наиболее важных частей тек­ста (наклонный или жирный текст)
<p> Начало нового абзаца
<p align=.. .> Выравнивает абзац относительно одной из сторон доку­мента, значения: left, right, или center
<br> Вставляет перевод строки
<blockquote> </blockquote> Создает отступы с обеих сторон текста.
<font size=.. .></font> Устанавливает размер текста в пределах от 1 до 7
<font color=.. ></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB
<font face=.. ></font> Устанавливает вид текста (например Times New Roman, Calibri, Arial и т. д. )
<fontbase face=… color=….size=…> Устанавливает три предыдущих параметра в одном теге
<TT> </TT> Текст ф иксированной ширины
<u> </u> подчеркнутый текст
<S> </S> перечеркнутый текст
<big> </big> шрифт большего размера
<small> </small> шрифт меньшего размера
<body bgcolor=.. .> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0OOO - красный цвет
<body text=...> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет

,


Теги состоят из ключевых слов и могут быть дополнены атрибутами, разделенными пробелами. Описание атрибутов без использования ключе­вых слов не допускается

 



<== предыдущая лекция | следующая лекция ==>
Язык HTML. Основные понятия | Вставка изображений в документ


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


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

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

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


 


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

 
 

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

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