1. Лабораторная Работа Основы Языка Html Веб Сайт 10 Страница
2. Лабораторная Работа Основы Языка Html Веб Сайт 10 Страницы

1 Лабораторная работа 1 «Форматирование текста в HTML-документе» Цель работы: изучить основные тэги форматирования текста в HTML и овладеть навыками их использования при создании Webстраницы 1. Краткие теоретические сведения Служба World Wide Web (WWW) это самая популярная служба современного Интернета. Ее нередко отождествляют с Интернетом, хотя на самом деле это лишь одна из его многочисленных служб. World Wide Web это единое информационное пространство, состоящее из сотен миллионов взаимосвязанных электронных документов, хранящихся на Web-cepвepax. Отдельные документы, составляющие пространство Web, называют Web-страницами. Группы тематически объединенных Web-страниц называют Web-узлами (Webсайтами). Один физический Web-сервер может содержать достаточно много Webузлов, каждому из которых, как правило, отводится отдельный каталог на жестком диске сервера.

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

Лабораторная работа № 7. Создание HTML-страницы. Цель работы: Создать HTML страницу, изучить основные теги для разработки HTML страниц, рассмотреть способы сохранения и просмотра созданных страниц (с помощью программ Блокнот и Internet Explorer). Базовые сведения: Для создания HTML страницы необходимо записать в программе Блокнот соответствующий код, состоящий из набора тегов (команд), сохранить данный документ с расширением HTML и открыть его с помощью программы Internet Explorer. В приведенном примере устанавливаются красный цвет фона страницы и синий цвет основного текста. Структура HTML страницы состоит из следующих элементов.

Неизвестны ни размеры экрана, ни параметры цветового и графического разрешения, неизвестна даже операционная система, с которой работает компьютер клиента. Поэтому Web-документы не могут иметь «жесткого» форматирования. Оформление выполняется непосредственно во время их воспроизведения на компьютере клиента и происходит оно в соответствии с настройками программы, выполняющей просмотр. Программы для просмотра Web-страниц называют браузерами (обозревателями). Браузер выполняет отображение документа на экране, руководствуясь командами, которые автор документа внедрил в его текст (если автор применяет автоматические средства подготовки Web-документов, необходимые команды внедряются автоматически). Такие команды называются тэгами. От обычного текста они отличаются тем, что заключены в угловые скобки.

Большинство тегов используются парами: открывающий тег и закрывающий. Закрывающий тег начинается с символа «/». Буров И.П., 2 Сложные тэги имеют кроме ключевого слова дополнительные атрибуты и параметры, детализирующие способ их применения. Правила записи тэгов содержатся в спецификации особого языка разметки, близкого к языкам программирования. Он называется языком разметки гипертекста HTML (Hyper Text Markup Language). Таким образом, Web-документ представляет собой обычный текстовый документ, размеченный тэгами HTML.

Такие документы также называют HTML-документами или документами в формате HTML. При отображении HTML-документа на экране с помощью браузера тэги не показываются, и мы видим только текст, составляющий документ. Однако оформление этого текста (выравнивание, цвет, размер и начертание шрифта и прочее) выполняется в соответствии с тем, какие тэги имплантированы в текст документа. Существуют специальные тэги для внедрения графических и мультимедийных объектов (звук, музыка, видеоклипы). Встретив такой тэг, обозреватель делает запрос к серверу на доставку файла, связанного с тэгом, и воспроизводит его в соответствии с заданными атрибутами и параметрами тэга мы видим иллюстрацию или слышим звук. 4 Каждый HTML-документ должен содержать основную информацию о его происхождении.

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

При этом должна быть задана связь с домашней страницей автора; дата создания документа или его последней модификации, или и та и другая; контекст документа и его статус, например: часть официальной документации компании об одном из ее продуктов, или часть личной информации о хобби автора, или что-то другое. Адрес (URL) документа. Элемент предназначается для выделения той части документа, которая будет визуализирована для пользователя. Он имеет как начальный, так и конечный теги.

Лабораторная Работа Основы Языка Html Веб Сайт 10 Страница

