Презентация по информатике на тему HTML — язык разметки гипертекстовых документов
HTML - язык разметки гипертекстовых документов Основная цель работы: получить общее представление о языке HTML; показать, что все Web – страницы Интернета имеют одну общую черту: они созданы с помощью средств языка HTML, который определяет правила, согласно которым обычный текст представляется в виде HTML – страниц. Задачи работы: рассмотреть процесс создания Web – страниц; показать работу одной из самых простых и удобных программ FrontPage Express для создания Web – страниц.
Введение В Интернете среди огромного количества веб – сайтов можно найти такие, которые позволяют вам разместить на них свою информацию. Но можно разработать веб – сайт и самим. Суть разработки веб – сайта в том, чтобы сделать то, что может увидеть весь мир. Для этого надо создать гипертекстовый документ, который после размещения его в Интернете и будет веб – сайтом. Этот документ создается с использованием специального языка HTML – языка разметки гипертекста – и называется HTML – документом. Существуют программы – редакторы, которые преобразуют созданные в различных программах документы в HTML – документы. Но часто возникает потребность в повышении качества таких документов, в первую очередь это касается их дизайна и объема файла. Именно, поэтому необходимо знание языка HTML. Язык HTML – является языком разметки гипертекста и состоит из элементов, называемых тегами.
ТегиПримеры тегов HTML: <title> <BoDy> <TABLE> </A> <img> </CenTEr>Примеры парных тегов HTML: <HTML> </HTML> <B> </B> <HEAD> </HEAD> <H3> </H3> <ADDRESS></ADDRESS> <LI> </LI>Примеры одиночных тегов HTML: <BR> <HR> <META> <BASEFONT> <FRAME> <INPUT>Примеры тегов HTML с атрибутами: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" BACKGROUND="RAIN.GIF"> <OPTION SELECTED> <FRAMESRC="file.html" NORESIZE>
Простейший документ HTML
HTML-документ при осмотре с помощью Internet Explorer
Наглядное представление HTML - страницы
Текстовые гиперссылки
Рисунок на HTML - странице
Наведение мышкой на рисунок
Управление стилем шрифта
Определение элементов фразы
Создание списков
Мультимедиа - объекты в HTML - странице<HTML><HEAD><ТIТLЕ>Мультимедиа в документе<ТIТLЕ></HEAD><BODY><Р><А HREF="music.wav">щёлкните здесь, чтобы послушать музыку</А><Р>Видеоролик, воспроизводимый в рамках страницы<EMBED SRC="File.avi" WIDTH="200" HEIGHT="200"></BODY></НТМL>
Создание таблиц в HTML - странице
Размещение нескольких документов
Редактор FrontPage Express
Окно редактора FrontPage Exprеss
Форматирование в редакторе FrontPage Express
Введение гиперссылок
Создание таблиц и форм в FrontPage Express
Изменение свойств тегов HTML
Использование готовых материалов
Правка кода HTML
Мастер форм в FrontPage Express