Лекция 11.1.doc V- 0,2
|
Cтр.
|
|
|
Лекция 1. Введение.
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><I> Этот текст в отдельном обзаце </ P></I>
< P align = " center"><I> Этот текст выровнен по центру экрана </I></ P>
Атрибут - параметр или свойство элемента. Атрибуты располагаются внутри начального тэга и отделяются друг от друга пробелами.
Пример 2.
< P align = " center"> Этот текст выровнен по центру экрана </ P>
Табуляция для вложенных, новая строка для каждого элемента.