• ЛАБОРАТОРНАЯ РАБОТА №1 10. Для создания Web-страниц. Изучить основы языка HTML.
• Развитие самостоятельности при создании web-сервисов, сайтов, порталов. Лекции, Лабораторные работы, Самостоятельная работа. 1.2, Современные технологии разработки Web – документов, 1, 10, 11. 2.2, Основы языка РНР, 1, 2, 12, 1, 16. Размещение кода JavaScript на HTML-странице.
• Лабораторная работа 1. Основы структуры HTML-документа. Предыдущая 2 3 4 567 8 9 10 11 Следующая. Структура Web-страницы. Перед началом работы с документом необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера HTML. Необходимо отметить, что любой HTML-документ открывается тегом HTML> и им же закрывается. Содержимое страницы находится между тегами HTML> и HTML> и делится на две части, которые заключаются в парные теги и, в которые следует разместить, соответственно, заголовок и тело документа: 1.

Начальный тег может иметь несколько атрибутов. Вложенные атрибуты элемента: BACKGROUND. Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Синтаксис: BGCOLOR. Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB, или при помощи строчного литерала, соответствующего названию цвета. Синтаксис: или TEXT.

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

Синтаксис: VLINK. Этот атрибут задает цвет посещенной гиперссылки, не желательно задавать ему цвет фона и цвет атрибута LINK по понятным причинам. Синтаксис: Буров И.П., 5 Элемент определяет заголовок документа.

Элемент BASE - базовый, основной URL. Цель - задание базового URL для относительных URL в документе, например:. Элемент BASE непосредственно не отображается в документе. Основной синтаксис. Так как в документе допускается только один элемент BASE, Вы не можете иметь различные базовые URL в различных частях файла HTML.

Лабораторная Работа Основы Языка Html Веб Сайт 10 Страницы

При отсутствии элемента BASE в документе URL самого документа становится базовым в пределах документа. Элемент META метаинформация, используется для задания метаинформации (информации о документе), т.е. Пар имя/значение, описывающих свойства документа, например, авторство, истечение даты, список ключевых слов и т.д. Типичное отображение Элементы META не влияют на отображение самого документа. Они могут давать некоторый эффект при представлении информации о документе, например, в верхнем окне броузера или в ответе на запрос от поискового средства. Тэг META влияет на индексирование документа, когда он включается в базу данных поискового сервера.

Тэг TITLE - 'внешний' заголовок (титул), используется для задания обязательного 'внешнего' заголовка документа. Титул может выводиться в окне заголовка программы просмотра; в списке результатов поиска, возвращаемых поисковым сервером; в горячем списке, определяемом пользовате-лем; списке истории и т.д. Основной синтаксис: последовательность символов. В TITLE можно использовать Escape-последовательности, но никакие тэги HTML не разрешены, поэтому Вы не можете задавать в заголовке размеры шрифтов или выделения. Файл HTML может содержать комментарии, дающие пояснения для человека, читающего HTML-код.

Комментарии не влияют каким-либо образом на представление документа, т.е. Они игнорируются браузером. Вы можете начать комментарии с четырехсимвольной последовательности (два дефиса, знак 'больше чем').

Буров И.П., 6 2. Порядок выполнения работы Задание. Создать домашнюю Web-страницу, содержащую информацию о студенте.

