рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

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

Структура HTML-документа - Конспект Лекций, раздел Информатика, Конспект лекций по курсу Информационные технологии в предметной области. Основные понятия и определения ИТ Html Является Стандартным Языком, Предназначенным Для Создания Гипертекстовых...

HTML является стандартным языком, предназначенным для создания гипертекстовых документов в среде WWW. Первую версию HTML на базе языка SGML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. Стандартизацией языка HTML занимается международная организация - Консорциум Всемирной Паутины (World Wide Web Consortium).

HTML позволяет:

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

- получать информацию из Сети через ссылки гипертекста по нажатию кнопки;

- создавать формы для посылки запросов на удаленные компьютеры, чтобы производить поиск информации, осуществлять бронирование, заказывать товары и т.п.;

- включать электронные таблицы, видео клипы, аудио клипы, и другие программные приложения непосредственно в их документы.

В коде документа HTML находится не только сама информация, которую пользователь увидит на веб-странице, но и некоторые инструкции о том, как браузер пользователя будет обрабатывать эту информацию. Страница, которую пользователь видит в своем браузере, может состоять из множества разных файлов (изображений, анимационных роликов, сценариев JavaScript, апплетов и т. д.)

Документы HTML хранятся в виде файлов с расширением .htm или .html.

В HTML текст размечается тегами (ключевые слова языка, заключенные в угловые скобки «<» и «>»), которые чаще их употребляют парами, чтобы отметить начало и конец некоторого фрагмента текста. Закрывающий тег отличается от открывающего наличием косой черты «/». Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования web-страницы.

Например, тэг <p>…<⁄p> обозначает, что элемент является абзацем обычного текста, тэг <ul>…<⁄ul> – что элемент является перечнем, теги <h1> … </h1>, … <h6> … </h6> – определяют стили заголовков и т. д.

В HTML есть тэги, управляющие внешним видом отдельных элементов: например, тэг <i>…<⁄i> выделяет текст курсивом, тэг <font>…<⁄font> изменяет различные параметры шрифта, а тэг <br> вставляет разрыв строки.

У открывающего может быть атрибут (дополнительный или обязательный параметр, определяющий способ применения тега), например у тега <p> атрибут align (выравнивание), который принимает значения center, right или значение по умолчанию left.

Например атрибут align задает центрирование абзаца и заголовка для тегов <p align=center> и <h1 align = center>; атрибуты border и width – границу и ширину таблицы, которая определена тегом <Table border="1" width="100%" >…</Table >

Метка <html> должна открывать HTML-документ, а метка </html> – закрывать HTML-документ. Пара меток <head> ... </head> указывает на начало и конец заголовка документа. Пара меток <body>...</body> указывает на начало и конец тела HTML-документа (определяет содержание документа) (рисунок 7).

Рисунок 7 – Структура html-документа

Область <head> ... </head> включает следующее элементы:

<title> …</title> – обязательный элемент (название страницы или краткое описание);

<script>… </script> – необязательный элемент (инструкции на языке Java или VBScript);

<style>… </style> – стилевая таблица;

<meta>… </meta> – областьметаданных – описание документа (задание кодировки, ключевых слов для индексации поисковыми системами, информацию об авторе документа и др.).

Например,

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> – документ хранится в кодировке кириллица – windows-1251;

<meta http-equiv= "Autor" content=" Петров"> – автор Петров.

Область <body>…</body> – тело документа включает: текст, изображения, гипертекстовые ссылки, средства воспроизведения мультимедиа-информации и другие элементы, которые будут отображаться на web-странице в окне браузера.

Теги <ol>...</ol> – означают упорядоченный (нумерованный) список, каждый элемент списка задается с помощью тега <li>. Тег <ol> может включать атрибуты: type (определяющий стиль нумерации) и start (определяющий начальный номер первого элемента в упорядоченном списке).

Пример создания нумерованного списка:

В HTML переход от одного фрагмента текста к другому задается с помощью метки вида:

<a href="[адрес перехода]"> фрагмент текста</a>

Атрибут target (путь) тега <a> – определяет окно, в которое должен быть загружен документ, используется только совместно с параметром href.

Для визуализации подсказки ссылки используется атрибут тега <a> title:

<a href="[адрес перехода]" title=" имя ссылки"> Ссылка</a >

Если ссылка задается на внешний ресурс, тогда значение атрибута href содержит протокол, путь и, если необходимо, полный адрес ресурса:

<a href="протокол://путь/:порт>… </a>

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

Для встраивания изображения в html-документ используется метка

<img src="[имя файла]">. Метка может также включать атрибуты: alt, align, width и heigh. Например, код включающий в html документ изображения picture.gif, хранящееся в одном каталоге с самим html-документом выглядит следующим образом:

Таблицы в html-документах используют для представления информации в табличном виде, выравнивания частей страницы друг относительно друга (колонки), для решения задач дизайна: управление цветовым оформлением, размещение рядом рисунков, текста и других объектов, выделение фрагментов текста, задание отступов на странице и др.

Таблица начинается с метки <table> и заканчивается меткой </table>. Метка <table> может включать несколько атрибутов:

- align – устанавливает расположение таблицы по отношению к полям документа (допустимые значения: left, center, right);

- width – ширина таблицы (можно задать в пикселах или в процентах от ширины страницы);

- border – устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, border=4). Если атрибут не установлен, таблица показывается без рамки;

Таблица может иметь заголовок (<caption> ... </caption>), хотя заголовок не является обязательным. Каждая строка таблицы начинается с метки <tr> и заканчивается меткой </tr>. Каждая ячейка таблицы начинается с метки <td> и заканчивается меткой </td>.

Пример кода таблицы:

Использование каскадных таблицы стилей (CSS)

CSS (Cascading Style Sheet) – каскадные таблицы стилей позволяют web-разработчику отделить процесс форматирования html-страницы от заполнения ее конкретным содержанием, возможность подготовить документ, а потом независимо редактировать используемые в нем стили.

Деление стилей по способу применения:

1. Inline Style – задание стилей для отдельного фрагмента документа;

2. Embedding Style – встраивание таблицы стилей в документ при помощи парного тега <style>;

3. Linking Style – связывание документа с таблицей стилей, которая хранится в отдельном файле.

Задание стилей для отдельного фрагмента документа производится установкой атрибута style тега: <tag style = "attribute: value; attribute: value;… "></tag>.

Пример встраивания стиля в теги <div> и <h1>:

Создание html-документа со встроенной таблицей стилей выполняется при помощи парного тега <style></style>, который размещается в блоке head.

Синтаксис тега <style>:

<style disabled media=screenïprintïall title=text type="text/css">

Type - единственный обязательный атрибут тега <style>. Этот атрибут задает тип mime (Multipurpose Интернет Mail Extension, стандарт электронной почты). Для того чтобы браузеры, не поддерживающие встроенные таблицы стилей, могли их игнорировать, атрибуту присваивается значение text/css. Инструкции стилей набираются внутри тегов комментариев для того, чтобы браузеры, не распознающие таблицы стилей, не выводили содержимое тега <style> в окне браузера.

Пример встроенной в документ таблицы стилей:

Таблицу стилей можно создать на основе отдельного css-файла, с последующим применением его к документам. Для связывания html-файла с таблицей стилей используется тег <link>, который располагаться в область <head>.

<Link Rel="Stylesheet" Type="Text/css" src="http://имя_сервера/имя_файла/css">

Фрагмент кода стилевого файла (например, styles1.css):

Для форматирования web-страниц с помощью css-файла (styles1.css), следует разместить ссылку на стилевой файл в область head каждого форматируемого html-документа. Например, если стилевой файл styles1.css и html-страницы сохранены в одном каталоге, то ссылка будеть иметь вид:

<link rel="stylesheet" href="styles1.css" type="text/css">.

Если разместить ссылку на стилевой файл на всех web-страницах, к которым необходимо применить данные форматы, тогда при изменении форматов в стилевом файле, выполнится замена форматов на всех связанных страницах.

– Конец работы –

Эта тема принадлежит разделу:

Конспект лекций по курсу Информационные технологии в предметной области. Основные понятия и определения ИТ

Конспект лекций по курсу Информационные технологии в предметной области для... Составитель ст преподаватель кафедры МЭММБИ В В Ошкало...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Структура HTML-документа

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Пути решения проблем
· Релевантность информации – создание глобальных мировых справочников типа Wikipedia, узкопрофильных и с разделенным доступом по уровням знаний пользователей. Ко многим

Процессы, связанные с поиском, хранением, передачей, обработкой и использованием информации, называются информационными процессами.
Исторически сложилось так, что процессы обработки информации автоматизировались, а их внутреннее содержание не изменялось. - Сбор информации – это деятельнос

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

Проблемы информатизации общества
1-й этап (до конца 60-х гг. ХХ века) характеризуется проблемой обработки больших объемов данных в условиях ограниченных возможностей программно-аппаратных средств. 2-й этап (

Преимущества применения компьютерных технологий
1-й этап (с начала 60-х гг. ХХ века) характеризуется довольно эффективной обработкой информации при выполнении рутинных операций с ориентацией на централизованное коллективное использование ресурсо

Инструментальные технологические средства
1-й этап (до второй половины XIX в.) – «ручные» технологии: перо, чернильница, книга, элементарные ручные средства счета. Коммуникации осуществлялись путем доставки конной почтой писем, паке

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

Развитие ИТ и организационные изменения на предприятиях
Новые информационные технологии и реализованные на их основе информационные системы являются мощным инструментом для организационных изменений, которые «вынуждают» предприятия перепроектировать сво

Задачи, решаемые при использовании информационных компьютерных технологий на предприятии
1. Оптимизация выбора поставщиков; планирования и управления производством; моделей управления. 2. Снижение издержек производства; вероятности потери зака

Краткий обзор наиболее популярных информационных технологий
1. Технология баз данных (БД) и систем управления БД (СУБД). БД – достаточно большие наборы структурированных данных некоторой предметной области, представленные на машинных

Понятие предметной области
Предметная область – определенный фрагмент информационной системы, который будет воплощен в автоматизированной информационной системе. Информация о внешнем мире представляется в инф

Системы дистанционного банковского обслуживания
Он-лайновые платежные системы, предназначенные для немедленного приема платежа через Интернет можно разделить на три вида: 1. кредитные, 2. дебетовые 3. системы, работающ

Дебетовые системы
Дебетовые схемы платежей построены аналогично их оффлайновым прототипам: чековым и обычным наличным расчетам. Участники расчетов: · Эмитент – субъект, управляющий платежной

Цифровые наличные
Электронные деньги – это денежные обязательства эмитента в электронном виде, которые находятся на электронном носителе в распоряжении пользователя. Эмитент выпускает и

Преимущество электронных денег
· удобны при осуществлении массовых платежей небольших сумм (быстрый платеж, нет очередей, не надо выдавать сдачу, деньги переходят от плательщика к получателю быстро). Например, при плате

Недостатки электронных денег
· отсутствие устоявшегося правового регулирования · необходимость специальных инструментов хранения и обращения · как и в случае наличных денег, при физическом уничтожении носител

Использование карты переменных кодов
УНК и личный пароль используются при входе в систему «Телебанк», а переменный код служит для подтверждения проводимой операции и для дополнительной защиты при входе в систему. На оборотной

Использование ПО программа Inter-PRO
· Скачать программу Inter-PRO и инструкции к ней. · Установить программу на компьютер и применить указанные в инструкции настройки. · Сгенерировать секретный ключ и зарегистрирова

Современные биометрические решения в системах безопасности
Разработки систем безопасности ведутся в различных направлениях: · защита компьютерных сетей и серверов, · создание сложных многофункциональных систем безопасности, · био

Сервисы облачных вычислений
  Облачные вычисления (cloud computing) – централизованный, удаленный центр данных, в котором компьютерные ресурсы и мощности предоставляются конечному пользователю в качестве

Перспективные направления банковских ИТ
1. Виртуализация взаимодействия с клиентом (облачные вычисления) По оценкам экспертов, к концу 2016 г. половина крупных банков будут хранить важную информаци

Решение стратегических и тактических бизнес-задач на основе банковских ИТ
ИТ-тренды напрямую связаны с бизнес-трендами. Банки становятся более клиентоориентированными и выбирают инновационное ПО, без которого невозможно быстрое принятие решений при обслуживании

Конкуренция банков в области обслуживания клиентов
Выиграет банк, который предложит преимущества с точки зрения финансовых продуктов и сервиса. Рост популярности терминальных устройств, фронт-офисных систем, "электронных кассиров"

Текстовая информация. Модель документа Текстовые форматы
Существуют различные типы текстовых файлов (плоские, размеченные, ASCII и пр.). Для ввода, обработки, представления информации в таких файлах требуются различные программные возможности. Для работы

Типы файлов для размещения документов
Перечислим наиболее типичные файлы данных: ­ текстовые файлы – обобщенное название для простых и размеченных текстов, ASCII-файлов и других наборов данных символьной информации, кот

Форматы полнотекстовых документов. Модель документа
Понятие модель документа охватывает аспекты создания, преобразования, хранения, поиска, передачи и отображения документов. Принято рассматривать структуру документа в двух аспектах: логич

Языки разметки документов
В системах обработки текстов в документ включается дополнительная информация, называемая разметкой и выполняющая следующие функции: - выделение логических элементов данного документа;

Технологии XML
XML (eXtensible Markup Language) – это упрощенный диалект языка SGML, предназначенный для описания иерархических структур данных в World Wide Web. Он разрабатывается рабочей группой W

Применения XML
Несмотря на внешнюю простоту, XML обладает механизмами контроля правильности данных, позволяет производить проверку иерархических отношений внутри документа, и, самое главное, устанавливает единый

Структура XML-документа
XML-документ состоит из деклараций, элементов, комментариев, специальных символов и директив. ü Элементы и атрибуты XML – это теговый язык разметки документов. Иными словами,

Декларация типа документа
Декларация типа XML-документа (document type declaration) содержит определение типа документа (document type definition, DTD) или указывает на него. DTD – это специальная грамм

Технологии электронных таблиц
Табличный процессор MS Excel– комплекс программ для управления электронной таблицей. Средствами табличного редактора можно выполнять обработку структурированной информации, проводить расчеты

Типы диаграмм
Гистограмма – позволяет сопоставить данные одного ряда, нескольких рядов, вычислить удельный вес каждой составляющей от общего итога или накопить общий итог по составляющим. Служит для отобр

Мультимедиа технологии
Мультимедиа(multimedia – многосредовость) – интерактивная технология, обеспечивающая работу с неподвижными изображениями, анимацией, видоеизображениями, текстовым и звуковым рядом.

Характеристика технологии World Wide Web
Термин Интернет (Internet – сокращение от английского выражения interconnected network) – сеть, объединяющая множество других компьютерных сетей и базируется на общей си

Базовые протоколы и адресация в Интернет
Передача данных по сети осуществляется на основе семейства протоколов TCP/IP. IP-протокол (Internetworking Protocol) – межсетевой протокол, отвечающий за передачу данных.

Электронная почта
E-mail (Electronic mail) – система для обмена электронными сообщениями (файлами), снабженными стандартным заголовком, является услугой отложенного чтения. Система электронной

Коммуникационные сервисы в режиме on-line
Коммуникационные сервисы, работающие в режиме реального времени, – on-line сервисы, или сервисы и программы для прямого межпользовательского общения: IRC (Internet Relay Chat), ICQ (I seek y

FTP-сервис
Для передачи файлов с удаленного компьютера на локальный в Интернет используется протокол передачи файлов FTP (File Transfer Protocol), с помощью которого можно обмениваться файлами с любым

Поиск информации в сети Интернет
Для поиска разного рода информации в Интернет существуют различные инструменты:поисковые машины (системы), индексированные каталоги (рубрикаторы), рейтинги, метапоисковые си

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги