-¬сегда под рукой

 -ѕодписка по e-mail

 

 -–убрики

 -÷итатник

прозрачные фоны - (5)

ћои прозрачные фоны ћожет пригод€тс€ кому-нибудь... &...

»ван —илыч √орюшкин-—орокопудов 1873-1954 –осси€ - (2)

ѕортрет Ќ.¬. ћансыревой Ќа даче ѕортрет художника »вана —илыча √орю...

√арин ≈вгений - художник-маринист - (2)

√арин ≈вгений - художник-маринист ћоре „ерное – большое: ”тром серо-голубое...

клипарт-русские красавицы вырезка клипарта ¬еры Ћарионовой - (2)

≈динственна€-любовь-Ўерлока-’олмса ≈лена-ѕрекрасна€  н€гин€-ќльга Ћеди-√амильтон Ће...

 -—ообщества

”частник сообществ (¬сего в списке: 1) ћир_клипарта
„итатель сообществ (¬сего в списке: 1) ћир_клипарта

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 20.01.2009
«аписей: 9641
 омментариев: 289032
Ќаписано: 321411


HTML & CSS - сери€ 5

¬торник, 07 »юн€ 2011 г. 04:02 + в цитатник

—ери€ 1

—ери€ 2

—ери€ 3

—ери€ 4



√иперссылки

—сылка на http://...

Ѕольшинство ссылок в »нтернете ведут на какую нибудь веб-страницу с адресом наподобие http://site.ru или http://site.ru/index.html.

–асширение
.html указывает на то, что мы имеем дело с файлом формата HTLM. ќднако
cсылка может привести нас к документу практически любого формата: .jpg,
.doc, .pdf, .mp3, .zip... перечисл€ть все было бы долго и бессмысленно.
»ногда она может оказатьс€ пр€мой ссылкой на скачивание файла (возможно,
не вполне желательного).

ƒл€ наших целей важно только то, что
ссылка содержит адрес нужного нам файла в сети и указание на протокол
доступа к этому файлу (HTTP).  ак же добавить такую ссылку?

ƒл€ этого используем парный тег <a...>...</a>. Ќапишем, например, следующее:

<a href="http://yandex.ru" title="яндекс" target="_blank">ЌайдЄтс€ всЄ!</a>

¬от наша ссылка:

ЌайдЄтс€ всЄ!

“еперь - что здесь к чему.

http://yandex.ru
- тот адрес в сети, куда мы хотим отправить наших посетителей. Ѕез
подобного указани€ наш тег вообще не будет работать. “о, что идЄт
дальше, писать не об€зательно, но иногда полезно.

title="яндекс" - всплывающа€ подсказка. ≈сли здесь ничего не писать, то такой подсказки не будет.

target="_blank"
- указание браузеру открыть ссылку в отдельном окне (вкладке). ѕо
умолчанию ссылка открываетс€ в том же окошке, в котором находилс€
посетитель, просматрива€ ¬ашу страницу. ¬последствии, если он захочет
продолжить просмотр, ему придЄтс€ возвращатьс€ назад.

 ак удобнее открывать ссылки - дело вкуса.  азалось бы, новые окна (вкладки) хороши. Ќо часто их становитс€ слишком много.

ћежду тегами <a...> и </a>
мы пишем то, что будет видеть посетитель страницы.  стати, это не
об€зательно должен быть текст - можно использовать изображение. ƒл€
того, чтобы использовать картинку в качестве ссылки, напишем, например,

<a href="http://yandex.ru" title="яндекс" target="_blank"><img src="http://www.promolive.ru/images/content/logo-yandex.gif"></a>

ѕолучим вот такой результат:

≈сли
мы хотим, чтобы изображение мен€лось при наведении указател€ мыши,
необходимо использовать скрипт (на ярушке он не работает).

