HTML5 [Понятным языком #5] Ссылки

Автор Artur Merichev
HTML5 [Понятным языком #5] Ссылки

Всем привет.

С вами дончаки в этом видео мы с. Вами рассмотрим ссылки. Ну, что ж записываться они очень просто для этого есть определенный тег который называется а.

Но помимо него также присутствует атрибут значение которого мы записываем уже саму.

Ссылку куда нам необходимо будет переадресовывать при нажатии на тот же текст или изображение. Ну, что ж давайте рассмотрим два основных типа ссылок. Первое — это которая открывается у нас текущее платки и 2 которая открывается в новой записывается они следующим образом ссылка которая у нас открывается. В текущей вкладке пишется таким образом. Давайте например. Здесь напишем ссылка перенесём на новую строку и здесь запишем 2 вид ссылки которая уже у нас в новой вкладке здесь. Нам необходимо написать ещё один атрибут называется stargate и сюда мы вписан значение бланк также сюда вписываем ссылка и сейчас. Вы посмотрите как же — это всё работает обновляем 1 связь у нас в принципе открывается. В текущей вкладке у нас здесь указаны решётка, а вторая ссылка у нас открывается в новой как эти я нажимаю в принципе у нас ничего не меняется, но открывается она в новой вкладке давайте сейчас я вам покажу на воле наглядном примере то есть здесь. Давайте напишем слово да, а здесь не допишем примеру слово New обновляем. Нажимай на первую ссылку которая открывается у нас текущей вкладке у нас в адресной строке появилось слово да и нажимаем на ссылку которая открывается у нас новой вкладке здесь у нас как веке появилось слово New 2 тип зачастую для переадресации на какие-то внешние ресурсы допустим у вас есть свой сайт и там имеется кнопка поддержка поддержка у вас находится на сайте. ВКонтакте и для того чтобы у человека не закрывалась страницы вашего сайта при переходе на сайт поддержки он открываться будет в новой вкладке теперь давайте рассмотрим. Какие же у нас бывают типы ссылок все вам известны и тип имеет следующий вид. Это самый стандартный вид ссылок которые вы чаще всего можете встретить за час он используется для перенаправления на какие-то сторонние сайты так как использовать здесь пример название своего сайта для того чтобы перенаправить к примеру в папку Game — это глупо так как можно сделать просто так записать в таком формате epub росту обновить страницу если мы нажмем на ссылочку танас перебросит сразу в эту папку то есть до пишется попросту то, что мы указали — это у нас второй тип ссылок используются уже на самом сайте для перенаправления в какие-то каталоге мы последний пожалуй самый интересный имеет следующий вид мы пишем решётку. И — это значение. Давайте запишем примеру слово блок решётка указывает то, что при нажатии на нашу ссылку обновлении страницы не будет сейчас сохраню ещё раз документ обновлю нажимаем и какие дети у нас нету обновления страницы то есть нас не перебрасывает в тот же каталог блок так как — это у нас не папка зачастую они используются для следующего давайте сейчас один пример не вникайте особо его суть то есть в. Саму запись так как — это всё мы будем изучать уже в следующих уроках запишем it. Называется он у нас будет блок и сюда пишем примеру какую-то фразу также зададим немножко стилей. Ну чтож обновим страницу. Как видите если мы работаем в самой не увидим здесь наш блог я специально сделал такой большой отступ даже огромный для того чтобы вы увидели как же работает этот тип ссылки если мы на неё нажмем то у нас не происходит обновление и попросту браузер нас перенаправляет на тот айдишник которой задан в самой ссылки как я сейчас не про маты вал, а попросту нажал на эту ссылочку. Давайте ещё раз нажми и какие. Тина сразу же перебрасывает сюда то есть мы записываем решётку. И название нашего IT шника после чего примеру мы его используем записываем какой-то благ указываем здесь — это и соответственно самоназвание пока не вникайте, что такое деф, что такое — это всё мы будем изучать уже потом я сейчас показывал вам именно ссылки также благодаря этому ты его можно реализовать отправку тех же электронных писем для этого мы записываем ты уже стандартную конструкцию, но вместо ссылки мы здесь списываем слово mildew двоеточие электронная почта получателя. И этот кусок по желанию. Вы хотите чтобы тема писем была какая-то одна и та же вместо слова выписываете свою тему письма. Ну давайте — это сотрём сохраним обновляем страницу нажимаю на нашу ссылку у нас открывается стандартная программа для отправки тех же электронных писем и так давайте подытожим всё то, что мы сегодня с вами прошли у нас есть два типа ссылок — это когда открывается. В текущей вкладке и 2. Когда открывается в новой 2 от первого отличается ещё одним атрибутом под названием. Таргет и значением бланк также у нас есть три в шеллак первый — это когда мы перенаправляем куда-то по нашему сайту то ли в каталог. Толик примеру в какой-то файл второй вариант — это когда мы перенаправляет на какую-то сторонний сайт также добавляем значение. Таргет бланк так как на все сторонние ресурсы желательно использовать. Ну и конечно же для перенаправления на какой-то благ. С одноимённым it шником когда мы указываем решетку соответственно страница он не обновляется. Ну и также один очень полезный ещё те кто есть ссылка. Это для отправки электронных писем значение мы пишем слово Mail электронная почта получателя. Ну и этот кусок по желанию. Если вы хотите чтобы тема сообщения была какая-то одна и та же. Ну, что ж на этом видео подходит концу. Не забывайте подписываться на канал для того чтобы не пропустить следующий ролики на этом всё сам был. Денчик и всем пока.

0 комментариев
0

Читайте также