Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь FAQ Написать работу КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Часть 1. Теоретические сведения.↑ Стр 1 из 2Следующая ⇒ Содержание книги
Поиск на нашем сайте
Порядок выполнения работы Часть 1. Теоретические сведения. 2 Общие положения языка HTML.. 2 Структура HTML-документа. 3 Форматирование текста. 4 3.1. Цвета в HTML-документе. 4 3.2. Элементы форматирования на уровне блоков. 4 Таблица 1 - Операторы HTML для описания списка. 5 3.3. Теги, задающие шрифт. 6 Специальные теги HTML.. 6 Таблица 2 - Основные теги для оформления HTML-документа. 6 Часть 2. Практические задания 1-5 (использовать таблицы 1-2). 11 Часть 3. Выполнить контрольное задание 6. 13 Часть 1. Теоретические сведения.
Общие положения языка HTML Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы. Web-страницы (HTML-документы) могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей. Web-страницы могут быть созданы с помощью 1) обычного текстового редактора; 2) редактора, способного сохранять в формате HTML; 3) специализированного редактора; 4) специализированной системы.
HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений.HTM (для Windows 3.1) или.HTML (для Windows 95/98/NT, Macintosh и Unix). Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — теги. Структура тега имеет следующий вид: Парный тег: <ТЕГ атрибут1=значение1...> Текст Другие конструкции </ТЕГ> Одиночный тег: <ТЕГ атрибут1=значение1...> Текст Другие конструкции
Чаще всего теги используются попарно, окружая размеченные фрагменты текста. Такие теги называются контейнерами. Закрывающий тег отличается от начального только присутствием символа "/", добавляемого перед именем тега. При интерпретации тегов браузер не делает различия между строчными и прописными буквами. Поэтому сами теги можно набирать на любом регистре. Атрибуты (параметры) для тегов часто является необязательной величиной и их можно пропускать.
Структура HTML-документа Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом <HTML>. Данный тег сообщает Web-браузеру, что документ написан с использованием HTML. Минимальный HTML-документ имеет структуру: <HTML> ...тело документа... </HTML> Теги <HTML> и </HTML> заключают внутри себя все элементы HTML-кода, указывая, что используется язык HTML. Тем не менее, принято выделять заголовочную часть и тело Web-документа. Теги <HEAD> и </HEAD> обозначают заголовочную часть Web-документа. Как правило, заголовочная часть содержит название документа, метатеги с информацией для индексирования и некоторые общие установки для данного документа. Тег заголовочной части документа должен быть использован сразу после тега <HTML> и более нигде в теле документа. Теги <BODY> и </BODY> обрамляют тело (основную часть) документа. Здесь размещается основная смысловая текстовая и графическая информация. Тело документа отображается в окне браузера. Разделение документа на заголовочную часть и тело имеет лишь смысловую нагрузку. Текст, приведенный в любой из этих частей, на экране выглядит совершенно одинаково. В общем виде Web-документ имеет следующую структуру: <HTML> <HEAD> <TITLE> … текст для строки заголовка браузера </TITLE> </HEAD> <BODY> … тело документа (в окне браузера) </BODY> </HTML>
Внутри контейнера <HEAD> может использоваться тег <TITLE>, как показано выше. Большинство Web-браузеров отображают содержимое этого тега в строке заголовка окна Web-браузера, содержащего документ, и в файле закладок, если он поддерживается Web-браузером. Как любой язык, HTML позволяет вставлять в тело документа пояснительный текст (комментарии), который сохраняется при передаче документа по сети, но не отображается браузером. Синтаксис комментария следующий: <!-- Это комментарий --> Комментарии могут встречаться в любом месте документа.
Форматирование текста При выводе на экран текста браузер игнорирует дополнительные пробелы, символы табуляции и возврата каретки, пустые строки. Их можно использовать для того, чтобы сделать текст HTML-документа легко читаемым. Для правильного отображения Web-страницы в окне браузера следует использовать специальные теги для структурирования и форматирования текста.
Цвета в HTML-документе Существует две формы задания цвета: символьная - указывается название одного из предопределенных цветов, например, RED; цифровая - комбинация RGB: #RRGGBB, например, для красного - #FF0000. Символьные идентификаторы и RGB-комбинации основных цветов приведены ниже:
Язык HTML определяет для тега BODY следующие атрибуты цветов: BGCOLOR - цвет фона для тела документа, TEXT - цвет, используемый при выводе на экран текста из данного документа, LINK - цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей, VLINK - цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей, ALINK - цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши. Атрибут COLOR, указывающий на цвет, может также использоваться в тегах: <FONT>, <HR>.
Таблица 1 - Операторы HTML для описания списка
Для маркированных, нумерованных и вложенных списков могут использоваться атрибуты: TYPE - тип маркера
START - Начальное значение для нумерованного списка при использовании арабских цифр TITLE - Всплывающая подсказка <OL TYPE =A TITLE ="нумерованный список" > … </OL> Теги, задающие шрифт <FONT SIZE =… COLOR =... FACE =...> текст </FONT> SIZE — устанавливает размер шрифта, который будет использоваться текстом, содержащимся в пределах элемента FONT. Можно задать абсолютный размер шрифта, указав целое число от 1 до 7. Для шрифта можно также указывать относительный размер, присваивая атрибуту целое число со знаком (например, это может быть SIZE="+1" или SIZE="-2"). COLOR — указывает цвет, которым будет выделен данный фрагмент текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается символьное значение одного из стандартных цветов. FACE — задает гарнитуру шрифта, например FACE=ARIAL. <TT> текст </TT> — телетайпный текст (моноширинный). <I> текст </I> — стиль с наклонным шрифтом (курсив). <B> текст </B> — стиль с жирным шрифтом. <U> текст </ U> — стиль с подчеркиванием текста. <BIG> текст </ BIG> — печать текста шрифтом увеличенного размера (большего, чем окружающий текст). <SMALL> текст </ SMALL> — печать текста шрифтом уменьшенного размера (меньшего, чем окружающий текст). <SUB> текст </ SUB> — печать текста со сдвигом вниз (нижний индекс или подстрочный). <SUP> текст </ SUP> — печать текста со сдвигом вверх (верхний индекс или надстрочный). <STRIKE> текст </ STRIKE> или <S> …</S> — стиль с перечеркиванием текста.
Специальные теги HTML Тег <ADDRESS> используется для выделения автора документа и его адреса (например, e-mail). <ADDRESS> Адрес-автора </ADDRESS>
Некоторые символы являются управляющими символами в HTML и добавляются в текст только при помощи ESC-последовательностей: · левая угловая скобка "<" - < · правая угловая скобка ">" - > · амперсанд "&" - & · двойные кавычки """ - " Существует большое количество ESC-последовательностей для обозначения специальных символов, например "©" для обозначения знака Ó и "®" для значка Ò. Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам. ESC-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <.
Наиболее часто используемые теги приведены в таблице 2. Таблица 2 - Основные теги для оформления HTML-документа
Часть 2. Практические задания 1-5 (использовать таблицы 1-2). Задание 1. Вызовите текстовый редактор БЛОКНОТ. Наберите следующий ниже текст и сохраните под именем web1.html. <HTML> <HEAD> <TITLE>Моя персональная страничка (заголовок для браузера)</TITLE> </HEAD> <BODY> ПРИВЕТ! Это моя личная домашняя страничка! Меня зовут (……………………). </BODY> </HTML> 1.1 Задайте цвет фона и цвет текста для Web-страницы, отличные от установленных по умолчанию. Загрузите файл web1.html в Internet Explorer. Оцените результат. Порядок выполнения работы Часть 1. Теоретические сведения. 2 Общие положения языка HTML.. 2 Структура HTML-документа. 3 Форматирование текста. 4 3.1. Цвета в HTML-документе. 4 3.2. Элементы форматирования на уровне блоков. 4 Таблица 1 - Операторы HTML для описания списка. 5 3.3. Теги, задающие шрифт. 6 Специальные теги HTML.. 6 Таблица 2 - Основные теги для оформления HTML-документа. 6 Часть 2. Практические задания 1-5 (использовать таблицы 1-2). 11 Часть 3. Выполнить контрольное задание 6. 13 Часть 1. Теоретические сведения.
Общие положения языка HTML Язык HTML (HyperText Markup Language, язык разметки гипертекста) — это язык, на котором создаются Web-страницы. Web-страницы (HTML-документы) могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей. Web-страницы могут быть созданы с помощью 1) обычного текстового редактора; 2) редактора, способного сохранять в формате HTML; 3) специализированного редактора; 4) специализированной системы.
HTML-документы сохраняются на диске как обычные текстовые документы в формате ASCII. Для распознавания Web-страниц по их именам общепринято обозначать такие файлы использованием расширений.HTM (для Windows 3.1) или.HTML (для Windows 95/98/NT, Macintosh и Unix). Кроме полезного текста в HTML-документах используются специальные управляющие последовательности символов — теги. Структура тега имеет следующий вид: Парный тег: <ТЕГ атрибут1=значение1...> Текст Другие конструкции </ТЕГ> Одиночный тег: <ТЕГ атрибут1=значение1...> Текст Другие конструкции
Чаще всего теги используются попарно, окружая размеченные фрагменты текста. Такие теги называются контейнерами. Закрывающий тег отличается от начального только присутствием символа "/", добавляемого перед именем тега. При интерпретации тегов браузер не делает различия между строчными и прописными буквами. Поэтому сами теги можно набирать на любом регистре. Атрибуты (параметры) для тегов часто является необязательной величиной и их можно пропускать.
Структура HTML-документа Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом <HTML>. Данный тег сообщает Web-браузеру, что документ написан с использованием HTML. Минимальный HTML-документ имеет структуру: <HTML> ...тело документа... </HTML> Теги <HTML> и </HTML> заключают внутри себя все элементы HTML-кода, указывая, что используется язык HTML. Тем не менее, принято выделять заголовочную часть и тело Web-документа. Теги <HEAD> и </HEAD> обозначают заголовочную часть Web-документа. Как правило, заголовочная часть содержит название документа, метатеги с информацией для индексирования и некоторые общие установки для данного документа. Тег заголовочной части документа должен быть использован сразу после тега <HTML> и более нигде в теле документа. Теги <BODY> и </BODY> обрамляют тело (основную часть) документа. Здесь размещается основная смысловая текстовая и графическая информация. Тело документа отображается в окне браузера. Разделение документа на заголовочную часть и тело имеет лишь смысловую нагрузку. Текст, приведенный в любой из этих частей, на экране выглядит совершенно одинаково. В общем виде Web-документ имеет следующую структуру: <HTML> <HEAD> <TITLE> … текст для строки заголовка браузера </TITLE> </HEAD> <BODY> … тело документа (в окне браузера) </BODY> </HTML>
Внутри контейнера <HEAD> может использоваться тег <TITLE>, как показано выше. Большинство Web-браузеров отображают содержимое этого тега в строке заголовка окна Web-браузера, содержащего документ, и в файле закладок, если он поддерживается Web-браузером. Как любой язык, HTML позволяет вставлять в тело документа пояснительный текст (комментарии), который сохраняется при передаче документа по сети, но не отображается браузером. Синтаксис комментария следующий: <!-- Это комментарий --> Комментарии могут встречаться в любом месте документа.
Форматирование текста При выводе на экран текста браузер игнорирует дополнительные пробелы, символы табуляции и возврата каретки, пустые строки. Их можно использовать для того, чтобы сделать текст HTML-документа легко читаемым. Для правильного отображения Web-страницы в окне браузера следует использовать специальные теги для структурирования и форматирования текста.
Цвета в HTML-документе Существует две формы задания цвета: символьная - указывается название одного из предопределенных цветов, например, RED; цифровая - комбинация RGB: #RRGGBB, например, для красного - #FF0000. Символьные идентификаторы и RGB-комбинации основных цветов приведены ниже:
Язык HTML определяет для тега BODY следующие атрибуты цветов: BGCOLOR - цвет фона для тела документа, TEXT - цвет, используемый при выводе на экран текста из данного документа, LINK - цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей, VLINK - цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей, ALINK - цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши. Атрибут COLOR, указывающий на цвет, может также использоваться в тегах: <FONT>, <HR>.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Последнее изменение этой страницы: 2016-08-01; просмотров: 257; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.145.88.111 (0.01 с.) |