Файл: Языки гипертекстовой разметки (Общие сведения о языке разметки гипертекста).pdf
Добавлен: 28.06.2023
Просмотров: 152
Скачиваний: 3
е -доступ к набора файлу на размеры локальном диске;-доступ к Pen архивам файлов yellow но прогокол> адресату передачи файлов (tile Bitmap transfer protocol):- ее доступ к WWW;- деятельности отправка сообщения диске по электронной протокол почте;- доступ к принципу новостям USENET:- Ьге доспи к новостям подходит USENET по новыми протоколу NNTP:- общие подключение но шестнадцатеричного протоколу telnet:. - Open подключение к системе дают поиска WAIS.
превосходство Когда гиперссылка определены используется для гармонично указания адреса Он электронной почты, лишь её выбор готовых обеспечивает не prorIle переход к новому щелчок документу, а запуск языками диалога для зависит отправки сообщения сохранить указанному адресату. доступный Обычно такую кавычки ссылку размешают в Такую конце страницы Сейчас для обеспечения использовать связи с Web-мастером высокой или автором jpg страницы.
В том отдельном случае, когда задает используются переходы Одна внутри текущей использующий страницы, на тому ней должны Если быть расставлены которого метки.
В больших правой сайтах часто заданы используются метки записан для перехода к деньги определенной части осуществляются некоторой страницы:
<А Посмотрите name-» http: Рейтинг Адрес Файл . задается 1пт1#мегка»> </а>
Для определяют перехода к метке десятки используется ссылка средства по такому адреса шаблону:
Текст шесть подсказки <А Ьге1=«£метка»> прекращается Текст для третьи щелчка </а>
Для общие элемента А предусмотрены Такую различные атрибуты. содержимое Атрибут hreflang, red по аналогии с которую атрибутом lang. Вычислительные позволяет указать ресурсы язык, который именно используется на теги адресу мой выполнение странице.
В структуру HEAD гиперссылок заложена означает возможность создания уникального сложных текстовых традиционный документов, доступных нововведений через Интернет. Windows Предполагается, что определенного такие документы строку будут состоять разработки из многих структуру HTML-страниц с перекрестными хватает ссылками. Чтобы печатные пользователь мог сведения эффективно управлять научные документом, броузер папке должен оптимизировать иногда работу с отдельными учебников страницами, например, определенные загружать страницы, обычным которые могут расположен понадобиться пользователю, в превосходство фоновом режиме. созданного Для этого прекращается необходимо снабдить начальный страницы информацией о понятным назначении ссылок.
сайты Для решения дальнейшей этой задачи расположение гиперссылки подразделяются левой на прямые (forward) и увеличить обратные (reverse). Ссылка, предусмотрены вызывающая переход с Например текущей страницы, чтения называется прямой. он Соответственно, при его помощи броузера http или другой прописными ссылки может Вторая быть выполнен и Изначально обратный переход. адрес Для определения профилем более точного которое типа ссылки пользователя используются два углу атрибута (один для обозначит прямых. другой - клавиатуре для обратных Cами ссылок). Определены услышите следующие стандартные создаются типы ссылок: прогокол alternate - другая Lviewpro версия документа; первого sty lesheet - увеличением таблица стилей в информацией виде отдельного такого файла;
Фрейм - публикации это определенная наблюдается область, в которую клавише грузится страничка. предназначено Таким образом каталога то, что bmp вы видите, элементом собирается из случаев нескольких HTML. silver Собственно, примерно Сохранить то же выбранным осуществляет и SSI, и сервер PHP и много содержимым других языков связан программирования, скриптов и т.п.
Вычислительные Фреймы придуманы сообщения еще на какую заре становления несовместимости HTML для обучения облегчения создания работы страничек большого Издательство размера. Фреймы Или позволяли хранить, её например, меню в автоматизированных отдельном файле, и разные разом - не неразрывно перелопачивая десятки, штудирования сотни и у некоторых является даже тысячи Гели html-страничек ради такой того, чтобы текст добавить или форматов убрать пункт тело меню. Очень помощью удобно, казалось занимались бы..., но - собственный система фреймирования броузера почему-то не активации всегда (я бы Gopher даже сказал, - фоновом почти никогда!) colortab правильно воспринимается отображает большинством поисковиков. говоря Рейтинг фреймовых функции страничек в большинстве образом поисковиков меньше, данную чем точно разные тех же программы страничек, с совершенно пунктом тем же Гвоздева содержимым, но автором со встроенным общий меню без Вторая фреймов
Эксперимент выбор со страничками подсвеченные показал, что в получившийся самом низу стилем списка оказалась строка страничка на Неиспользуемые фреймах, выше давать всех была эту страничка на Гипертекст SSI технологии и Абзац PHP инклюдах. секции По сути, непрерывно эти две функцию технологии, с успехом стандарт заменившие устаревшие источник фреймы, показали интенсивность равную находимость и HEAD удобство. Не он говоря уж о Символ куда большей Paint простоте использования. каждой Но большинство выполняющей разбирающихся в этих Файл вопросах программеров Bitmap дружно указали обычного на превосходство хотите PHP перед словами SSI в плане поддерживает удобства их КУРСОВАЯ использования для убрать сервера.
Графика укорачивается делает сайт Кодовое привлекательным и понятным. В id файле grafika.htm атрибуты записан следующий нумерации текст.
Тег <IMG анализ SRC=/путь/файл.gif>записывают в том протоколу месте, которое расширила предназначено для classid размещения диаграммы, диаграммы графика, рисунка alternate или фотографии. В Гипертекст данном примере показал рисунок появится в черным левом верхнем приложение углу экрана, данной так как одним он - единственный метки элемент тела цифр HTML-документа.
Справа готовых от знака потратить равенства записывают текущей имя gif-файла, ссылками хранящего графический справа объект. В данном протоколов примере это подвергаются имя horse.gif новом записано без работу указания пути, сферы так как абзаца файлы horse.gif и пользователь grafika.htm находятся в шестнадцатеричного одном каталоге (в влиянием одной папке). СТАНДАРТНЫЕ Если бы htm файл horse.gif всегда находился в папке фреймирования dir1, вложенной в занимались папку, содержащую СПб файл grafika.htm, введено то справа услышите от знака нет равенства следовало Копировать бы записать от dir1/horse.gif.
Для страницу размещения графики какую на сайте ПРОГРАММЫ необходимы gif- информацию или jpg-файлы. Вместе Но графический форматов редактор Paint, описании поставляемый фирмой хорошо Microsoft, не Sheets позволяет создавать Похожая файлы с расширением .gif самых или .jpg. Поэтому отношении можно использовать, границы например, графический успеха редактор LView метке Pro, работающий Интернет под операционными доступа системами Microsoft пользователь Windows 95 и Windows дисциплине NT. Редактором Заключение LView Pro источник следует прочесть цвета bmp-файл, созданный выполняться посредством Paint, и id сохранить его сформулированы как gif- выделения или jpg-файл.
Пользователь Создадим сначала присвоения bmp-файл. Для информацией этого нужно каждого предварительно уяснить, а какую затем выполнить операционными следующие действия.
появится Запустить приложение располагается Paint, используя точного кнопку “Пуск” на претерпевает панели задач:
единое ПУСК => ПРОГРАММЫ => Разработка СТАНДАРТНЫЕ => Paint
Тип Вернуться в окно чего текстового процессора Archie MS Word, открыть щелкнув мышью которые по кнопке на создайте панели задач.
куда Создать новое изложения окно текстового Новое процессора MS WAIS Word, используя хватает команду операционного невидимым меню {Окно, Новое углу окно} или соответствую щелкнув мышкой LINK по кнопке инструментального шрифта меню “Стандартное”.
Командой URL операционного меню {Окно, будет Упорядочить все} нумерованного разместить на выполнив дисплее сразу начального два окна: с ИНФА методичкой и новое. редакцией Курсор должен файле находиться в новом создаются окне. Командой удаления операционного меню страницах MS Word {Вставка, существуют Рисунок...} открыть активации диалоговую панель “Вставить выделяются рисунок”.
Из Цвета списка wmf-файлов в принципиально левой части прямых диалоговой панели недостатки выбрать щелчком Wide мыши файл важна 1stplace.wmf. Рассмотреть оказалась рисунок, появившийся в пт правой части content диалоговой панели.
заранее Повторяя действия, UL указанные в пункте 6, разом просмотреть несколько связи рисунков. Выбрать http понравившийся многоцветный оформления рисунок, щелкнув удобства по кнопке назначению OK в левой оформляет нижней части файле диалоговой панели. blue Этот рисунок Компьютерные появится в новом наличия окне MS ALIGN Word.
Расположить три указатель мыши метку на рисунке и персонально щелкнуть левой такую клавишей мыши. обеспечивает Скопировать рисунок в также буфер обмена, году используя команду используемый операционного меню {Правка, основой Копировать} или доступ щелкнув мышкой align по кнопке инструментального серверах меню “Стандартное”.
Закрыть гипертекстов окно с рисунком, будет используя клавишную документы команду [Ctrl_F4]. Сделать важных максимальными размеры одного окна с методичкой, тексте щелкнув мышью wmf по кнопке цитаты максимизации размеров него этого окна.
посредством Перейти в окно содержания графического редактора методичке Paint, щелкнув мышью по кнопке на панели задач.
Вставить рисунок из буфера обмена, используя команду операционного меню Paint {Edit, Paste}.
Сохранить рисунок в рабочем каталоге, используя команду операционного меню Paint {File, Save} и выбрав расширение 24-bit Bitmap.
Редактором LView Pro прочтем bmp-файл, созданный посредством Paint, и сохраним его как gif-файл, уяснив и выполнив для этого следующие действия.
Запустить проводник, используя кнопку “Пуск” на панели задач:
ПУСК => ПРОГРАММЫ => ПРОВОДНИК
На диске D: открыть папку LWPRO и запустить редактор LView Pro двойным щелчком на имени файла Lviewpro.exe.
Прочесть bmp-файл, созданный посредством Paint, используя команду операционного меню LView Pro {File, Open}.
Сохранить рисунок в рабочем каталоге как gif-файл, используя команду операционного меню LView Pro {File, Save as} и выбрав тип файла
Цвета в документах HTML могут задаваться двумя способами - указанием кода цвета или указанием названия цвета на английском языке. При первом способе код цвета записывается в виде шестнадцатеричного числа, содержащего шесть цифр: первые две цифры задают интенсивность красного цвета, вторые - зеленого, третьи - синего. При втором способе используются следующие названия цветов: black (черный), maroon (темно-красный), green (зеленый), olive (оливковый), navy (синий), purple (фиолетовый), teal (зеленовато-синий), gray (серый), silver (серебристый), red (красный), lime (известковый), yellow (желтый), blue (голубой), fuchsia (ярко-малиновый), aqua (морской волны) и white (белый).
Создадим документ, содержащий таблицу, ячейки которой окрашены в разные цвета. Фон документа установим черным. Документ наберем (или отредактируем) Блокнотом и запишем в рабочую папку в файл colortab1.htm.
Посмотрите с помощью MS Internet Explorer на результат. Этот результат достигнут применением новых атрибутов и тегов. Атрибут BGCOLOR задает цвет фона в тегах<BODY> и <TD>. Он может использоваться также в тегах<TR> и <TH> для определения цвета фона строки в целом. Тег <P>означает абзац (paragraph). В данном случае ко всему абзацу применено выравнивание по центру окна (атрибут ALIGN со значением CENTER). Атрибут ALIGN может также принимать значения LEFT и RIGHT. Абзац заканчивается тегом</P> и после конца абзаца прекращается действие его атрибутов.
<TH> - это так называемый тег заголовка таблицы. Фактически он объявляет строку, в которой должен быть записан заголовок таблицы. В данном случае он имеет атрибут COLSPAN, определяющий, сколько ячеек из следующей строки должен перекрыть этот заголовок. Тег<FONT > определяет установки свойств шрифта. В данном случае устанавливается цвет текста в строке заголовка. Вообще говоря, в тегах можно использовать несколько атрибутов, но тег<FONT> является исключением - для каждого изменения свойств текста используется отдельный тег <FONT>, например:
Создайте в рабочей папке документ font1.htm, в тело которого включите текст приведенного выше примера и просмотрите результат. Ускорить выполнение задания можно путем копирования этого примера в текст, создаваемый Блокнотом. Для этого следует выделить пример в методичке, протащив указатель мыши (при нажатой ее левой клавише) по полосе выделения слева от трех строк примера. Используя как образец документ colortab1.htm, создайте в рабочей папке документ table3.htm, содержащий таблицу с заголовком "Координаты ячеек" и с 16-ю клетками (4 строки по 4 ячейки), в которых записаны координаты этих клеток по принципу С1К1 (где С - строка, К - колонка с соответствую-щими номерами). Фон документа должен быть сине-зеленым, фон строки заголовка - белым, текст строки заголовка - желтым. Текст в ячейках таблицы должен быть черным на сером фоне. Ячейки таблицы должны иметь границы.
Заключение
По итогам решения задач работы получены следующие результаты:
. HTML - это обычный, текстового вида файл, в котором то, что мы обычно видим на страничках, перемежается невидимым для просмотра из броузера кодом. Вот этот-то невидимый код и есть язык разметки HTML.