Первая из них – время доставки информации, оно существенно зависит от объема передаваемого файла. В стандарте HTML вводится иерархическая структура документов: вся информация по некоторой теме разбивается на небольшие смысловые блоки и посылается пользователю только по мере возникновения необходимости в ней. Это существенно сокращает время ожидания ответа на возникший вопрос и делает работу в сети более комфортной и дешевой. Для организации такого режима работы в языке HTML введено средство гиперссылка (см. Весь документ набирается только текстовыми символами (их коды понятны всем редакторам), т. Его можно набрать в любом текстовом редакторе (например, 'Блокнот', 'WordPad'). Символы и конструкции, которые непонятны браузеру (программе, позволяющей просматривать web-страницы), игнорируются (а текстовые редакторы обычно прекращают интерпретировать документ, если встречают в нем непонятные коды).

В текст документа можно добавлять разнообразные команды, которые указывают, как следует изображать на экране тот или иной фрагмент текста. Эти команды называют тегами. Они так же, как и документ, набираются текстовыми символами, но отделяются от него угловыми скобками:. Файлы c HTML-кодом должны помечаться расширением.html или.htm. Структура тегов.

Многие теги являются парными. Открывающий тег включает какое-нибудь действие, закрывающий прекращает его. В этом случае ключевое слово у обоих тегов одинаковое, но в открывающем теге дополнительно перечисляются все необходимые атрибуты, а в закрывающем атрибутов нет, и перед ключевым словом ставится знак /. Парные теги называются контейнерами. Например, контейнер Я изучаю язык HTML означает, что текст Я изучаю язык HTML следует изобразить жирным шрифтом, а дальнейшие символы – так, как до него. в ключевых словах и атрибутах строчные и прописные регистры букв не различаются;. URL файлов-ссылок заключаются в двойные кавычки, и регистры букв в них учитываются;.

в последовательности пробелов, идущих подряд, учитывается только первый, остальные игнорируются;. признак начала новой строки игнорируется.

Поэтому при составлении кода можно клавишей разрывать его на строки так, как код удобно просматривать и редактировать. На виде документа в окне браузера это не отражается. Если нужно сохранить при просмотре через браузер введенные в код HTML пробелы и разрывы строк, следует воспользоваться тегами компоновки текста (см. Теги Действие, Полужирный шрифт Курсив Более крупный шрифт Более мелкий шрифт Нижний индекс Верхний индекс Самый крупный размер заголовка Промежуточные размеры заголовков Самый мелкий размер заголовка Переход на новую строку Новый абзац Горизонтальная линия Компоновка текста, как в коде Нумерованный список Маркированный список Элемент списка Таблица Заголовок таблицы Строка таблицы Ячейка заголовка Ячейка данных. Атрибут Возможные значения Действие атрибута В каких тегах используется COLOR= GRAY (серый), AQUA (аквамарин), BLACK (черный), BLUE (синий), FUCHSIA (яркий пурпурно-красный), GREEN (зеленый), LIME (зеленоватый), MAROON (темно-бордовый), NAVY (темно-синий), OLIVE (оливковый), PURPLE (пурпурный), RED (красный), SILVER (серебристый), TEAL, YELLOW (желтый), WHITE (белый). последовательность (от 'greater than') – вместо символа (больше);. последовательность ' (от 'quotations mark') – вместо символа ' (двойные кавычки);.

последовательность & (от 'ampersand') – вместо символа &;. последовательность   (от nonbreaking space – неразрывный пробел) – вместо пробела, который не следует игнорировать при выдаче документа в окно браузера. Эта &-последовательность как бы вставляет в текст невидимую глазу букву, которую браузер воспринимает как реальную и оставляет для нее место на экране. Она используется для заполнения пустых ячеек таблицы, пустых абзацев, для склеивания слов (если набрать TOP 100, то у вас никогда не получится, что TOP останется в одной строке, а 100 перенесется на следующую, например, при изменении шрифта или размера окна браузера). Помимо перечисленных выше тегов существуют шесть контейнерных тегов, удобных для оформления заголовков.,. Заголовки отличаются от текста и между собой толщиной и высотой букв (в заголовке самые крупные символы, в – самые мелкие), а также увеличением интервала по вертикали между заголовком и прочей информацией.

Атрибут ALIGN управляет выравниванием заголовков по горизонтали. По умолчанию он принимает значение LEFT. Другие возможные значения: CENTER, RIGHT. Как видно из примера, начало и конец таблицы оформляются тегами.

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

Атрибут WIDTH=n%, где n – целое число, позволяет занять таблицей нужный процент от ширины экрана. Если знак процента опущен, то считается, что n задает размер таблицы в пикселах. Внесение в документ изображений, как правило, существенно улучшает его внешний вид и делает его привлекательным для просмотра. Файлы рисунков можно использовать как фон для основной информации или же включать в документ как самостоятельные объекты. В Интернете обычно используют изображения в формате GIF и JPEG (файлы с расширениями.gif и.jpg). Современные браузеры понимают и другие форматы графических файлов (например,.png,.svg).

Все они хорошо сжимают изображение, но в то же время прилично сохраняют его цветовую гамму и детали. Инструкция по ремонту радиоприемника ленинград-006.