—тили
гиперссылок на яндексе заданы довольно жЄстко. ÷вет (а также вид, размер
шрифта и т.д.) самой гиперссылки ещЄ можно помен€ть. ƒелаетс€ это путЄм
добавлени€ в тег <a...> аттрибута style (о нЄм шла речь в предыдущих сери€х). ƒл€ примера помен€ем только цвет, сделав его зелЄным. Ќапишем:

<a href="http://yandex.ru" title="яндекс" target="_blank" style="color:green">ЌайдЄтс€ всЄ!</a>

ѕолучим:

ЌайдЄтс€ всЄ!

ќбратите
внимание, что теперь цвет посещЄнной ссылки не отличаетс€ от цвета
непосещЄнной. ѕри наведении курсора ссылка по-прежнему становитс€
красной. —пособа изменить это € пока не нашла.

—сылка на любое место на ¬ашей страничке*

ƒл€
того, чтобы сослатьс€ на определЄнное место на ¬ашей страничке, сначала
на этом месте надо установить "€корь". Ќапример, мы пишем статью из
нескольких частей. «аголовок части 1 поместим внутри контейнера <a...>...</a>:

<a name="part 1">„асть 1. ¬место предислови€</a>

≈сли в имени €кор€ не используетс€ пробел, то можно обойтись без кавычек: name=part1.

ƒалее пойдЄт текст этой самой первой части. ƒобавим сюда часто используемый дл€ тестировани€ текст "Lorem ipsum"** (чтобы ничего не придумывать). ¬от как будет выгл€деть наша перва€ часть:

„асть 1. ¬место предислови€

Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.

ј теперь мы хотим получить
возможность вернутьс€ к началу нашей части 1. Ќа том месте, откуда мы
хотим сделать такой переход, пишем следующее:

<a href="#part 1">читать часть 1</a>

ѕолучаем
гиперссылку, ничем принципиально не отличающуюс€ от "обычной" (к ней
применимо всЄ, что говорилось выше, в том числе - про возможность
добавить всплывающую подсказку, стиль и заставить открыватьс€ в новом
окне):

читать часть 1

 ликнув на этой ссылке, перейдЄм к началу части 1.



*Ќа я.ру работает в пределах одной записи.

**Lorem ipsum
- название классического текста-«рыбы». «–ыба» - слово из жаргона
дизайнеров, обозначает условный, зачастую бессмысленный текст,
вставл€емый в макет страницы. Lorem ipsum представл€ет
собой искажЄнный отрывок из философского трактата ÷ицерона «ќ пределах
добра и зла», написанного в 45 году до нашей эры на латинском €зыке.
¬первые этот текст был применен дл€ набора шрифтовых образцов
неизвестным печатником в XVI веке (информаци€ из ¬икипедии).

ƒругие виды ссылок

¬еро€тно, ¬ы встречали на некоторых сайтах ссылки вида "пишите мне". ѕодобна€ ссылка устроена следующим образом:

<a href="mailto:address@yandex.ru">пишите мне</a>

¬от она: пишите мне

ѕри
клике на этой ссылке, скорее всего, запуститс€ яндекс-почта
(проверьте). ј вот при нажатии колЄсика мыши запускаетс€ почтовый
клиент.

¬ насто€щее врем€ подобные ссылки без специальных приЄмов
маскировки практически не используютс€: дело в том, что роботы легко
наход€т содержащиес€ в ссылках почтовые адреса, и они попадают в базы
дл€ рассылки спама.

¬ некоторых случа€х могут использоватьс€ и другие гиперссылки, например, использующие протокол ftp. ¬еро€тнее всего, они ¬ам не понадоб€тс€. ¬ них нет ничего сложного (всего лишь один протокол замен€етс€ другим).
»сточник ѕроксима



Arnusha

–убрики:  ѕолезности
”роки
ћетки:  

ѕроцитировано 61 раз
ѕонравилось: 14 пользовател€м



≈лена-рыбка   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 04:15 (ссылка)
 лассный пост,надо сесть и изучить внимательно!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
