Transcript school98
Общие сведения об HTML Урок 1 HTML Hyper Text Markup Language Язык разметки гипертекста, является тем, с помощью чего web-браузер (программа для просмотра документа с гипертекстовыми ссылками) показывает мультемедийные (текстовые, графические и др.) документы. Собственно документы - это обычные тексты со специальными "тегами" или признаками, по которым браузер знает как интерпретировать и показывать текст (или картинки) на Вашем экране. О стандартах HTML Имейте в виду что все, что делает услуга WWW (и Интернет вообще) делается по единым правилам, которые позволяют пользователям почти любого вида компьютера получить и увидеть правильно предъявленную информацию. Как в HTML все это описывается? Цель этой обучающей программы научить Вас создавать документы, которые соответствуют HTML – стандартам, т.е. правилам, которыми руководствуются браузеры для представления информации на экране компьютера. Благодаря использованию стандарта HTML, ваша работа может быть с минимальными изменениями в будущем стать общедоступной для пользователей. Применяемый стандарт поддерживается большинством web-браузеров. Что это означает? Если Вы включаете HTML, который хорошо смотрится в броузере Explorer, знайте, что он одинаково хорошо будет выглядеть и в броузере Netscape, и любом другом браузере. В дальнейшем Вы сможете размещать ваши web-страницы в интернете, которые может увидеть весь мир. Так что в первой части уроков Вы будете изучать наиболее широко принятые конструкции HTML. Ну а дальше Вы можете попробовать использовать другие теги языка HTML самостоятельно. Теги HTML Когда web-браузер показывает страницу, он читает обычный текстовый файл и ищет в нем специальные признаки или «теги», которые отмечены символами < и >. Общий формат для тега HTML: <имя_тега> текстовая строка Теги HTML Теги бывают одиночные и теги контейнеры. <имя_тега> текстовая строка </имя_тега> Этот слеш, сообщает web-браузеру, что текст тега завершен. Множество тегов HTML завершаются подобным образом. Если Вы забыли поставить слеш, web-браузер будет считать, что текст тега продолжается до конца Вашего документа, что может привести к непредсказуемым результатам. Теги HTML Правило набора текста в программе Блокнот: Web-браузер не отличает строчных и прописных символов. Поэтому текст Web-страницы можно набирать как заглавными , так и строчными буквами. Например <h3>...</h3> не отличается от <H3>...</H3> Структура HTML документа Весь HTML - документ Весь текст HTML заключается в теги <html>...</html> Документ HTML содержит две основные части, заголовок (head) и тело (body). Head содержит информацию о документе, которая не показывается на экране. Body содержит все, что показывается на экране как webстраница. Базовая структура любой HTML страницы выглядит так: <html> <head> </head> <body> </body> </html> Здесь размещается служебная информация для браузеров Здесь размещается содержимое страницы Создание Вашего первого HTML-документа 1. Открыть текстовый редактор Блокнот 2. Набрать текст: <html> <head> Тег комментария не показывается на <!–---Своя фамилия ---> web странице, но содержит информацию, которая может быть </head> полезна Вам <body> Мой первый HTML-документ </body> </html> Создание Вашего первого HTML-документа 3. Сохранить в формате HTML 4. Открыть документ любым браузером Создание Вашего первого HTML-документа 5. На экране открыто две программы: Блокнот и Браузер. Мы будем вносить изменение в Блокноте, сохранять документ и смотреть в Браузере на результат. 6. Вносим изменение в документе: <html> <head> <TITLE>Первая Web-страница</TITLE> <!–---Своя фамилия ---> </head> <body> Мой первый HTML-документ </body> Тег <title> используется, чтобы </html> идентифицировать каждый документ и, кроме того он высвечивается в строке заголовка окна браузера. Создание Вашего первого HTML-документа Тег <title> используется, чтобы идентифицировать каждый документ и, кроме того он высвечивается в строке заголовка окна браузера. Тег <body> Создание Вашего первого HTML-документа 7. Открыть файл «Информационные технологии». Скопировать информацию и вставить в HTML-документ. Сохранить изменение. <html> <head> <TITLE> Информационные технологии </TITLE> <!–---Своя фамилия ---> </head> <body> Информационные технологии (ИТ, от англ. information technology, IT) — широкий класс дисциплин и областей деятельности, относящихся к технологиям управления и обработки данных, а также создания данных, в том числе, с применением вычислительной техники. В последнее время под информационными технологиями чаще всего понимают компьютерные технологии. В частности, ИТ имеют дело с использованием компьютеров и программного обеспечения для хранения, преобразования, защиты, обработки, передачи и получения информации. Специалистов по компьютерной технике и программированию часто называют ИТ-специалистами. Согласно определению, принятому ЮНЕСКО, ИТ — это комплекс взаимосвязанных научных, технологических, инженерных дисциплин, изучающих методы эффективной организации труда людей, занятых обработкой и хранением информации; вычислительную технику и методы организации и взаимодействия с людьми и производственным оборудованием, их практические приложения, а также связанные со всем этим социальные, экономические и культурные проблемы. Сами ИТ требуют сложной подготовки, больших первоначальных затрат и наукоемкой техники. Их внедрение должно начинаться с создания математического обеспечения, формирования информационных потоков в системах подготовки специалистов. </body> </html> Создание Вашего первого HTML-документа 8. Изменим размер окна браузера и посмотрим как ведет себя текст. Вопросы по изученному материалу 1. Что такое язык HTML? 2. Что такое тег и как выглядит общий формат тега? 3. Что такое тег-контейнер? 4. Из чего состоит структура HTML-документа? 5. В каком теге находится информация, которая отражается в окне браузера? 6. Где отражается информация, которая находится в теге <title>? Литература