Учебно-методическое пособие Тамбов 2002 г. Автор: Севастьянов С. Ю. Введение в язык html: Учебно-методическое пособие. Тамбов: Изд-во тгту, 2002. с icon

Учебно-методическое пособие Тамбов 2002 г. Автор: Севастьянов С. Ю. Введение в язык html: Учебно-методическое пособие. Тамбов: Изд-во тгту, 2002. с


Смотрите также:
Учебно-методическое пособие Тамбов 2002 г. Авторы составители: Иванова О. Г., Орлов В. В....
Учебно-методическое пособие Тамбов 2002 г. Авторы составители: Краснянский М. Н., Кузьмина Н. В....
Учебно-методическое пособие и задания для студентов дневного и заочного отделений специальности...
Учебное пособие Тамбов 2002 г. Авторы составители: Кузьмина Н. В, Инькова Н. А., Зайцева Е. А....
Учебно-методическое пособие Тамбов 2002 г. I. Ббк 32. 81 II. Ав...
Методическое пособие Саратов 2008 г...
Учебно-методическое пособие Тамбов...
Учебно-методическое пособие для студентов дневного и заочного отделений специальности 350300...
Учебно-методическое пособие Тамбов...
Учебно-методическое пособие по написанию курсовых работ (специальность 021100 юриспруденция)...
Учебно-методическое пособие для студентов...
Учебно-методическое пособие по дисциплине «Английский язык: базовый курс»...



Загрузка...
скачать





Тамбовский региональный центр Федерации
Интернет-Образования


С.Ю.Севастьянов




Введение в язык HTML




Учебно-методическое пособие




Тамбов


2002 г.


Автор: Севастьянов С.Ю.


Введение в язык HTML: Учебно-методическое пособие.Тамбов: Изд-во ТГТУ, 2002. с.


Учебно-методическое пособие «Введение в язык HTML» предназначено для слушателей курсов повышения квалификации на базе Тамбовского РЦ ФИО по программе «Интернет-технологии для учителя предметника», «Интернет-технологии для администратора образовательного учреждения».


 Тамбовский региональный центр Федерации Интернет-Образования

^

Содержание

Введение


  1. Язык HTML и его реализация

1.1. Что такое HTML

1.2. Программы просмотра HTML-страниц

2. Основы языка

2.1. Структура HTML-страницы

2.2. Простейшие элементы языка

2.3. Ссылки

2.4. Подробный пример

3. О возможных ошибках

4. Важнейшие конструкции языка

4.1 - тело документа

4.2 , , и - упpавление шpифтами

4.3
- гоpизонтальная чеpта

4.4
- пpедваpительно фоpматиpованный текст

4.5 и - индексы

4.6 - подчеpкивание