ѕерейти к дневнику

¬торник, 07 »юн€ 2011 г. 12:43ссылка
«дравствуй,Ќиночка,выздоравливай скорее:)))
rottam   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 10:06 (ссылка)
—пасибочки.
ќтветить — цитатой ¬ цитатник
lyusitseki   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 10:16 (ссылка)
—пасибо, узнала тонкости файла.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
NikaLive   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 11:01 (ссылка)
—пасибо !
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Nikash   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 12:56 (ссылка)
Ќинул€, € случайно в комментари€х увидела, что тебе очень плохо(((
ћорально теб€ поддерживаю! Ќе унывай, ты очень нужна своим близким)))
» спасибо, что несмотр€ на болезнь, ты все так же радуешь "умными" постами!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 08 »юн€ 2011 г. 01:09ссылка
Nikash, ќй спасибо!ѕросто лежать не люблю,и потому потихонечку тут с вами общаюсь!!!
хаверочка   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 13:21 (ссылка)
ЅќЋ№Ўќ≈ —ѕј—»Ѕќ ћ»Ћјя!!!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
тать€на_татуревич   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 14:08 (ссылка)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
NATALIA_I-_P   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 18:23 (ссылка)
Ќ»Ќќ„ ј ,  ј »≈ “≈√» Ќ≈ќЅ’ќƒ»ћќ »—ѕќЋ№«ќ¬ј“№ ƒЋя ——џЋ » Ќј ј¬“ќ–ј
ѕ–ќ»«¬≈ƒ≈Ќ»я.
ан7 (188x170, 22Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

—реда, 08 »юн€ 2011 г. 01:14ссылка
NATALIA_I-_P, Ќу вот вот вверху над постом этим у мен€ сто€т друг за другом ссылки на 4 серии,
вот как это выгл€дит:

<a href="адрес источника">текст(сери€ 5,например)</a>


“ы это имела в виду?
NATALIA_I-_P   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 18:23 (ссылка)
Ќ»Ќќ„ ј ,  ј »≈ “≈√» Ќ≈ќЅ’ќƒ»ћќ »—ѕќЋ№«ќ¬ј“№ ƒЋя ——џЋ » Ќј ј¬“ќ–ј
ѕ–ќ»«¬≈ƒ≈Ќ»я.
ан7 (188x170, 22Kb)
ќтветить — цитатой ¬ цитатник
¬»-“ё-Ўј   обратитьс€ по имени ¬торник, 07 »юн€ 2011 г. 19:18 (ссылка)
»нтересно!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Nella__solneshko   обратитьс€ по имени ѕ€тница, 24 »юн€ 2011 г. 18:25 (ссылка)
Ќина спасибо. ѕроцитировала, а разбиратьс€ буду потом.
ќтветить — цитатой ¬ цитатник
Violetta0777   обратитьс€ по имени —уббота, 13 јпрел€ 2013 г. 17:12 (ссылка)
—ѕј—»Ѕќ,ƒќ–ќ√јя,«ј ¬јЎ» ”„≈ЅЌџ≈ ѕќ—“џ!!! —ѕј—»Ѕќ,„“ќ —¬ќ»ћ» «ЌјЌ»яћ» “ј  ў≈ƒ–ќ ƒ≈Ћ»“≈—№ — Ќјћ».
÷итирую с искренней благодарностью за ¬аш труд.
ќтветить — цитатой ¬ цитатник
“ать€на_√усакова   обратитьс€ по имени ¬торник, 16 јпрел€ 2013 г. 11:30 (ссылка)
—пасибо.
ќтветить — цитатой ¬ цитатник
zoua45   обратитьс€ по имени ѕ€тница, 07 јвгуста 2015 г. 06:53 (ссылка)
Ѕлагодарю за урок!
ќтветить — цитатой ¬ цитатник
 омментировать   дневнику —траницы: [1] [Ќовые]
 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку