- •Назначение языка html
- •Программы просмотра web – страниц
- •Программы-редакторы html
- •Интерфейс редактора htmlPad и его возможности
- •Синтаксис html
- •Структура html-документа
- •Физическое форматирование текста
- •Логическое форматирование текста
- •Грибоедов александр сергеевич
- •Драматург, поэт, дипломат
- •Оформление текста
- •Маркированные списки
- •Форматирование маркированных списков
- •Нумерованные списки
- •Форматирование нумерованных списков
- •Начальный номер списка
- •Списки определений
- •Задания для самостоятельной работы:
- •Внешние и внутренние ссылки
- •Гиперссылки изображений
- •Шеснадцатеричные значения кодов
Программы просмотра web – страниц
Просмотр Web-страниц или HTML документов осуществляется с помощью программ просмотра – браузеров.
В настоящее время наиболее распространен Internet Explorer (обозреватель) и Netscape Navigator.
Основное назначение программы обозревателя – это загрузка Web-страницы из Internet и отображение ее на экране.
Панель Адрес позволяет выбрать из списка или ввести с клавиатуры универсальный адрес URL той Web-страницы, которую мы хотим загрузить в Internet Explorer (это может быть и локальный адрес вашего HTML-документа).
Местонахождение нужной Web-страницы определяется адресом URL.
Браузер распознает команды HTML и формирует изображение, отображаемое на экране.
Различия между браузерами проявляются прежде всего в наборах обрабатываемых тегов.
Браузер Internet Explorer является наиболее мощным средством просмотра Web-страниц. Он поддерживает стандарт HTML и предоставляет пользователям Internet и разработчикам Web-страниц широкий набор дополнительных возможностей.
Команда Вид – Просмотр HTML кода – открывает выбранную страницу в Блокноте. Здесь можно отредактировать данную страницу.
Р
Программы-редакторы html
Web-страницы можно создавать вручную, т.е. при помощи обычного текстового редактора (например, Блокнот).
Создание Web-страниц непосредственно на HTML требует больших усилий, времени и досконального знания синтаксиса языка.
Существует огромное количество HTML-редакторов, начиная от простейших, которые только немного автоматизируют процесс разметки документа, до мощных систем, которые позволяют не только создавать HTML-документы, но и редактировать целые сайты.
HTML-редакторы делятся на 2 типа: визуальные и невизуальные.
Визуальные обладают интуитивно понятным интерфейсом и не требуют много времен на освоение, но генерируют очень длинный неоптимальный и малопонятный HTML-код, который потом трудно редактировать.
Невизуальные требуют знания языка HTML.
Одним из мощных средств автоматического создания и публикации Web-документов считается пакет MS Front Page.
Мы будем создавать свои HTML - документы в редакторе Блокнот или в HTMLPad - компактном и простом редакторе тегов HTML.
Рассмотрим HTML-редактор HTMLPad (hp.exe).
|
Используя пункты меню, в этом редакторе можно вводить нужные теги. Из окна этого редактора можно просматривать создаваемый документ. HTML-документ сохраняется с расширением .htm или .html.
Чтобы запустить данный редактор, необходимо открыть папку HTML, которая находится на рабочем столе вашего компьютера и дважды щелкнуть по значку
Интерфейс редактора htmlPad и его возможности
Редактор HTMLPad представляет все возможности для редактирования простых текстов.
Команда Файл – Новый документ позволит включить в документ теги, определяющие структуру документа.
По умолчанию программа присваивает документу имя c:\untitled.htm.
Команда Файл – Сохранить как позволит сохранить документ под нужным именем.
Расширение обязательно должно быть .htm или .html !
В
В пунктах меню Стиль и Вставка можно выбрать необходимые теги для разметки документа.
Наиболее часто используемые теги вынесены на панель инструментов в виде кнопок.
Рассмотрим пример.
Пусть необходимо разметить следующий текст
Информация
– это совокупность сведений об окружающем
нас мире
Технология использования редактора HTMLPad:
откроем редактор;
Файл – Новый документ. В документ будет вставлена структура.
Между тегами <TITLE> </TITLE> напишем Информатика
<TITLE> Информатика </TITLE>
Между тегами <BODY> </BODY> напишем фразу: "Информация – это совокупность сведений об окружающем нас мире".
<BODY>
Информация – это совокупность сведений об окружающем нас мире.
</BODY>
Выделим слово Информация жирным. Для этого необходимо выделить слово Информация, затем выбрать команду Стиль – Полужирный. Слово будет заключено между тегами <B> Информация </B>.
Текст должен иметь вид
Просмотрите созданный документ и сохраните в своей папке под именем Информация.html. Должно получиться следующее
