Дескрипторы в html и их обозначения. Указатель дескрипторов языка HTML. Теги и элементы

Реферат

1. Краткая история WWW

2. Язык HTML - построение Web-документов:

а) шаблон Web-документа

б) форматирование текста

в) форматирование параграфов

г) работа с изображениями изображений:

I. фоновые изображения

II. статические и динамические изображения

е) фреймы:

I. Вертикальные фреймы

II. Горизонтальные фрейм

III. Вложенные фреймы

Альтернативные средства офрмления документов

1. Краткая история World Wide Web

Общеизвестно, что сеть Internet–это, в частности, громадное хранилище всевозможной информации. До появления службы World Wide Web (WWW) навигацию по Internet в поисках нужной информации нельзя было назвать удобной. Чтобы получить файл с FTP–сервера, приходилось отдельно загружать приложение–клиент. При этом нужно было помнить свой пароль, приходилось перемещаться по многочисленным каталогам в поисках нужного файла, не забывая перед его получением установить правильный режим передачи; знать многочисленные команды работы с FTP–серверами и т.д. Если же нужно было просмотреть какую–либо конференцию, то приходилось запускать уже другое приложение, у которого был свой набор команд для чтения, пересылки, сохранения сообщений из конференций. Все это былонеудобно.

Около пяти лет назад была предпринята попытка организовать информационный порядок в сети Internet. Это привело к появлению службы World Wide Web (Всемирная Паутина), которая получила рождение в Европейском Центре Ядерных Исследований в Швеции. В основе идеи WWW лежат так называемые hypermedia документы или Web–документы, также называемые Web–страницами, призванные навести порядок в организации и поиске данных. Эти документы могут содержать как текстовую, так и не текстовую информацию (например, изображения, звук), а также ссылки. Ссылки – это указатели, с помощью которых можно свободно перемещаться из одного места документа в другое место, или же вообще ссылаться на отдельный документ, который может находиться на другом конце света. Хотя Web–документы могут содержать самую разную информацию, не только текстовую, их практически всегда называют гипертекстовыми (hypertext) документами, что в общем, не совсем верно.

На экране типичный Web–документ выглядит как набор текстасо ссылками, могут присутствовать различные иллюстрации. Документ можно листать, просматривая содержимое, быстро перемещаться по нему или другим документам с помощью ссылок.

С появлением WWW сеть Internet стала обслуживать текст и графику, с помощью мыши стало возможным путешествовать по всему миру и легко находить нужную информацию с помощью простого указания и щелчка. Стало легко перекачивать файлы и читать конференции. Вот почему служба WWW приобрела всемирную популярность и получила большое распространение. Каждый день в сети Internet появляются в больших количествах Web–серверы и публикуются тысячи новых документов.

Для построения Web–документов в WWW используется специальный язык HTML, что означает HyperText Markup Language – язык гипертекстовой разметки, язык форматирования данных. Основанный на языке SGML (Standard Generalized Markup Language), язык HTML определяет форматирование и организацию данных в Web–документах. Он не определяет то, как точно будет размещен текст на экране, этот язык определяет структуру данных. Web–документ может содержать не только текстовую информацию, и поэтому язык HTML правильнее было бы называть HyperMedia Markup Language, однако в литературе практически всегда употребляется аббревиатура HTML. Документ, созданный на языке HTML – это обычный файл в ASCII–формате. В его основе лежат специальные дескрипторы (теги), которые и определяют форматирование данных в любом Web–документе. Естественно, для просмотра HTML–документов в World Wide Web необходимо специальное программное обеспечение. Такие программы называются броузерами (от англ. browse – листать, просматривать). С их помощью можно загружать и просматривать Web–странички, осуществлять навигацию по WWW и т.д. В настоящий момент существует довольно большое количество броузеров, из которых самыми популярными являются броузеры Microsoft Internet Explorer, Netscape Navigator и NCSA Mosaic. Броузер, прочитав HTML–файл, с помощью дескрипторов интерпретирует содержащиеся в документе данные и соответствующим образом отображает их на экране компьютера.На рис. 1 показан пример Web–документа:

Рис.1 Пример Web–документа

Язык HTML быстро развивается. В процессе своего развития он приобретал новые возможности и утрачивал мало использовавшиеся и устаревшие. В настоящий момент текущей официальной версией языка HTML является версия 3.2, обладающая развитыми средствами построения Web–документов. По сравнению с версией HTML 2.0 новая версия предлагает такие новые возможности, как таблицы, «обтекание» изображений текстом, встраивание апплетов Java и др. возможности.

На сегодняшний день кроме официальной версии языка также существуют версии HTML от фирм Microsoft и Netscape, которые также поддерживают и дополнительные возможности, не описанные в спецификации к официальной версии HTML. Чтобы решить проблему совместимости броузеров при отображении документов, составленных с использованием элементов неофициальных версий языка HTML, вышеупомянутые фирмы включают в свои продукты поддержку альтернативной версии языка. На подходе уже есть версия языка под номером 4.0, называемая Dynamic HTML, обещающаяусовершенствованные старые и новые захватывающие возможности для оформления Web–документов. W3C (World Wide Web Consortium – организация по стандартам в World Wide Web) уже предлагает на рассмотрение эту версию языка как стандарт. Существуют варианты новой версии языка от фирм Microsoft и Netscape, которые, однако, пока несовместимы между собой. В настоящей работе раскрываются основные средства построения документов из языка HTML версии 3.2 фирмы Netscape Communications.

2. Язык HTML. Построение Web–документов

Как было сказано выше, форматирование документа на языке HTML задается специальными дескрипторами. Дескриптором называется команда форматирования данных и заключена эта команда в угловые скобки «». Существуют открывающие и закрывающие дескрипторы, между которыми размещается текст, подлежащий форматированию. Открывающие дескрипторы задают способ форматирования, вторые его отменяют. Разница между такими дескрипторами заключается в том, что в закрывающем дескрипторе перед именем стоит косая черта. Например, дескрипторы . Существуют также дескрипторы, которые не требуют закрывающего варианта.

Язык HTML не чувствителен к регистру букв, поэтому все дескрипторы можно задавать как прописными, так и строчными буквами. Броузер будет их однозначно интерпретировать в любом написании.

Если просмотреть исходный текст типичной Web–странички, то можно увидеть примерно следующее содержание:

заголовок документа

текст

текст

текст

текст

Между дескрипторами и находится непосредственно весь документ. Дескрипторы и определяют область задания заголовка документа. Между парой и помещается заголовок документа. Его содержимое просматривается в названии окна броузера. Информация в заголовке используется некоторыми сетевыми роботами для индексирования данных при сканировании ресурсов WWW. В эту область можно вводить, например, данные об авторе, краткое описание документа. Между дескрипторами и заключаются данные, которые будут выводиться броузером на экран. Дескрипторы и содержат данные об авторе, которые будут выводиться на экран, например, имя и фамилию автора, его электронный адрес, дата создания и изменения документа и т.д.

Строго говоря, ни одни из вышеописанных дескрипторов не являются обязательными при создании документов, однако они помогают структурировать документы и их определение является признаком хорошего стиля при составлении Web–страничек.

Форматирование текста

Форматирование текста подразумевает вывод на экран текста, выделенного определенным шрифтом или с определенными атрибутами.

Для форматирования текста нужно заключить строку или строки текста между парой дескрипторов. Ниже приводится основной список дескрипторов и результаты форматирования текста:

Например, если необходимо вывести некую строку на экране курсивом, то в тело Web–документа необходимо ввести следующее:

Этот текст написан курсивом

В результате броузер отобразит:

Этот текст написан курсивом

Дескрипторы можно комбинировать друг с другом в произвольном порядке, например, комбинация

Это текст напечатан полужирным курсивом

приведет к следующему результату:

Это текст напечатан полужирным курсивом

В некоторых Web–документах можно встретить мигающие строки текста, призванные привлечь внимание пользователя. Для этих целей используется дескриптор :

Это мигающий текст

Однако это расширение языка фирмы Netscape используется весьма редко и поэтому, возможно, скоро устареет.

В дизайне Web–страничек часто используются шрифты различных размеров. Вывести строку с размером шрифта, отличным от обычного можно с помощью дескрипторов текст , где число n – число от 1 до 7, определяющее размер шрифта относительно обычного. Таким образом, следующий текст в теле документа

Этот текст на четыре размера больше обычного

на экране будет выглядеть следующим образом:

Этот текст на четыре размера больше обычного.

Необходимо заметить, что пары дескрипторов и , а также и являются элементами языка HTML версии фирмы Netscape и поэтому могут не поддерживаться остальными броузерами.

Форматирование абзацев

Текстовая информация, размещаемая на Web–страницах, организована в абзацы. Абзац начинается дескриптором и завершается закрывающим дескриптором

, однако последний необязателен. Пример кода на HTML:

Первый абзац

Второй абзац

В результате на экране будет такой результат:

Первый абзац

Второй абзац

При составлении документа необходимо учитывать, что броузер игнорирует пробелы между словами и переводы строк при форматировании текста, поэтому он рассматривает как абзац только тот текст, который находится между дескрипторами . Принудительный разрыв строки задается дескриптором
, который не имеет закрывающего варианта. Пример кода:

Первая строка

Вторая строка

В результате броузер выведет на экран:

Первая строка

Вторая строка

Если же нужно вывести на экран текст с нужным количеством пробелов и разрывами строк, необходимо заключить его в дескрипторы И . Это обычно используется для вывода на экран листингов исходного текста программ. При этом текст будет выведен моноширинном шрифтом.

Создание заголовков

Заголовки различного уровня задаются с помощью дескрипторов и , где n – число от 1 до 6. Самый крупный заголовок задается дескриптором , самый маленький – дескриптором . Например:

Это заголовок уровня 1

Это заголовок уровня 3

Это заголовок уровня 6

В результате на экране будет выведено:

Это заголовок уровня 1

Это заголовок уровня 3

Это заголовок уровня 6

Заголовки являются одним из наиболее часто используемых элементов оформления документов в WWW.

Создание списков

В языке HTML существует возможность задавать списки трех типов: нумерованные списки, ненумерованные списки, списки определений. Начало и конец списка задается специальными дескрипторами, а перед каждым элементом списка задается дескриптор

  • , не имеющий закрывающего варианта.

    Нумерованный список:

  • Элемент списка

  • Элемент списка

  • Элемент списка

    Результат:

    Ненумерованный список:

  • Элемент списка

  • Элемент списка

  • Элемент списка

    Результат:

    * Элемент списка

    * Элемент списка

    * Элемент списка

    Списки определений представляют собой группы текста, по два элемента каждая, при этом второй элемент смещен вправо относительно первого. Как правило, такие списки используются для пояснения различных понятий. Пример:

    Первое определяемое понятие

    Пояснение первого понятия

    Второе определяемое понятие

    Пояснение второго понятияі

    Результат:

    Первое определяемое понятие.

    Пояснение первого понятия.

    Второе определяемое понятие.

    Пояснение второго понятия.

    Ссылки

    Ссылки являются одним из основных элементов языка HTML. Ссылки предлагают пользователю быстрый и удобный способ для перемещения в то или иное место в документе или даже в другой документ. Например, вместо того, чтобы листать длинный Web–документ в поисках нужного фрагмента, можно с помощью простого щелчка мыши мгновенно переместиться на нужное место (если, конечно, для этого предусмотрена соответствующая ссылка). Если есть два разных документа, то для того, чтобы обеспечить доступ из одного документа в другой, необязательно их совмещать вместе, достаточно в одном документе сделать ссылку на другой и все будет сводиться к простому щелчку мышки.

    На экране ссылки выглядят как строка или строки текста, выделенные иным цветом и подчеркнутые тонкой линией. Если подвести к этому участку текста курсор мышки, он превратиться в изображение указательного пальца, а после щелчка на этом месте будет осуществлен переход по этой ссылке.

    Атрибут HREF указывает на имя метки в текущем документе.

    Конечно, при этом необходимо в документе обозначить метку, для которой будет задана ссылка. Для этого используется дескриптор c атрибутом :

    Это метка

    На экране метка в отличие от ссылок ничем не выделяется среди остального текста.

    Если же необходимо осуществить переход на метку, расположенную в другом документе, то вышеприведенный пример немного изменится:

    URL может быть как относительным, так и абсолютным. Кроме того, ссылка может указывать не только на документ, но также и на изображения, двоичные файлы, звуковые файлы т.д. Поведение броузера при переходе по той или иной ссылке зависит от его конкретных настроек. Так, если ссылка указывает на документ, то он будет загружен, если же это звуковой или видеофайл, то он будет проигран. Если же это двоичный файл, броузер предложит его переписать на локальный диск.

    Внедрение изображений

    Использование изображений позволяет красочно оформлять Web–документы, сочетание текста и графики придает любой страничке приятный вид и наглядность.

    Для вставки иллюстраций в документ используется дескриптор :

    Атрибут задает имя файла картинки. Имя файла может указывать на как локальный файл, так и на удаленный файл, для чего следует указать соответствующий URL. Файл может представлять собой статическое изображения и иметь графический формат, понимаемый броузером, либо динамическое изображение, представленное в формате GIF89A. В последнем случае в окне броузера файл будет выведен как анимация.

    Атрибут ALT указывает на текст, который будет выводиться в окне броузера вместо изображения, если, например, броузер пользователя не поддерживает графику или же отключена опция загрузки изображений. Этот атрибут не является обязательным, однако его использование считается хорошим стилем при составлении Web–документов.

    Часто при подготовке страничек с использованием графики случается, что желаемый размер изображения не совпадает с действительным. Например, необходимо поместить картинку на определенной площади с определенным размером. Для этого нужно использовать атрибуты WIDTH и HEIGHT, которые задают требуемые размеры изображения в ширину и высоту соответственно. Например, если необходимо поместить изображение большого размера на площади высотой в 100 и шириной в 200 пикселов, то в тело документа необходимо записать следующее:

    Порядок следования этих атрибутов может быть произвольным.

    Обилие графики в документе, с одной стороны, улучшает его общий вид, с другой стороны, существенно увеличивает время его загрузки. Чтобы найти компромисс между скоростью загрузки документа и его наглядностью, дизайнеры Web–страниц часто прибегают к такому приему: изображение размещают на страничке в меньшем формате и делают его ссылкой на себя. Если щелкнуть мышкой на таком изображении, то броузер загрузит его и отобразит в оригинальных размерах. Изображение–ссылка описывается в документе следующим образом:

    Интересной возможностью представляется «обтекание» изображение текстом. Это весьма популярный способ оформления Web–страниц. При этом на экране картинка окружена текстом, например, слева и снизу. «Обтекание» текста достигается использованием атрибута ALIGN, который имеет такие параметры, как:

    LEFT – текст будет охватывать изображение слева-снизу.

    RIGHT – текст обхватывает изображение справа-снизу

    TOP – изображение окружено текстом справа-сверху

    BOTTOM – изображение окружено текстом справа-снизу

    MIDDLE – изображение окружено текстом справа-посредине

    Например, при составлении Web–странички, приведенной на рис. 1, была использована такая запись в теле документа, описывающая изображение:

    Изображения можно использовать и в качестве фона документа. Весь текст и все иллюстрации в документе будут выводиться броузером поверх фонового изображения. Фоновые изображения задаются весьма просто следующим образом:

    Если размер изображения недостаточно большой, чтобы заполнить собою все окно броузера, последний в таком случае просто размножит изображение до полного заполнения окна.

    Фреймы

    Одними из последних нововведений в официальной версии языка HTML являются так называемые фреймы. При использовании фреймов окно броузера разбивается на несколько подокон, в каждом из которых можно отображать любые Web–документы, осуществлять их прокрутку независимо от других окон. Хорошо продуманная структура фреймов может существенно облегчить навигацию по документам и улучшить восприятие информации. В качестве примера можно привести электронный вариант книги или журнала, когда в одном окне можно выбирать разделы–ссылки содержания, а в соседнем окне просматривать информацию, непосредственно относящуюся к конкретному разделу из содержания.

    Существует два типа фреймовых документов: фрейм–содержащие документы и простые документы. Фрейм–содержащие документы задают структуру самого фрейм–документа, т.е. задают данные о том, как будет разбито окно броузера на подокна. Такие документы содержат ссылки на другие документы. Обычные же документы – это те документы, которые не содержат данные, определяющие фреймы.

    Структура фрейм–содержащего документа в общем случае имеет такой вид:

    заголовок

    Текст

    Область задания фреймовой структуры

    Как видно из примера, структура такого документа несколько отлична от структуры обычного документа. Наличие дескрипторов и вместо и как раз и отличает фреймовый документ от обычного. Использование дескрипторов и является еще одним признаком хорошего стиля. Между ними задают текст, который будет выведен в окне броузера, не поддерживающего фреймов.

    Ниже приводится пример фреймового документа:

    Ваш броузер не поддерживает фреймы!

    > > знак "больше" неразрывный пробел перевернутый восклицательный знак цент фунт стерлингов денежная единица иена или юань

    Исполнитель Рисователь 25 февраля 2011 г. 1. Введение 1.1. Общие сведения Рисователь исполнитель системы КуМир. Назначение Рисователя создавать рисунки на листе. Как и другие исполнители, он имеет систему

    1 - Вставка таблиц в Web-страницы 1. ЦЕЛЬ РАБОТЫ Целью работы является знакомство с элементами и стилями таблиц в языке HTML. 2. СОСТАВ РАБОЧЕГО МЕСТА 2.1. Оборудование: IBM-совместимый персональный

    Московский государственный технический университет имени Н. Э. Баумана Ю.Е. Алексеев, А.В. Куров Компьютерная графика в среде MS VS C++ Учебное пособие 1 УДК 681.3.06(075.8) ББК 32.973.018 А47 Издание

    Создание сайтов HTML HTML Разработку web-сайта можно осуществлять двумя способами: с помощью специального web-редактора; непосредственно написанием программы на языке HTML. HTML (HyperText Markup Language)

    10. Экзаменационные билеты ЭКЗАМЕНАЦИОННЫЙ БИЛЕТ 1 1. Обзор системы FrontPage: назначение, принципы работы, интерфейс пользователя, приемы работы. 2. Указание языка содержимого: атрибут lang. 3. Форматированный

    Создание сайтов HTML Начало В 1989 году Тим Бернерс-Ли разработал технологию гипертекстовых документов World Wide Web. Гипертекст это текст, в котором содержатся ссылки на другие документы. Основные понятия

    Оглавление Введение...1 1. Цель работы...1 2. Основные теоретические сведения...1 Структура HTML-документа...1 Элемент BODY...2 Начертание текста...2 Маркированные списки...3 Нумерованные списки...3 Форматирование

    8. Перечень контрольных вопросов по блокам учебной дисциплины для проведения рубежного контроля 1. Спецификация HTML 4.0 1.1 Организация спецификации 1.2 Соглашения, принятые в спецификации 1.2.1 Элементы

    =/ :) } /?.. =* :) :) хd < < (^_^) /?.. = * =D (^L^) } Проверка домашнего задания Определиться с: 1. Типом сайта 2. Тематикой сайта 3. Компонентами сайта Теги форматирования Верхний индекс текст

    МОСКОВСКИЙ ТЕХНОЛОГИЧЕСКИЙ УНИВЕРСИТЕТ МИРЭА ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В БИОТЕХНИЧЕСКИХ СИСТЕМАХ Глава 7. ЯЗЫКИ ПРОГРАММИРОВАНИЯ ДЛЯ ИНТЕРНЕТ Работа посвящена автоматизации анализа, проектирования, разработки

    Министерство образования Республики Беларусь Учреждение образования Гомельский государственный университет им. Ф. Скорины Физический факультет «Информационные системы и сети» Лекция Таблицы в HTML Лектор

    1. Области, из которых состоит Web-страница. A) Атрибут B) Апплеты C) Браузер D) Фреймы E) Теги 2. Фреймы задаются: A) Парный тег B) Парным тегом C) Парным тегом

    1 Таблица основных тегов HTML для новичков 2 Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная информация

    Таблица спецсимволов Вступительное слово: Эта бешеная информация собиралась по всему интернету, за что ему, болезному, oгромное спасибо. Пустые ячейки встречаются, но будем считать, что они для вентиляции.

    Быстро и легко создаем Web-сайт 1 Дмитрий Козловский Приложение 3. Краткий справочник по HTML 4.0 Web-страницы создаются с помощью языка HTML HyperText Markup Language (Язык разметки гипертекста). Именно

    Лабораторно-практическая работа 2 Тема: «Форматирование текста. Создание индексов, выбор шрифта, цвета, задание полей, создание списков» Цель: - продолжить изучение создания web-страницу в редакторе Блокнот;

    Теги HTML (шпаргалка) HTML-документ (страничка) - документ, написанный на языке HTML. Заключается между тегами и. Значения тегов разметки документа Теги разметки - специальные команды для

    Основы языка гипертекстовой разметки HTML Web-документ (иначе html-документ) является обычным текстовым файлом, к имени которого добавлено расширение.htm или.html. Такой документ открывается в обозревателе

    Лекция 3 Таблицы и фреймы Лектор Ст. преподаватель Купо А.Н. Лекция 3 Таблицы и фреймы Для создания таблиц в языке HTML используются следующие элементы: TABLE - создаёт таблицу. CAPTION - задаёт заголовок

    HyperText Markup Language (HTML) язык разметки гипертекста предназначен для написания электронных документов, публикуемых в WorldWideWeb. Гипертекстовый документ это текстовый файл, имеющий специальные

    Разработка Web-страниц Цель работы: получить представление о создании гипертекстовых документов с помощью языка HTML. Создать персональную Web-страницу. Результат работы файл Моя страница1_фамилия.doc

    Лабораторная работа 2,3. Тема: Разработка Web- страниц. Гиперсвязь страниц, построение таблиц. Основные понятия: 1. Web-броузер-программа запроса и просмотра Web-документов 2. гиперссылка ссылка, позволяющая

    ТЕМА 2. ФОРМАТИРОВАНИЕ ТЕКСТА ВЕБ-СТРАНИЦЫ Тег P. Создание нового абзаца. Для создания абзаца в тексте Веб-страницы используется парный блочный тег P. По умолчанию браузер выравнивает текст абзаца влево

    HTML HyperText Markup Language язык гипертекстовой разметки является языком разметки электронных документов, указывающим программа просмотра HTMLстраниц (браузерам) форму представления описанной в документе

    Лабораторная работа 1. Создание простейшего HTML-документа. Форматирование шрифта и абзаца Цель работы: Научиться создавать простейший гипертекстовый документ средствами текстового редактора Блокнот. Научиться

    «Создание WEBстраниц с помощью HTML» Работа выполнена Хисматуллиным Ильнуром Рахимзяновичем, учителем информатики Нижнекуюкской средней общеобразовательной школы Атнинского муниципального района Республики

    Содержание ВВЕДЕНИЕ 11 Для кого предназначена эта книга 11 Как организована эта книга 11 Соглашения, принятые в книге 12 От издательства Диалектика 13 ГЛАВА 1. НАЧАЛО НАЧАЛ 14 Введение в HTML 14 Что такое

    HTML (HyperText Markup Language) язык гипертекстовой разметки документов Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора. Для создания HTML документов используют

    Глава 6 Форма Google В этой главе мы узнаем, как использовать форму для поиска на своем сайте. Для эффективного использования форм поиска вам необходимо знать основы HTML, поэтому сейчас поговорим об этих

    Гипертекстовые документы создаются на базе языка HTML (HyperText Markup Language). Ссылки, списки, заголовки, картинки и формы называются элементами языка HTML. Основными достоинствами HTML-документов

    Лабораторная работа 11 «Простейшие тэги HTML» Задание 1. Создание простейших файлов HTML Чтобы создать свой файл HTML, сделайте следующее: 1. Создайте папку HTML, в которой мы будем сохранять созданные

    Донецкий национальный технический университет Факультет компьютерных наук и технологий Кафедра компьютерной инженерии Лекция 6. Элементы HTML 4.01 (продолжение) Иваница Сергей Васильевич, ассистент кафедры

    Содержание Введение 16 Для кого предназначена эта книга 16 Условные обозначения 17 Структура книги 17 На прилагаемом компакт-диске 18 От издательства Диалектика 20 Часть. Основы JavaScript 21 Глава 1.

    Глава 3. параметров Общие положения...2 некоторых параметров...2 Основные параметры...3 align...3 bgcolor...3 border...3 cellpadding...4 cellspacing...4 class...4 cleartotals...4 colspan...5 disabled...5

    Атрибуты тэгов Атрибуты вписывают внутрь открывающего тэга. В одной команде можно использовать одновременно несколько атрибутов. Разделителем внутри тэга служит пробел. Атрибуты можно набирать как большими,

    Практическая работа 1 Создание простейшей веб-страницы Цель работы: Знакомство с общими положениями создания WEB-страниц и базовыми тегами языка HTML HTML - это теговый язык разметки документов. Элементы

    Основы языка разметки гипертекста HTML Hyper Text Markup Language (HTML) язык гипертекстовой разметки документов. Web-страницы можно создать с помощью языка HTML В обычный документ вставляются управляющие

    1 Алгоритм создания Интернет страницы (HTML-документа) 1. Открыть текстовый редактор с отсутствием операций форматирования, например, Блокнот (ПУСК Все программы Стандартные Блокнот). 2. Напечатать определенную

    Содержание Благодарности 15 Введение 16 От автора 16 Преимущества этой книги 17 Чему обучит книга 17 Для кого предназначена эта книга 17 Какую структуру имеет книга 18 Как пользоваться CD, поставляемым

    Лабораторная работа по HTML 1 Тема: Основы Цели обучения: формирование у учащихся умений создавать простые Web-страницы и оформлять содержащийся в них текст. Ожидаемые результаты обучения: Учащиеся должны

    Задание 1. Создание простейших файлов HTML. 1. Создайте в своем каталоге папку САЙТ, в которой мы будем сохранять сконструированные Web-страницы. 2. Запустите программу Блокнот. 3. Наберите в окне редактора

    Содержание Введение 13 Часть I. HTML 15 Глава 1. Основы HTML 17 Введение в основы HTML 17 История развития языка HTML 18 Как работает Web 20 Принципы взаимодействия браузера и Web-сервера 20 Понятие URL

    ГОСУДАРСТВЕННЫЙ КОМИТЕТ РОССИЙСКОЙ ФЕДЕРАЦИИ ПО РЫБОЛОВСТВУ Дальневосточный государственный технический рыбохозяйственный университет А.А. Недбайлов Компьютерные технологии Изучение гипертекстовых редакторов

    Урок 2 Основы HTML Содержание урока Структура HTML документа Основные теги оформления текста Спецсимволы Гиперссылки Изображения Списки Формы и их элементы Структура HTML документа

    Тема: Цель: Время: Задание: Практическая работа 43. HTML. Создание таблиц. Познакомиться с языком HTML, получить навыки работы с обязательными тегами, научиться создавать и форматировать документ. 80 мин.

    Работа 5 Создание Web-страниц с использованием списков и таблиц Цель работы: научиться создавать и редактировать веб-страницы со списками и таблицами Содержание работы: 1 Создание нумерованных, маркированных

    HTML язык гипертекстовой разметки Обзор HTML CSS Активные html-страницы Инструментальные системы верстки HTML HTML HyperText Markup Language язык разметки гипертекста система верстки, которая определяет,

    ОСНОВЫ ПРОГРАММИРОВАНИЯ Зачем нам знания HTML? Для чего нужен HTML? Как самому создать HTML документ? Для создания HTML файла (документа) необходимо в первую очередь поменять расширение файла текстового

    Тема 12. Создание Web-страниц с помощью языка разметки документов HTML Метка должна открывать HTML-документ, а метка закрывать HTML-документ. Пара меток... указывает на начало

    Тема: Таблицы в HTML-документах Лабораторная работа 2 Цель: научиться создавать таблицы в HTML-документах Выполнение каждого задания демонстрировать преподавателю. 1. Построение простых таблиц и колонок

    Введение в HTML Содержание История языка HTML Синтаксис языка HTML Структура документа HTML Цветовая разметка документа. Способы задания цветовых параметров Разметка текста. Физическое форматирование текста.

    Элементы HTML Элемент HTML это основная структурная единица веб-страницы, написанная на языке HTML. Структура HTML-документа HTML это теговый язык разметки документов, то есть любой документ на языке HTML

    МУНИЦИПАЛЬНОЕ АВТОНОМНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ «СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА 6» Г. ПЕРМИ УТВЕРЖДАЮ Дирев Й?/ О Ь, илипович 20 РАБОЧАЯ ПРОГРАММА ПРОФЕССИОНАЛЬНОЙ ПРОБЫ ДЛЯ 7 КЛАССА «САЙТОСТРОЕНИЕ»

    Будьте внимательны и не допускайте таких ошибок: - помещать внутрь тега... еще теги или нельзя, так как этот код будет не правильно распознан - неправильный код Лекция 4 1 Не будет ошибкой,

    Министерство образования и науки Российской Федерации Федеральное агентство по образованию Саратовский государственный технический университет ИСПОЛЬЗОВАНИЕ ЯЗЫКА HTML ДЛЯ СОЗДАНИЯ WEB-СТРАНИЦ Методические

    Порядок выполнения работы Практическая работа 1 1. Выполните упражнения 1, 2, 3, 4, 5, 6. Упражнение 1 1. Создайте новый документ. Сохраните документ с именем Текст1.doc. 2. Установите параметры страницы

    3. Основы языка разметки HTML 3.1. Создание HTML-документа в редакторе Блокнот Веб-страница представляет собой текстовый документ, в котором расставлены команды языка HTML. Они интерпретируются браузером.

    Вопрос 3. Язык гипертекстовой разметки HTML. HTML (HyperText Markup Language) это коллекция стилей (указанных в терминах языка HTML), которые определяют различные компоненты WWW документов. Годом рождения

    Краткая справка по тегам языка HTML Приложение. Краткая справка по тегам языка HTML Структура документа HTML Документ в формате HTML состоит из трех основных частей: cтрока, содержащая информацию о версии

    Язык программирования HTML 1. Вызовите текстовый редактор БЛOКНОТ, который находится в группе "Стандартные". Наберите следующий ниже текст и сохраните под именем web1.html в папку html_text, которую предварительно

    Инструкция по наполнению сайта кафедры Культурологи и Социологии (Часть 2 «редактор наполнения сайта») 1 Оглавление 1 Интерфейс редактора... 3 2 Изменение размера редактора... 4 3 Панель инструментов...

    Оглавление Введение....11 От издательства...14 Глава 1. Структура HTML-документа... 15 1.1. Общие понятия HTML....16 Элемент.... 16 Атрибут... 17 1.2. Структура HTML-документа...18 Объявление типа документа

    Гипертекстовые технологии Обычный текст представляется как одна длинная строка символов, которая читается в одном направлении. Гипертекстовая технология заключается в том, что текст представляется как