КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Язык HTML (базовые теги)
|
|
|
|
Для создания Web-страниц используется язык HTML (Hyper Text Markup Language). Документ на языке HTML представляет собой текстовый ASCII файл, который содержит собственно отображаемый текст и специальные элементы – тэги, предназначенные для форматирования текста. Тэги задают внешний вид или расположение текста. Однако точное воспроизведение вида зависит от броузера.
Структура и формат отображения Web-документа задается тэгами. Тэг – это дескриптор в угловатых скобках < и >. Тэги определяют размещение элементов текста. Он содержит идентификатор (имя) тэга, а также дополнительную информацию, которая задается в атрибутах тэга. Атрибут задает определенные аспекты отображения текста (например, цвет, центрирование и др.). Атрибут имеет форму
Атрибутах= значение.
Имена элементов страницы HTML и атрибутов не зависят от регистра. Но это не относится к значениям атрибутов. Здесь также учитываются пробелы. В других частях документа они не учитываются.
Многие элементы страницы HTML являются контейнерами и имеют открывающий (начальный) тэг (например, <BODY>), тело элемента и закрывающий (конечный) тэг (например, </BODY). Некоторые элементы не имеют закрывающего тэга (например, <HR>). Комментарии размещают между тэгами <!-- и -->. Броузер не отображает комментарии.
Действие тэга и его атрибутов распространяется на участок текста от открывающего до закрывающего тэга.
Структура HTML-документа имеет определенный вид. Шаблон HTML-документа следующий:
<html><head><title> Заголовок окна</title></head><body> Тело документа</body></html>
Назначение тегов:
<html>... </html> - говорит браузеру, что имеем дело именно с гипертекстовым документом <head>... </head> - описание заголовочной части документа<title>... </title> - текст между тегами пойдет в заголовок окна<body>... </body> - ограничивает тело документа (то, что мы видим на экране) Некоторые теги могут иметь аттрибуты (различие в оформлении): <body text="цвет текста" bgcolor="цвет фона" background="путь к фоновой картинке"> Цвет задается с помощью RGB-палитры: #RRGGBBКаждые два символа задают яркость соответствующего оттненка (R - красный, G - зеленый, B - синий).В качестве символов можно использовать цифры 16-ричной системы (0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f).Яркость может лежать в диапазоне 0... 255 (00... ff).Способы задания пути:
Заголовки:
<h1>Заголовок 1-го уровня (документ) </h1><h2>Заголовок 2-го уровня (раздел) </h2><h3>Заголовок 3-го уровня (подраздел) </h3><h4>Заголовок 4-го уровня (тема) </h4><h5>Заголовок 5-го уровня (пункт) </h5><h6>Заголовок 6-го уровня (подпункт) </h6> Поддерживают аттрибут выравнивания align: <h1 align="...">текст</h1> align="left" - по левому краю (по-умолчанию)align="right" - по правому краюalign="center" - по центру
Абзац текста:
<p> Длинная, длинная строка текста. Если не умещается, происходит автоперенос... </p><p> А это уже другой абзац. От предыдущего отделяется отступом. </p>
Оформительные теги:
<b> фрагмент 1 </b> - жирный шрифт<i> фрагмент 2 </i> - наклонный (курсив)<u> фрагмент 3 </u> - подчеркнутый<s>
Рисунки:
HTML-документ может содержать кроме текстовой информации еще и графическую.Каждый рисунок хранится в отдельном файле и при необходимости легко подключается. <img src="" alt="" border="" width="" height="" vspace="" hspace="" align="">src - путь к рисунку (абсолютный или относительный)alt - текст на случай, если рисунок не загрузился ("Комментарий")border - ширина бортика (целое неотрицательное число пикселов)width - ширина рисунка (целое неотрицательное число пикселов или процент от обычного размера)height - высота рисунка (целое неотрицательное число пикселов или процент от обычного размера)vspace - поля сверху и снизу (целое неотрицательное число пикселов)hspace - поля слева и справа (целое неотрицательное число пикселов)
Гиперссылки:
Гипертекстовый документ называется таковым, потому что в нем могут быть непосредственныессылки на другие документы. При щелчке на такую ссылку происходит переход к другому документу. <a href="..." title="..." target="...">НАЖМИ МЕНЯ</a> - типичная гиперссылка href="путь" - путь к другому документуtitle="надпись" - всплывающая подсказкаtarget="область" - область, в которой будет отображен документ: "_top" - во всем окне "_self" - в текущей части окна (по-умолчанию) "_blank" - в новом открывающемся окне "имя фрейма" - в указанном фрейме (рассмотрим позднее) Все, что помещается внуть тегов <a>...</a>, является гиперссылкой.Там можно разместить не только текст, но и рисунок, и любые другие теги.
|
|
|
|
|
Дата добавления: 2014-01-05; Просмотров: 338; Нарушение авторских прав?; Мы поможем в написании вашей работы!