Создание Web-докyмeнтов и простейшей Web-страницы, изучение приемов форматирования, создание гиперссылок

  <Н1>Заголовок</Н1>

  <Р>Первый  абзац</Р>Второй абзац

  <Н2>Заголовок  второго уровня</Н2> 

  

10. Для каких  целей используется парный тега <Р>. Какие закрывающие теги рассматривается как  необязательные?

  Обычные абзацы задаются с помощью парного  тега <Р>. Язык HTML не содержит средств для создания абзацного отступа («красной строки»), поэтому при отображении на экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </Р> рассматривается как  необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа.

  … Блочные элементы относятся к частям текста уровня абзаца. Хорошим признаком тона считается закрывать даже необязательные теги, в таком коде также удобней ориентироваться. <br> <li> - пункт списка (маркировка).

  Списки  определений. Этот вид списка задается тегами <DL>(закрывающий тег </DL> – необязательный). Раз списки «ОПРЕДЕЛЕНИЙ» значит, есть элементы(<DT> – определения) и пояснения к ним(<DD> – описания). То есть список состоит из 2-х частей. В предыдущих списках был лишь <LI>, а теперь <DT>и<DD>(Закрывающие теги </DT>и</DD> – необязательны).

  <DL>

     <DT>HTML

         <DD>Это язык разметки гипертекста

     <DT>Гитара

         <DD>Струнный щипковый музыкальный  инструмент

     <DT>Блокнот

         <DD>Простейший текстовый редактор 

  

11. Сформулировать  правила вложения элементов языка  HTML?

  • Элементы не должны пересекаться. Другими словами, если открывающий тег

  располагается внутри элемента, то и соответствующий  закрывающий тег должен

  располагаться внутри этого же элемента.

  • Блочные элементы могут содержать вложенные блочные и текстовые элементы.

  • Текстовые элементы могут содержать  вложенные текстовые  элементы.

  • Текстовые элементы не могут содержать вложенные блочные элементы.

  Строго  говоря, все правила языка HTML можно рассматривать исключительно как

  «пожелания». Средство, используемое для отображения  Web-документа, сделает все возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка. 

  

12. Какие средства для создания абзацного отступа («красной строки») существуют в языке HTML.

  Обычные абзацы задаются с помощью парного  тега <Р>. Язык HTML не содержит средств для создания абзацного отступа («красной строки»), поэтому при отображении на экране компьютера абзацы разделяются пустой cтрокой. Закрывающий тег </Р> рассматривается как  необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа. Например:

  <Н1>Заголовок</Н1> <Р>Первый абзац</Р>Второй абзац <Н2>Заголовок второго уровня</Н2>

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

  Язык  HTML рассматривает символы конца строки и пробелы особым образом. Любая последовательность, состоящая только из пробелов и символов конца строки, при отображении документа рассматривается как одиночный пробел. Это, в частности, означает, что символ конца строки даже не осуществляет перехода на новую строку (для этой цели используется текстовый элемент, задаваемый непарным тегом <BR>).

  В качестве ограничителя абзацев может  также использоваться горизонтальная линейка. Этот элемент задается непарным тегом <HR>. При отображении документа на экране линейка разделяет части текста друг от друга. Ее длина и толщина задается атрибутами тега <HR>.

  <HR ALIGN="RIGH” SIZE="10" WIDTH="50%"> --- Этот тег создает горизонтальную линейку шириной в 10 пикселей, занимающую половину ширины окна и расположенную справа. Также можно воспользоваться неразделимым пробелом  &nbsp для отступа или тегом  <p style="text-indent: 40px"> </p> для создания отступа первой строки абзаца. Для переноса строки (внутри абзаца, например) используется <br> .

13. Для каких целей используется  непарным тегом <BR>? Привести примеры.

  Для переноса строки (внутри абзаца, например). Удобно разделять строки в стихотворениях:

  /*В лесу  родилась елочка, <br> В лесу она росла. <br> Зимой и летом стройная <br> Зеленая была.*/ 

  

14. Для каких  целей используется  непарным тегом <НR>? Привести примеры.+

  Данный  тег используется для визуального  разделения страницы\текста\элементов. <hr align="center" color="black" size="3" width=50%> --- создает посередине страницы черту черного центра, «жирнотой»=3 и длиной в 50% от ширины страницы. 

  

15. Каким образом  задается гипертекстовая ссылка и каким  является атрибут HREF= ? Привести примеры.                           

  Гипертекстовая  ссылка (рис. 2) является фрагментом текста документа и потому задается текстовым элементом, определяемым при помощи парного тега <А>. Этот элемент содержит обязательный атрибут, который не может быть опущен. В данном случае обязательным является атрибут HREF= (знак равенства показывает, что необходимо задать значение этого атрибута).

  В качестве значения атрибута используется адрес URL документа, на который указывает ссылка. Она может указывать на произвольный документ, располагающийся на любом общедоступном узле сети (Web-узел, архив FTP и прочие). Например, открывающий тег ссылки может иметь вид <А HREF="http://www.site.com/index.htm">. 

  

16. Правила формирования гиперссылки на определенное место внутри страницы. Привести примеры.

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

  При использовании относительного адреса в ссылке задается только относительный путь поиска для документа. В этом случае предполагается использование того же протокола и того же Web -узла, а ссылка рассматривается как внутренняя. Внутренняя ссылка сохраняет свою работоспособность в случае изменения адреса Web-узла как целого (например, в результате его переноса на другой сервер), поэтому при потенциальной возможности такого события следует отказываться от полного задания адресов в гиперссылках.

  Гиперссылки можно использовать для ссылки на мультимедийные файлы. Это удобно, так  как в этом случае не приходится ждать загрузки мультимедийных файлов при работе с данной страницей. Если же требуется интегрирование объектов мультимедиа в Web -страницу, используют парный тег <OBJECT> или нестандартный непарный тег <EMBED>, который тоже поддерживается наиболее распространенными браузерами. 

   17. Где и как указывается ссылка на якорь? Привести примеры.

  Полный  формат гиперссылки включает возможность  ссылки на определенное место внутри страницы, так называемые внутренние ссылки. Но это можно сделать для страниц собственной разработки, пометив соответствующее место при помощи якоря. Якорь задается также при помощи парного тега <А>, но в роли обязательного выступает атрибут NAME=. Значение этого атрибута — произвольная последовательность латинских букв и цифр (пробелы недопустимы), рассматриваемая как имя якоря. Для ссылки вместо URL задается имя метки , к которой выполняется переход:

  <A HREF="#имя метки">текст ссылки</A>

  Символ  # означает, что ссылка указывается на метку, а не на внешний файл. Для создания конечной закладки ссылки применяется тег <А> с атрибутом NAME:

  <A name=”имя метки”>

      <! – текст элемента метки  -->       </A>

  Допустим, документ имеет несколько разделов, из названий которых составлен список (подобно оглавлению)

     <A href=”#глав1”>Глава 1. Безенчук и &laquo;нимфы&raquo;  </A><BR>

  Текст всего  документа оформляется обычным  образом – с одним отличием: заголовки глав снабжаются якорями, для которых заданы соответствующие  имена name:

    <H1>Часть первая. Старгородский лев</H1>

       <H2><A name=”глав1> Глава 1. Безенчук и &laquo;нимфы&raquo;  </A><H2>

           <! – текст элемента метки -->