Лекция 11 doc V- 0,2
| Вид материала | Лекция |
- Инструкция по оформлению текстов докладов представлена в файлах Требования к оформлению, 42.77kb.
- -, 146.94kb.
- Требования к оформлению тезисов докладов на неделю науки, 36.04kb.
- 29- я международная конференция диалог, 49.51kb.
- Правила оформления печатных материалов Материалы конференции представляются в оргкомитет, 49.34kb.
- «Социальная стратификация и социальная мобильность», 46.19kb.
- Письмо Иван Ивановичу end doc» текст официального послания членам дисконтного клуба, 52.16kb.
- Программа адаптации студентов первокурсников к обучению в вузе [Электронный ресурс], 27.98kb.
- Document wsis-05/tunis/doc/9 Rev, 253.11kb.
- -, 411.24kb.
| Лекция 11.1.doc V- 0,2 | Cтр. из | |  |
Лекция 1. Язык разметки гипертекста HTML.
1.Назначение HTML. Основные понятия.
2. Структура HTML документа
3. Улучшеная страничка
Форматирование текста
Управление цветом
4. Рисунки на Web - странице.
5. Гиперссылки
6. Таблицы
Создание и форматирование таблиц
Разметка Web- страницы при помощи таблицы
Назначение HTML. Основные понятия.
Открывая в браузере любую Web- страницу, мы текст , картинки, кнопки, таблицы и м ногою другое. Для того, чтобы создать Web –страницу , может потребоваться всего лишь текстовый редактор Notepad.
Окройте любую Web- страничку. То, что вы видите в броузере – это ее “лицо”. Чтобы увидеть “изнанку” Web- страницы , выполните команду View \ HTML Code. Откроется текстовый редактор Блокнот, в котором вы увидите “устройство” этой страницы.
Введем несколько новых терминов.
НТML – язык разметки гипертекста
Гипертекст - информационная структура, позволяющая устанавливать смысловые святи между племенами текста на экране комп’ютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяются путем подчеркивания или окрашивания в другой цвет ( гиперссылки ). Выделение словаговорит о наличии святи этого слова с некоторым документом, в котором тема, связанная с выделенным словом, рассматривается болем подробно.
Отдельный документ, выполненный в формате HTML, называется:
HTML – документом
Web- документом
Web- страницей
Такие страницы имеют расширение HTM, HTML.
Гиперссылка – фрагмент текста, который является указателем га другой файл или объект. Необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.
Группа Web- страниц, принадлежащая одному автору и взаимосвязанных общини гиперссылками, образует структуру, которая называется Web- узлом, Web – сайтом.
Каждая HTML - страница имеет свой уникальный URL - адрес в Интернете.
Скрипт
Браузер - программа для просмотра Web- страниц
Элемент - конструкция языка HTML , контейнер, содержащий данные и позволяющий отформатировать их определенным образом.
Любая Web- страница представляет собой набор элементов .Основная идея гипертекста – возможность вложения элементов.
Тэг- начальный ии конечный маркеры элемента, определяют границы действия элементов и отделяют элементы друг от друга. Тэги заключаются в угловые скобки, а конечный тэг снабжается косой чертой.
< Начальный тэг >Содержание элемента
Пример 1.
< P> Этот текст в отдельном обзаце
< P align = " center"> Этот текст выровнен по центру экрана
Атрибут - параметр или свойство элемента. Атрибуты располагаются внутри начального тэга и отделяются друг от друга пробелами.
Пример 2.
< P align = " center"> Этот текст выровнен по центру экрана
Табуляция для вложенных, новая строка для каждого элемента.
Структура HTML документа. Простейшая HTML - страничка.
Устройство простейшей HTML- пронрамми изучим на следующем примере.
Любая Web - страница начинается с тєга и заканчивается тєгом .
| Пример 1. doc1.htm | |
| < meta http-equiv = “Content-Type” content =”text/html; charset = windows-1251 “> Первый HTML -- документ
| Начало HTML - документа Начало головной части Информация о документе Название документа Конец головной части Начало тела документа Заголовок Горизонтальная линия Начало абзаца Абзац Конец абзаца Конец тела документа Конец HTML - документаа |
HTML – программа
Команды языка HTML (теги) заключаються в угловые скобки. Теги парные. Первый тег открывает описание команды, второй , отличающийся от первого наличием косой черты „/” перед ключевым словом – закрывает его.
Тег открывает программу, а тег - закрывает ее.
Между этими двумя основными тегами располагается головная часть программы и ее тело.
головная часть
тело
Головная часть программы
В блоке … описываются общие правила отображения HTML –документа и содержится вспомогательная информация о документе.
Команда задает информацию о кодировке, в которой написан HTML - документ.( стандартная кодировка Windows ).
Между парой тегов
Сборник газетных вырезок
Заметка из газеты «Станок»
Действительно, в отделе ”Что случилось за день” нонпарелью было напечатано:
Попал под лошадь
Вчера на плошади попал под лошадь извозчика
Это извозчик отделался легким испугом
”Двенадцать стульев “
Илья Ильф,
Евгений Петров