4.7 - заголовок <br /> <br /> 4.8 Таблицы <br /> <br /> 5. Редакторы HTML <br /><br /><br />Данное “Введение в язык HTML” первоначально было написано как электронный учебник. Сделанное на этом же языке, оно было разбито на отдельные страницы и имело многочисленные ссылки между ними.<br /> <br /> Данный “бумажный” вариант соответствует электронной версии 2.2.<br /> <br /> К сожалению, полное соответствие обеспечить не удалось – возможности интерактивной работы намного богаче, чем простое чтение. Тем не менее, основная часть содержимого сохранена в неизменном виде.<br /> <br /> Отзывы и пожелания можно направлять автору по электронной почте <u>seva@tambov.ru</u> или по телефону (0752) 72 07 35.<br /><br /><h2>Введение</h2> <br /> Работа в Internet у многих ассоциируется с WWW-серверами, суть которых в предельно краткой форме можно описать следующим образом. <br /> <br /> На экране отображена некоторая информация - текст, картинки, иногда - с элементами мультипликации. Может присутствовать и звуковое сопровождение. Отдельные места экрана выделены, например, голубым цветом и подчеркиванием. Если в такие выделенные места подвести курсор (он при этом меняет форму, превращаясь, скажем, в указующий перст) и нажать кнопку мыши, на экране появится новая информация. Она обычно также содержит выделения, ссылающиеся на новые порции информации, и т.д. В результате простым нажатием кнопки мыши удается путешествовать по всему миру. <br /> <br /> Для тех, кто в Internet не работал, не собирается, а если и работает, то не имеет ни малейшего намерения делать собственный сервер (и даже не знает, что это такое), рассмотрим пример, не имеющий отношения к сетям. <br /> <br /> Нужно подготовить доклад, иллюстрируемый текстами, графиками, рисунками и т.п. на экране компьютера. Программировать Вы не умеете или не имеете времени на это. Ну что же, выходом является язык HTML. <br /> <br /> Пусть, например, иллюстративный материал доклада имеет такой вид: <br /> <br /> <img src="77588_html_71b77e4e.png" name="graphics2" align=bottom width=367 height=279 border=0><br /><br /><br />Страница 1 - начало. При последовательном изложении с нее надо перейти на страницу 2, далее - на страницу 3, и, наконец, на страницу 4. Однако может потребоваться с первой страницы сразу попасть на третью или четвертую. И хорошо, если бы было возможно возвращаться обратно на предыдущую страницу, перепрыгивать со второй страницы сразу на четвертую и т.д. <br /> <br /> Язык HTML дает все эти возможности. И огромное количество других. <br /> <br /> Ну а если доклад делать не надо? Нужна презентация материала, электронный учебник, книга, справочник... Да мало ли что еще можно сделать на HTML с минимальными затратами труда и времени. <br /> <br /> Язык HTML дает огромные преимущества перед многими другими способами представления информации с помощью компьютера.<br /><br /><br /><span class="butback" onclick="goback(3483747)">^</span> <span class="submenu-table" id="3483747"><h2>1. Язык HTML и его реализация</h2> <ol> <ol> <li><h2>Что такое HTML</h2></span> </ol> </ol> <br /><br />Термин HTML (HiperText Markup Language) переводится на русский как "Язык манипулирования гипертекстами". <br /> <br /> Ключевым здесь является слово "гипертекст". Под ним подразумевается, в отличие от простого текста, возможность создания полноценных документов, содержащих разнообразные шрифты, графику, звук, что достигается путем включения в текст специальных указаний (их иногда называют "тэгами"). Структура тэгов четко оговорена в описании языка. <br /> <br /> Выдача гипертекстового документа (или, как часто говорят, "страницы") на экран или бумагу производится в соответствии с этими указаниями. Однако в подавляющем большинстве случаев автор документа не оговаривает многие детали, считая, что они некритичны. Тогда программа, осуществляющая выдачу документа, использует запомненные ею - при создании или в процессе настройки пользователем - значения. Таким образом, одна и та же HTML-страница может отображаться по разному на разных машинах, и даже на одной машине в разные моменты времени. <br /> <br /> Приведем примеры. <br /> <br /> Обычно в HTML-странице не оговаривается шрифт текстовой части документа - не указано ни название шрифта, ни его размер. Ясно, что выдача на машине с установленным по умолчанию значением размера шрифта в 10 пунктов будет выглядеть совершенно не так, как на машине со шрифтом в 18 пунктов. <br /> <br /> Даже при одинаковых шрифтах в окнах разного размера страница будет отличаться - станет длиннее в узком окне (попробуйте сейчас и посмотрите). <br /> <br /> Конечно, можно указать полностью все параметры страницы. Но, во-первых, зачем? Сильно ли изменится впечатление от страницы на экране монитора, если шрифт будет выглядеть немного не так? Или Вы указали очень мелкий шрифт, а у того, кто смотрит вашу страницу, похуже монитор (или зрение...) <br /> <br /> Во-вторых, нет гарантии, что все ваши указания будут выполнены буквально. Скажем, уверены ли Вы, что используемый Вами экзотический шрифт установлен на всех машинах, где будут читать документ? Или что все экраны позволят иметь заданную Вами ширину страницы? <br /> <br /> Так что оставим побольше свободы читающему - ведь HTML-страницы в основном предназначены не для бумаги, а для экрана. <br /> <br /> Второй важнейшей особенностью языка HTML является возможность включения в документ ссылок на другие документы. Внешне ссылка выглядит как выделенное (например, цветом или подчеркиванием) место текста или рисунка. Поставив указатель мыши на это место и нажав кнопку, мы получим на экране новый документ - тот, который был указан в ссылке. Таким образом появляется возможность переходить с одного документа на другой, возможно, даже расположенный на другой машине (разумеется, если ваша машина подключена к сети).<br /> <br /> <br /> <span class="butback" onclick="goback(3483748)">^</span> <span class="submenu-table" id="3483748"><h2>1.2. Программы просмотра HTML-страниц</h2></span> <br /><br />Возможно, этот раздел Вам неинтересен или непонятен - тогда прочитайте первый абзац и смело <span>переходите дальше</span>. <br /> <br /> Чтобы выдать на экран или напечатать HTML-страницу, нужна специальная программа - броузер. Поскольку язык HTML весьма распространен, написано довольно много таких программ, чем-то (иногда сильно) отличающихся между собой. Большинство из них ориентированы на работу в оконной графической среде. <br /> <br /> Я умышленно написал это по-русски, а не употребил общепринятый английский термин Windows, т.к. в России, к сожалению, он у большинства работающих с компьютерами ассоциируется с цифрами 95/98/2000... Windows'ов существует довольно много, и 95/98 не относится к лучшим из них. Есть X-Windows, OpenWin, MacOS, есть в конце концов Windows 3.1 той же фирмы Microsoft, несравнимо с Windows-95 лучший по надежности. <br /> <br /> Рассмотрим кратко самые ходовые броузеры. <br /> <br /> <b><span class="butback" onclick="goback(3483751)">^</span> <span class="submenu-table" id="3483751">Netscape Navigator</span></b> фирмы Netscape. Самый распространеный до недавнего времени в мире броузер. Тот, кто попробовал с ним поработать, вряд ли откажется от него в пользу других. Может работать практически в любой среде - Windows 3.1 начиная с оригинала, Windows95/98, Windows NT, OpenWin, X-Windows, Macintosh. Для отечественного пользователя имеет очень важное свойство - распространяется бесплатно (совершенно официально, с разрешения фирмы!). <br /> <br /> <b><span class="butback" onclick="goback(3483752)">^</span> <span class="submenu-table" id="3483752">Internet Explorer</span></b> фирмы Microsoft. В последние годы ощутимо потеснил позиции Navigator'а, главным образом благодаря агрессивной рекламе фирмы. Поскольку делает его Microsoft, то и работает он только в среде MS Windows - 95/98, 3.1, NT. Бесплатный - как сыр в мышеловке - при условии, что Вы уже оплатили Windows. Достоинство (а скорее, причина широкого распространения) - входит в базовый комплект поставки MS Windows. <br /> <br /> <b><span class="butback" onclick="goback(3483753)">^</span> <span class="submenu-table" id="3483753">NCSA Mosaic</span></b> фирмы NCSA. Самый первый из броузеров, и самый компактный (я запускал его на 286-й машине с 1 мегабайтом памяти). Долгое время был абсолютно бесплатным, позднее появилсь коммерческие версии. К сожалению, больше не развивается и, как следствие, не поддерживает некоторые из самых свежих достижений языка HTML, поэтому в последне время используется мало. <br /> <br /> <b>Lynx.</b> Полностью бесплатный продукт, без поддержки графики и звука. В текстовом режиме экрана, без всяких окон, позволяет смотреть гипертекст и, главное, ссылки в нем. Работает под Unix, есть версия под DOS. Распространяется в виде исходного текста. Применимость ограничена случаем, когда нужно "побегать" по ссылкам, а ресурсы ограничены (например, на терминале нет графики).<br /> <br /> Каждый броузер имеет отличия от других, приводящие в некоторых случаях к отличиям в отображении HTML-документов. Небольшая разница в изображении в общем-то непринципиальна, но, к сожалению, иногда разработчики вносят собственные дополнения в язык HTML, в результате чего документы, сделанные под конкретный броузер, невозможно увидеть в других. Особенно грешит этим фирма Microsoft, поэтому, даже используя их Explorer, лучше не пользоваться расширениями языка. Кстати, их расширения, сделанные для языка Java, также поддерживаемого Explorer'ом, привели к тому, что распространение вирусов по сети существенно упростилось - для машин, на которых работает Explorer.<br /> <br /> <br /> <ol start=2> <li><span class="butback" onclick="goback(3483749)">^</span> <span class="submenu-table" id="3483749"><h2>Основы языка</h2></span> </ol> <br /><br />В этой главе приводятся начальные сведения по языку HTML. Их достаточно для создания простейших страниц и структуры ссылок между ними. <br /> <br /> В принципе, можно этим и ограничиться. Однако практика показывает, что почти каждый, успешно сделав несколько страниц, стремится к улучшению их оформления. <br /> <br /> В настоящее время доступно большое количество литературы, в том числе на русском языке. Можно поискать такие руководства, а также официальное описание языка в Internet. <br /><br /><ol> <ol> <li><span class="butback" onclick="goback(3483750)">^</span> <span class="submenu-table" id="3483750"><h2>Структура HTML-страницы</h2></span> </ol> </ol> <br /><br />Большинство элементов языка HTML по своей сути являются скобками. Открывающая скобка отмечает начало части страницы, обладающей некоторыми свойствами, закрывающая отмечает конец этой части. Все, что находится между скобками, одинаково с точки зрения этих свойств. Например, можно задать для части текста цвет, отличающийся от цвета остальных частей. <br /> <br /> Скобками элементы являются именно по сути, а по форме это не скобки в традиционном виде, а конструкции следующего вида: <br /> <br /> <br /><b><слово> <br />выделяемая скобками часть </b> <br /> <br /> <b></слово></b> <br /><br /><br /><b><слово></b> задает начало выделяемой части и вид конкретных скобок (например, для изменения цвета можно задать <b></b>), а то же слово в тех же знаках <b>< ></b>, но с дробной чертой перед словом - окончание этой части (<b></b>). Список возможных слов фиксирован в описании языка. <br /> <br /> Вся HTML-страница заключается в пару скобок <br /> <br /> <b><HTML> </b> <br /> <br /> <b></HTML> </b> <br /><br /><br />(Еще раз подчеркнем, что каждая скобка - это не один знак, а все, что находится между символами < >, и сами эти символы.) <br /> <br /> Итак, все, что находится между скобками <b><HTML></b> и <b></HTML></b> - это HTML-страница. Каждая страница должна храниться в отдельном файле. <br /> <br /> Страница состоит из двух частей - заголовка и тела. <br /> <br /> Заголовок задает оформление страницы в целом, и может вообще отсутствовать. Так что отложим его рассмотрение на следующие главы, а здесь просто отметим, что начало заголовка отмечается скобкой <b><HEAD></b>, а конец - скобкой <b></HEAD></b>. <br /> <br /> А вот тело отсутствовать не должно - что же это получится за страница, на которой ничего нет. <br /> <br /> Начинается тело страницы скобкой <b><BODY></b>, заканчивается - <b></body></b>




Скачать 255,53 Kb.
оставить комментарий
Севастьянов С.Ю
Дата02.10.2011
Размер255,53 Kb.
ТипУчебно-методическое пособие, Образовательные материалы
Добавить документ в свой блог или на сайт

Ваша оценка этого документа будет первой.
Ваша оценка:
Разместите кнопку на своём сайте или блоге:
rudocs.exdat.com

Загрузка...
База данных защищена авторским правом ©exdat 2000-2017
При копировании материала укажите ссылку
обратиться к администрации
Анализ
Справочники
Сценарии
Рефераты
Курсовые работы
Авторефераты
Программы
Методички
Документы
Понятия

опубликовать
Загрузка...
Документы

Рейтинг@Mail.ru
наверх