- •Введение
- •1. Оформление текста документа
- •1.1 Основные понятия нтмl
- •Создание html – документа.
- •Элементы форматирования
- •1.4 Атрибут выравнивания align
- •Предварительное форматирование текста
- •Заголовки
- •Горизонтальные линии в документе
- •Элементы отображения шрифтов
- •Создание списков
- •Контрольные вопросы:
- •2. Использование графики, гиперссылок и таблиц
- •Использование графики
- •Создание гиперссылок
- •2.3 Создание таблиц.
- •Контрольные вопросы
- •Список литературы
Введение
Основой формирования документов для WWW является язык гипертекстовой раз метки HTML.
Благодаря использованию HTML пользователь WWW может на экране своего компьютера просмотреть документ в том виде, в каком его задумал разработчик: с определенными размерами шрифта и разбиением на абзацы, с четко определенным размещением рисунков и гиперссылок и т.д.
Текстовый документ написанный на HTML , имеет размер в байтах в несколько раз меньший, чем размер аналогичного документа, набранного в текстовом редакторе MS Word.
Программы для просмотра HTML называются браузерами. Основной задачей браузера является загрузка Web– страницы с сервера и ее обработка. При этом он форматирует текст на основе специальных служебных символов (тегов) и загружает дополнительные файлы, которые обеспечивают отображение рисунков, видео клипов, звуков и т.д.
Документ HTML это определенный текстовый файл, поэтому для его редактирования можно использовать какой угодно наипростейший текстовый редактор, например Блокнот.
Существуют также специализированные программы для создания Web- страниц, такие как MS FrontPage, Netscape Navigator Gold, HomeSite, HotDog, Macromedia Dreamveawer и многие другие.
Данные методические указания предназначены для самостоятельного изучения основ HTML.
Целью является изучение основ HTML, использование элементов Web- дизайна для построения Web- страничек, развития логического мышления при решении различных задач с использованием компьютера.
Для более качественного усвоения материала предлагаются задания для самостоятельной работы и контрольные вопросы.
1. Оформление текста документа
Цель: Ознакомление с основными понятиями языка НТМL, принципами оформления и форматирования текста, а так же способами создания списков.
1.1 Основные понятия нтмl
При, просмотре в текстовом редакторе НТМL – документ имеет примерно такой вид:
-
<HTML>
<HEAD>
<TITLE> Название Web- странички </TITLE>
</HEAD>
<BODY>
…
Содержание Web- странички
</BODY>
</HTML>
Рис. 1.1 Общий вид HTML- документа
Разметка HTML – документов выполняется я помощью тегов (дескрипторов), которые записываются по определенным правилам.
Тег (tag – метка, указание) – это код, который идентифицирует определенный элемент документа HTML. Теги заключаются в угловые скобки < >. Большинство тегов являются парными, т.е. для каждого начального тега <имя>, имеется конечный тег - </имя>, в котором к имени тега добавляют косую черту «/».
Пара тегов, которая складывается из начального и конечного тегов, называются контейнером. Контейнеры обозначаются по имени начального тега.
Так в приведенном на рис. 1.1, используются контейнеры :
<HTML>…</HTML>
<HEAD>…</HEAD>
<TITLE>…</TITLE>
<BODY>…</BODY>
Три точки между начальными и конечным тегами контейнера означает, что между ними может находиться текст или другие теги.
Документ HTML включает в себя элементы, которые представляют собой образцы, заголовки, гиперссылки, рисунки и т.д. В общем, весь документ можно рассматривать как состоящий из отдельных элементов.
Все элементы, которые используются в HTML, можно условно разбить на несколько категорий:
структурные – это элементы, обязательные для документа, который отвечает стандарту HTML (например, <HTML>, <HEAD> , <TITLE>, <BODY>)
блоковые – элементы, предназначенные для форматирования целых текстовых блоков (например, <P>, <PRE>, <DIV>, <H1>)
текстовые – элементы, которые задают разметку текста и шрифты (например, <I>, <B>, <TT>, <SMALL>)
специальные – элементы пустой строки, таблицы, формы и др. (например, <BR>, <HR>, TABLE>, <TEXTAREA>)
Очень часто теги, кроме имени включают в себя дополнительные элементы, которые называются атрибутами.
Атрибуты – это компоненты тега, которые несут указания о том, как браузер должен воспринять и обработать данный тег.
Тег может иметь несколько атрибутов. Значения атрибутов записываются после имени атрибута через знак равенства.
Все значения атрибутов по умолчанию должны закрываться в двойные (") или одинарные (') кавычки.
Например:
COLOR= 'YELLOW'
Набор допустимых атрибутов для каждого тега и их имена четко определяются спецификациею HTML.