Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Ссылки внутри одного документа






Ссылка внутри одного документа – закладка - может создаваться двумя способами. Способ первый - с помощью атрибута name (имя закладки) тега < a> < /a>:

Пример:

< html> < head> < title> Ссылки внутри одного документа< /title> < /head> < body text=" #000000" bgcolor=" #00BECE" link=" #000DE1" alink=" #A40082" vlink=" #000DE1" > < a name=" начало" > < center> < H3> Добро пожаловать! < /H3> < /center> < /a> < p align=" justify" > < img src=" 2.gif" align=" left" VSPACE=3 HSPACE=4 alt=" Здесь вставлена картинка" > Спасибо Вам, < tt> < b> < i> уважаемый < /i> < /b> < /tt> посетитель, за то, что Вы нашли время и возможность заглянуть на мою домашнюю < font size=" +1" > страничку < /font> во < a href=" Ссылка.html" > Всемирной сети< /a>. < /p> < center> < a href=" #начало" > В начало< /a> < /center> < /body> < /html>  
 
 

 


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

< a href=" arhiv.html#книга1" > Ссылка на книгу 1 из документа arhiv.html< /a>.

Способ второй - есть параметр - id, который назначает тегу (элементу) уникальное имя в пределах одного документа (кроме тегов Base, Head, Html, Meta, Script, Style, Title). Зададим id, тегу H3 (заголовок):

< html>

< head>

< title> Мой первый шаг < /title>

< /head>

< body text=" #000000" bgcolor=" #00BECE" link=" #000DE1" alink=" #A40082" vlink=" #000DE1" >

< center > < H3 id=" начало" > Добро пожаловать! < /H3> < /center>

< p align=" justify" >

< img src=" 2.gif" align=" left" VSPACE=3 HSPACE=4 alt=" Здесь вставлена картинка" >

Спасибо Вам, < tt> < b> < i> уважаемый< /i> < /b> < /tt> посетитель, за то, что Вы нашли время и возможность заглянуть на мою домашнюю < font size=" +1" > страничку < /font> во < a href=" Ссылка.html" > Всемирной сети< /a>.

< /p>

< center> < a href=" #начало" > В начало< /a> < /center>

< /body>

< /html>

Результат тот же.

КАРТИНКА – ССЫЛКА

Принцип ссылки тот же, что и в случае с текстом, только между тегами вставляется не текст, а картинка: < a href=”Ссылка.html”> < img src=" 2.gif" align=" left" VSPACE=3 HSPACE=4 alt=”Здесь вставлена картинка” border=”3”> < /a>. Толщину границы графического элемента можно изменить при помощи параметра border тега < img>, задав соответствующее значение, т. е. border=”3” – толщина границы равна 3 пикселям.

 
 

Пример:

< html> < head> < title> Картинка - ссылка < /title> < /head> < body text=" #000000" bgcolor=" #00BECE" link=" #000DE1" alink=" #A40082" vlink=" #000DE1" > < center> < H3 id=" начало" > Добро пожаловать! < /H3> < /center> < a href=" Ссылка.html" > < img src=" 2.gif" align=" left" VSPACE=3 HSPACE=4 alt=" Картинка-ссылка" border=" 3" > < /a> < /body> < /html>

 


Ссылка может быть не только на документ с расширением *.html, но и на многие другие: *.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д.

< a href=" 2.gif" > < img src=" 2.gif" > < /a> - в этом случае картинка 2.gif откроется в том же окне.

Для того чтобы картинка (или любой другой файл-документ) открылась в новом окне необходимо воспользоваться параметром target тега < a> < /a>:

< a href=" 2.gif" target=" _blank" > < img src=" 2.gif" > < /a> - делаем ссылкой картинку 2.gif и ссылаемся на эту же картинку.

       
   

< html> < head> < title> Картинка - ссылка < /title> < /head> < body text=" #000000" bgcolor=" #00BECE" link=" #000DE1" alink=" #A40082" vlink=" #000DE1" > < center> < H3 id=" начало" > Добро пожаловать! < /H3> < /center> < a href=" 2.gif" target=" _blank" > < img src = " 2.gif" alt=" Картинка откроется в новом окне" > < /a> < /body> < /html>
Пример:

 

 

СПИСКИ

Списки позволяют выделять в тексте документа определенные логические структуры, такие как описание последовательности действий, перечни предметов и понятий и т. д. Язык HTML позволяет создавать в Web - документах нумерованные и маркированные списки.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.