Удивительное в html-коде фотографий

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

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

Лирическое отступление:  давным-давно, на заре моей автомобильной жизни у меня был автомобиль ВАЗ 2108.  Он у всех, наверное, по молодости был.  Моему автомобилю ВАЗ было 10 лет от роду, он был слегка поеден ржавчиной, у него то и дело заклинивало стеклоподъемники и для полноты счастья чего-то там застревало в карбюраторе.  До чего золотое было время, скажу я вам!  Я вот что тогда, что сейчас не очень хорошо представляю себе, как устроен карбюратор и для чего он нужен, но зато я всегда знала, что если машина опять не хочет заводиться, хотя аккумулятор заряжен и бензин есть, то надо поднять капот, снять крышку, снять воздушный фильтр, взять ключ потяжелее и постучать по какой-то фигне, под которой, собственно, находился этот загадочный агрегат – КАРБЮРАТОР!  Не завинчивая крышки, надо было снова попробовать завестись, если завелась – можно ставить назад фильтры-крышки, не завелась – постучать рядом с фигнёй, поможет.

Какое это было золотое время…  Я знала, что если зимой холодно, то надо снять аккумулятор на ночь, а утром прикрутить его в машину, и она заведётся с полувзгляда.  А если по дороге куда-то пропадают обороты двигателя, значит опять открутился генератор, и надо его (осторожно, чтобы не ударило током) прикрутить назад.  Что такое генератор, кстати, я понимаю довольно смутно.

Машина, которая у меня сейчас, не самая, прошу заметить передовая и технически продвинутая, но случись вот чо, максимум, что я могу сама в ней починить, это долить жидкости в омывалку и вызвать эвакуатор.  Всё. Все узлы и агрегаты закрыты пластмассовой штучкой и контролируются компьютером, который иногда выводит мне на панель какието нецензурные знаки.

Я что хочу сказать, когда техника была проще, в ней даже разбираться особо не надо было, чтобы ей успешно пользоваться.  Я понятия не имела, что такое карбюратор, зато знала, что если постучать по штучке, всё заведётся в лучшем виде. Иэхх, прогресс, космические корабли в Большом театре…

Ну вот.  Только я победила телефон, как бац, решила переехать на самостоятельный сайт.  Как будто мне мало было мучений с телефоном.  Человек, как известно, сам кузнец своего …  счастья.  Посмотрела я на весь этот веб-дизайн, ужаснулась. Пошла ж, сходила на специальные курсы.  Помогло, кстати, я даже не ожидала.  Так что я теперь в компьютерах шарю больше, чем шарила раньше, но, к сожалению, гораздо меньше, чем хотелось бы.  Точнее, разбираюсь во всем гораздо медленнее, чем хотелось бы.  Но иногда, когда я что-нибудь просекаю и у меня наконец получается, это так приятно!!!!!

Всё это длинное вступление было для того, чтобы похвастаться!  Я сегодня просекла новую фишку с вставлением в текст фотографий из фликра (или яндекс.фоток, кто чем пользуется).  Смотрите, я сейчас вам покажу.

Вот если бы я, к примеру, хотела вставить в этот пост сейчас фотографию, я бы пошла в фликр, выбрала фотографию, попросила бы фликр дать мне html-код фотографии, и в html-редакторе вставила бы этот код.

Вот код:

<a href= “https://www.flickr.com/photos/76958872@N05/8333052294” title= “мышь феофан с новым годом by Horosho.Gromko., on Flickr”
img src= “https://farm9.staticflickr.com/8084/8333052294_0d36a01db8.jpg” width=”500″ height=”384″ alt=”мышь феофан с новым годом”></a>

А вот фотография, это мыш Феофан, которого я связала в конце декабря 2012 года к новому, 2013 году.

мышь феофан с новым годом

При нажатии на фотографию читатель попадет в мой фликр-аккаунт на страницу с этой фотографией.

Если из длинного кода фотографии убрать ссылку, т.е. содержимое первых кавычек, вот оно, выделено в исходном коде фиолетовеньким, то этот код просто вставит фотографию, но не уведет на страницу во фликре.

<a href= “https://www.flickr.com/photos/76958872@N05/8333052294″ title= “мышь феофан с новым годом by Horosho.Gromko., on Flickr” >
<img src= “https://farm9.staticflickr.com/8084/8333052294_0d36a01db8.jpg” width=”500″ height=”384″ alt=”мышь феофан с новым годом” ></a>

Вот был полный код, теперь стало вот так

<a href= ” ” >
<img src= “https://farm9.staticflickr.com/8084/8333052294_0d36a01db8.jpg” width=”500″ height=”384″ alt=”мышь феофан с новым годом” ></a>

попробуйте нажать на картинку, вы больше не попадете на фликр, а останетесь на той же странице!

мышь феофан с новым годом

А вот, предположим, мы хотим, чтобы при нажатии на картинку, взятую из фликра, ссылка уводила на другой сайт.  К примеру, на страницу в блоге Хорошо.Громко., где рассказано, как вязать мыша Феофана.

Берем всё тот же хтмл-код из фликра, только между первыми кавычками после href вставляем ссылку на ту страницу, куда мы хотим, чтобы вело нажатие на картинку.  Смотрите:

<a href= “http://horoshogromko.ru/2013/01/02/mysh-feofan/“>
<img src= “https://farm9.staticflickr.com/8084/8333052294_0d36a01db8.jpg” width=”500″ height=”384″ alt=”мышь феофан с новым годом”></a>

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

мышь феофан с новым годом

Если долго смотреть на хтмл-код, то в конце концов понимаешь, из чего он состоит и как образуется!

<a href=”https://www.flickr.com/photos/76958872@N05/8333052294″ title=”мышь феофан с новым годом by Horosho.Gromko., on Flickr”> – эта часть – ссылка, куда ведет фотография
<img src=”https://farm9.staticflickr.com/8084/8333052294_0d36a01db8.jpg” width=”500″ height=”384″ alt=”мышь феофан с новым годом”></a> – а это источник, image source, откуда надо взять фотографию, которая потом может привести по ссылке в первой части кода.

Я так сегодня обалдела, когда вдруг это поняла, что ссылку из фликровского хтмля можно менять, что тут же испытала непреодолимое желание рассказать об этом всем на свете!  Кто не знал про такую хитрость – я поделилась с вами знанием.  А кто давно сам про такое догадался, я поделилась с вами фотографией вязаного мыша Феофана.  Тоже хорошо.

ПС – я знаю, изменить ссылку можно, просто нажав на кнопочку “вставить/изменить ссылку”, но вручную делать это гораздо приятнее 🙂


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *