АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Элементы HTML

Читайте также:
  1. Административно-правовой статус гражданина РФ, его элементы
  2. Анатомия, физиология, первичные и вторичные элементы
  3. Б) если в двигательном фонде отсутствует оперные элементы
  4. Био макро– и микроэлементы, и их биологическая роль.
  5. Виды, разрезы, сечения, выносные элементы. ГОСТ 2.305-68
  6. Внешние элементы
  7. Волокнистая соединительная ткань. Морфо-функциональная характеристика. Классификация. Клеточные элементы: происхождение, строение, функции.
  8. Вопрос № 24: «Описать основные элементы межличностных отношений».
  9. Вопрос №14. Бриф и его структурные элементы.
  10. Вопрос №19 Экономическая система: сущность, элементы, теоретические концепции.
  11. Вопрос №20. Креолизованный рекламный текст. Основные элементы РТ.
  12. Вопрос №7. Понятия фирменного стиля. Элементы фирменного стиля.

Лабораторная работа

Создание Web-страницы

(HTML)


Содержание:

Лабораторная работа № 1............................................................................... 3

1. Структура документа HTML................................................................ 3

2. Элементы HTML.................................................................................... 4

3. Функциональные блочные элементы.................................................... 4

4. Гипертекстовые ссылки......................................................................... 5

5. Web-графика.......................................................................................... 6

6. Форматирование текста........................................................................ 7

7. Списки.................................................................................................... 8

8. Таблицы................................................................................................. 8

9. Отображение нескольких документов.................................................. 9

10. Интерактивные Web-страницы......................................................... 10

11. Таблица наиболее часто используемых тегов.................................. 12

Задание............................................................................................................. 15

Форма отчетности........................................................................................... 20

Контрольные вопросы:.................................................................................. 20

 


Лабораторная работа

Тема: язык разметки гипертекста (HTML).

Цель работы: создание веб-страницы с помощью текстового редактора

Блокнот.

 

Краткие сведения об HTML

Структура документа HTML

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом (</HTML>). Внутри документа выделяются два основных раздела: раздел заголовков и тело документа, - идущие именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </НЕАD>. Раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>. Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.

Простейший правильный документ HTML, содержащий все теги, определяющие структуру, выглядит следующим образом:

<HTML>

<НЕАD>

<TITLE>Заголовок документа</TITLE></НЕАD>

<BODY>

Текст документа

</BODY>

</HTML>

Комментарии в HTML оформляются следующим образом:

<!--Текст внутри комментария-->

Четыре символа - знак меньше (<), знак больше (>), амперсанд (&) и двойные кавычки (") имеют специальное значение внутри HTML и, следовательно, не могут быть использованы в тексте в своем обычном значении. Для использования одного из этих символов в HTML-документе Вы должны ввести вместо него escape-последовательность:

&LT; для "<"

&GT; для ">"

&AMP; для "&"

&QUOT; для кавычек

Элементы HTML

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

Большинство элементов языка HTML описывает части содержания документа и помещается между тегами <BODY> и </BODY>, то есть внутрь структурного элемента BODY. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.

Правила вложения элементов:

· Элементы не должны пересекаться - если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.

· Блочные элементы могут содержать вложенные блочные и текстовые элементы.

· Текстовые элементы могут содержать вложенные текстовые элементы.

· Текстовые элементы не могут содержать вложенные блочные элементы.

Гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.

 


1 | 2 | 3 | 4 | 5 | 6 |

Поиск по сайту:

Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)