- •Информация и информатика. Структура и свойства.
- •9. Внешние устройства для хранения данных
- •1. Основные понятия windows. Преимущества и недостатки windows.
- •2. . Основные компоненты окна windows, управление окнами, диалоговые окна.
- •Команда Свойства появляется при нажатии правой кнопки мыши и описывает параметры соответствующего объекта.
- •4. Выделение, перемещение и копирование файлов и папок
- •5. Операции с объектами в Windows, использующие как буфер обмена, так и технологию Drag and Drop
- •8. Шрифт
- •1. Форматы. Сохранение и открытие документа
- •Форматирование страниц
- •5. Создание макросов.
- •13. Списки.
- •6. Форматирование символов
- •8. Использование стилей абзацев для автоматического форматирования документа.
- •9. Вставка оглавлений и предметных указателей
- •10. Шаблон документа
- •12. Адресация ячеек в таблице, используемая по умолчанию. Вычисления в таблицах, сортировка данных.
- •13. Списки: маркированный, нумерованный и многоуровневый. Изменение формата списков.
- •14. Рисование средствами Word. Создание надписи. Положение таблиц, графических и других объектов относительно текста.
- •16. Использование механизма слияния для создания однотипных документов.
- •Интернет
- •1.2. Компьютерные сети, появление и развитие Интернет.
- •3. . Протоколы Интернет.
- •Создание и сохранение html-документа
- •Язык гипертекстовой разметки html
- •Структура документа
- •Элементы html Правила вложения элементов Элемент html
- •2. 1. Гиперссылки
- •2. 2. Текстовые блоки
- •2. 3. Форматирование текста
- •2. 4. Списки
- •2. 5. Объекты
- •2. 6. Изображения
- •2. 7. Таблицы
- •Изменение абзацев Web-документа
- •7. Графические изображения
- •Выравнивание картинок на web страничке
- •8. Ссылки
- •9. Списки
- •10. Таблицы
- •11. Фреймы
- •Элементы для создания фреймов и работы с ними:
- •Примечания:
- •12. Формы Формы
- •13. Применение ccs для стилевого оформления Web-документа
- •1. Назначение каскадных таблиц стилей
- •Создание файла сss
- •Импортированная таблица стилей
Создание и сохранение html-документа
-
Язык гипертекстовой разметки html
основной язык для создания web-страниц. HTML определяет расположение элементов web-документа (таблиц, ссылок, рисунков и т.д.), использующиеся шрифты, форматы заголовков, графические элементы и т.д. с помощью набора тегов – специальных ключевых слов. HTML не является языком программирования в традиционном смысле; фактически это формат Интернет-документов. Язык гипертекстовой разметки (HyperText Markup Language, HTML) - на этом языке браузеру сообщается, какой именно текст и другие элементы (картинки, таблицы, формы) и каким образом нужно отображать на странице. На языке HTML не программируют, а верстают - особым образом размечают текст для публикации в интернете. Язык HTML позволяет связывать страницы между собой с помощью ссылок (линков). Наличие ссылок являтся фундаментальным свойством веб-страниц. Ссылкой может являться не только некоторая часть текста, но и картинка или ее часть. Как выглядит та или иная веб-страница "с изнанки", т.е. на языке HTML, легко узнать, щелкнув правой кнопкой мыши в любом свободном месте веб-страницы и выбрав пункт "View Source (Просмотр исходного кода страницы)".
-
Структура документа
Любой HTML-документ состоит из трех основных секций:
-
строки, содержащей декларацию типа документа;
-
заголовка документа (заключенного в теги <HEAD>…</HEAD>);
-
тела документа (заключенного в теги <BODY>…</BODY> или <FRAMESET>…</FRAMESET>);
Перед каждой секцией и после нее могут находиться символы пробела, табуляции, новой строки и комментарии. Заголовок и тело документа должны быть заключены в теги <HTML>…</HTML>.
Пример простого HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Мой первый HTML-документ</TITLE>
</HEAD>
<BODY>
<P>Это HTML-документ.</P>
</BODY>
</HTML>
-
Элементы html Правила вложения элементов Элемент html
Синтаксис: <HTML>…</HTML> (оба тега не обязательны)
Атрибуты: lang, dir
Этот элемент указывает, что последующий документ является HTML-документом. Он следует за декларацией типа документа и включает в себя все остальное содержимое документа. Он часто содержит атрибут lang, задающий базовый язык документа. Иными словами, типичный HTML-документ имеет следующее строение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML lang="en">
…Заголовок и тело документа…
</HTML>
2. 1. Гиперссылки
<source lang="html4strict"><A HREF="filename" target="_self">название ссылки</A></source>
-
Атрибут HREF задает значение адреса документа, на который указывает ссылка.
-
filename — имя файла или адрес Internet, на который необходимо сослаться.
-
название ссылки — название гипертекстовой ссылки, которое будет отображаться в браузере, т.е. показываться тем, кто зашел на страницу.
-
TARGET — задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута:
-
_top — открытие документа в текущем окне
-
_blank — открытие документа в новом окне
-
_self — открытие документа в текущем фрейме
-
_parent — открытие документа в родительском фрейме Значение по умолчанию: _self
-