HTML5 для начинающих / Урок #8 - Создание ссылок

Любой веб сайт имеет определенный набор ссылок на каждой из страниц. За урок мы научимся создавать ссылки и дополнительно рассмотрим некоторые атрибуты, что можно применять к ссылкам. В уроке мы рассмотрим разные форматы ссылок.
✅ Полезные ссылки:
✏️ Урок на сайте itProger: itproger.com/course/html/8
⏰ Тайм коды:
00:00 - Начало
00:16 - Изучение тега «a». Создание ссылки
01:42 - Добавление атрибутов к ссылке
03:21 - Создание ссылки на другой HTML файл
06:10 - Создание ссылки «якорь»
08:33 - Ссылка для написания почты
09:56 - Завершение
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

Пікірлер: 144

  • @katya1115
    @katya11156 ай бұрын

    Здравствуйте! Спасибо за такую подачу - учеба в кайф!

  • @user-vi9zb4zh3n
    @user-vi9zb4zh3n2 жыл бұрын

    Крутые уроки, спасибо.

  • @mskek1811
    @mskek1811 Жыл бұрын

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

  • @Duh280
    @Duh2802 жыл бұрын

    Интересное видео) Понравилось! За легкость и полезность👍

  • @user-se3rp1wt8u
    @user-se3rp1wt8u5 ай бұрын

    Спасибо вам большое за урок!!!

  • @user-ms8wz6bc5e
    @user-ms8wz6bc5e2 жыл бұрын

    Еще можно указать, что при создании якоря # Имеет значение регистр. Заглавные и строчные буквы имеют значения

  • @user-we6uy1pt1q
    @user-we6uy1pt1q3 жыл бұрын

    Привет, ссылки это легко для меня, но все равно зашёл поставить лайк. Спасибо тебе за контент! Ты топ

  • @scahai0_0
    @scahai0_09 ай бұрын

    спс за урок очень помог)!

  • @Music_21126
    @Music_211262 ай бұрын

    Мне очень нравится ваши курсы 😃☺ я уже почти и сайт создал с помощью вас

  • @kzfmedia3531
    @kzfmedia35312 жыл бұрын

    Великолепно!

  • @livius0653
    @livius06533 жыл бұрын

    Ёщё раз спасибо !!!

  • @Burovasofia
    @Burovasofia Жыл бұрын

    спасибо за урок

  • @4ebupek067
    @4ebupek06711 ай бұрын

    Как я обожаю делать ложные ссылки, создал ссылку на песню "Never Gonna give up". Теперь все кто откроет "Топ 5 файтингов" будут зарикролены

  • @user-yb6um2kh1q

    @user-yb6um2kh1q

    12 күн бұрын

    Вот для чего нужно изучать програмирование)))

  • @user-pj4ud5fz1h
    @user-pj4ud5fz1h3 жыл бұрын

    Суперрр!

  • @user-gs4ec4it5l
    @user-gs4ec4it5l3 жыл бұрын

    Спасибо бро!

  • @user-nc2qu4ld2g
    @user-nc2qu4ld2g3 жыл бұрын

    Спасибо.

  • @ksenrix
    @ksenrix11 ай бұрын

    Супер !!!!

  • @whitehat-it-4096
    @whitehat-it-40963 жыл бұрын

    mailto:xxxxxxxx, почему при переходе никакой почтовый ящик не грузит?

  • @serggey75
    @serggey753 жыл бұрын

    Можно ведь еще добавлять якорь в качестве атрибута с помощью id (Документ)

  • @ArtFanRamm

    @ArtFanRamm

    3 жыл бұрын

    Скажу больше, метод с является устаревшим в пользу использования id в нужных элементах

  • @acid.9178

    @acid.9178

    Жыл бұрын

    При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста

  • @user-ch1gx5ee9k

    @user-ch1gx5ee9k

    Жыл бұрын

    @@acid.9178 чёрная магия брат

  • @acid.9178

    @acid.9178

    Жыл бұрын

    @@user-ch1gx5ee9k Я уже решил,забыл как ,но решил

  • @doom678
    @doom6783 жыл бұрын

    Спасибо!!!

  • @NaVilke23
    @NaVilke233 жыл бұрын

    А где атрибут "ХРЮФ"? Я чё зря старые видосы смотрел ?

  • @kodi6785

    @kodi6785

    3 жыл бұрын

    Только что хотел про это спросить XD

  • @abdulmajitkubatbekov5731
    @abdulmajitkubatbekov57312 жыл бұрын

    спасибо большое бро

  • @user-fs6gy9vw5j
    @user-fs6gy9vw5j Жыл бұрын

    А если я хочу спустить якорь на какоето определенное место? например 1000 пикселей вниз, как это сделать?

  • @user-ki4uv1ey5h
    @user-ki4uv1ey5h3 жыл бұрын

    Какой еще "АшРеф"?!?) В моем серце, это всегда будет "Хрюф"!))

  • @phantomatics118

    @phantomatics118

    Жыл бұрын

    А в моем хреф)

  • @armi9108

    @armi9108

    Жыл бұрын

    ахаха

  • @ITpythononline

    @ITpythononline

    Жыл бұрын

    Вот учишь год пайтон, а когда смотришь на HTML думаешь блин как же это легко

  • @Rodyasha

    @Rodyasha

    Жыл бұрын

    @@ITpythononline потому что html - это как бы разметка, потом ты добавляешь стиля через css и функционал через JavaScript.

  • @deadtie

    @deadtie

    Жыл бұрын

    ​@@ITpythononlineПайтон считается одной из лёгких, год учить пайтон, хорошо, но надеюсь, что ты учишь поочередно что-то другое, ТЕОРИИ.

  • @nanik2286
    @nanik22862 жыл бұрын

    Что делать если меня вместо почтового клиента перекидывает на пустую страницу?

  • @squyzyyyfaer2652

    @squyzyyyfaer2652

    Жыл бұрын

    та же проблема. хоть ваш комментарий и написан год назад.. разобрались?

  • @nanik2286

    @nanik2286

    Жыл бұрын

    @@squyzyyyfaer2652 нет

  • @Thorfinn_0

    @Thorfinn_0

    9 ай бұрын

    ​@@squyzyyyfaer26529 месяцев прошло Разобрались?

  • @Taunfel
    @Taunfel Жыл бұрын

    Ссылка для написания почты не работает, прописал mailto:

  • @user-lv9fh5pu3e
    @user-lv9fh5pu3eАй бұрын

    шикарно

  • @nomadpascal1680
    @nomadpascal16803 жыл бұрын

    Если у вас ссылка большая и хотите чтобы она переносилась вертикально как у Гоши, то в настройках сделайте вот так Editor > Soft Wrap

  • @piggybank2256

    @piggybank2256

    2 жыл бұрын

    Большое спасибо

  • @user-cs6ex3fw3r
    @user-cs6ex3fw3r2 жыл бұрын

    Почту указывать любую в конце видео? У меня ссылка на срабатывает

  • @foretoldtruth
    @foretoldtruth Жыл бұрын

    Автор, как скрыть содержимое тега head?

  • @hakimjonghaniev5536
    @hakimjonghaniev55362 жыл бұрын

    Спасибо

  • @Narek9229
    @Narek92293 жыл бұрын

    все понятно

  • @user-uo7od4ex2k
    @user-uo7od4ex2k3 жыл бұрын

    Топ!

  • @lagbion_OFFLINE
    @lagbion_OFFLINE2 жыл бұрын

    Я кое-что заметил в атрибуте target, заместо _blank туда можно вообще что угодно написать(в моём случае была просто буковка а) и оно будет выполнять функцию _blank(немножечко урезанно, т.к при повторном открытии новая вкладка не будет создана, а он просто заменит ту же вкладку которую недавно создал). Как это вообще объяснить?

  • @acid.9178

    @acid.9178

    Жыл бұрын

    При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста

  • @marlen011

    @marlen011

    Жыл бұрын

    @@acid.9178 просто можно делать папки доступными только для некоторых пользоваетелй, которые получили доступ

  • @roman3403
    @roman34033 жыл бұрын

    thanks

  • @abrorjonqodiraliyev2488
    @abrorjonqodiraliyev2488 Жыл бұрын

    У меня ест один вопрос. Как прямо попаст на сайт на другом устройсве исползуя ссылку? Внем же должен быт какойто ссылка.

  • @user-ws7cl1uu7v
    @user-ws7cl1uu7v10 ай бұрын

    ссылку можно укоротить на разных сайтах если она слишком длинная

  • @user-rj2cd4yb9e
    @user-rj2cd4yb9e6 ай бұрын

    у меня почтовый клиент не открывает, ошибку то-же не выдает. при нажатии ничего не происходит

  • @lopik2285
    @lopik2285 Жыл бұрын

    Привет, а у меня не получается с написанием на почту, вообще ничего не происходит, хотя написал всё правильно

  • @Krylowandrey
    @Krylowandrey2 ай бұрын

    Какие еще есть атрибуты для тега ?

  • @sssIdiusss
    @sssIdiusss Жыл бұрын

    круто

  • @user-jd7kt2pf8h
    @user-jd7kt2pf8h2 жыл бұрын

    Та же проблема не могу перейти на почту,кто знает в чем проблема?

  • @Banjik13
    @Banjik13 Жыл бұрын

    а как сделать так, чтобы mailto открывал не встроенную почту винды, а через браузер gmail?

  • @shingekinokyojin818

    @shingekinokyojin818

    5 ай бұрын

    Здравствуйте, конечно много времени прошло, но Вы не нашли ответ на этот вопрос?) Специально зашёл в комменты узнать про почту.

  • @Krylowandrey
    @Krylowandrey2 ай бұрын

    а в href можно хэштэг вставить?

  • @zhanarn7083
    @zhanarn70833 ай бұрын

    👍

  • @Bezdarnyi_Master
    @Bezdarnyi_Master3 жыл бұрын

    Не работает ссылка с почтовым ящиком. Ни на мой не переходит, ни на ваш. Сделал ссылки в номерованном списке. Всё отображается и работает. почтовая тоже отображается и нажимается, но переход не происходит

  • @gerawka

    @gerawka

    3 жыл бұрын

    У меня перешло в приложение "Почта"

  • @iceone8964
    @iceone89643 ай бұрын

    не получилось с помощью тега href и name перенести вниз страницу, нажимаю на вниз и ничего не происходит, страницу приближал

  • @user-ex9cs8zi7e
    @user-ex9cs8zi7e6 ай бұрын

    😊😊😊😊😊😊

  • @acid.9178
    @acid.9178 Жыл бұрын

    При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста

  • @juri_mjatlin

    @juri_mjatlin

    Жыл бұрын

    Проверьте расширение файла.

  • @user-wl9dy2dz2p
    @user-wl9dy2dz2p2 ай бұрын

    Ребята, кто шарит подскажите поджалуйста, почему когда я ввожу ссылку на еще одну html страницу, то у меня выскакивает ошибка:"Файл не найденВозможно, он перемещен, изменен или удален."

  • @user-ir9bu3mt5k
    @user-ir9bu3mt5k2 жыл бұрын

    Когда я перехожу через ссилку на свой файл у меня на файле ничего нету хотя я прописую кодьі

  • @user-ym4go7ig3q
    @user-ym4go7ig3q2 жыл бұрын

    Интересно, ввожу _blank но открывает в той же вкладке? да и ссылка не открывает почту(((

  • @thebestnickname

    @thebestnickname

    2 жыл бұрын

    Попробуй обновить html документ и сайт после дописания строки, либо проверь написания аттрибута. Всё должно работать)

  • @Dimasik86352
    @Dimasik863523 жыл бұрын

    Ссылка для написания почты не работает, нажимаю на нее, а писать некуда, по идее код написан верно, что не так?

  • @chokedlm7216

    @chokedlm7216

    3 жыл бұрын

    тебе нужен почтовый клиент. скачай, например, Microsoft Outlook, тогда он будет открываться

  • @ysljuliet

    @ysljuliet

    3 жыл бұрын

    @@chokedlm7216 тоже сначала писало "вам понадобится новое приложение чтобы открыть mailto". спасибо, что ответили на эту проблему)

  • @chokedlm7216

    @chokedlm7216

    3 жыл бұрын

    @@ysljuliet всегда рад помочь;)

  • @alexdjeims8460
    @alexdjeims84602 жыл бұрын

    Из-за чего ссылка на локальный документ не отображается как у вас в примере, сразу при открытии с помощью chrome выводится код? На сайт Google в предыдущем примере нормально выводится и работает. Сделал папку на рабочем столе в ней сделал два текстовых документа с такими же названиями как у вас, написал код с такими же ссылками как у вас, а в итоге на about.html ссылка не работает. Код набирал в блокноте.

  • @acid.9178

    @acid.9178

    Жыл бұрын

    При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста

  • @juri_mjatlin

    @juri_mjatlin

    Жыл бұрын

    @@acid.9178 Возможно, он браузер не видит его как html файл. Нужно проверить расширение файла.

  • @evabest1
    @evabest1 Жыл бұрын

    Создал ссылку на почту. По вашему уроку. Она видна в браузере, но при нажатии на неё ничего не происходит... Где я допустил ошибку ? Спасибо .

  • @Nerkus21104

    @Nerkus21104

    Жыл бұрын

    решили проблему?

  • @nazarvoroniuk5961
    @nazarvoroniuk59617 ай бұрын

    cool

  • @user-ko7oh2ev9z
    @user-ko7oh2ev9z Жыл бұрын

    У меня вопрос. как сделать больше ссылок между файлами? просто писать about.html about1.html ?

  • @user-yq2jm7wl9d

    @user-yq2jm7wl9d

    8 ай бұрын

    без разницы, вместо abount можно что угодно писать главное сохранить ".html"

  • @mr.4erman639
    @mr.4erman639 Жыл бұрын

    Интерес проснулся к програмираванию теперь

  • @maksimkuznetsov4498
    @maksimkuznetsov44982 жыл бұрын

    не работает атрибут lang ="ru" слова не переводятся всё-равно

  • @andriy__9030
    @andriy__90303 жыл бұрын

    Привет! Как привязать "якорь" к конкретному месту на сайте? Как такое реализовать? Так-же метод, что в видео кидает не в низ странички, а туда, куда хочет(в какую-то определенную точку, но по каким критерием именно к ней - непонятно)

  • @chokedlm7216

    @chokedlm7216

    3 жыл бұрын

    привет. твоя проблема, думаю, связана с ошибкой. чтобы написать правильный якорь надо сначала указать ссылку и в значении атрибута href указать абсолютно любое название, но в начале должен стоять знак #. выглядеть это должно как то так: Якорь это и будет нашей ссылкой. но чтобы определить в какую часть сайта будет вести эта ссылка надо в коде найти ту часть сайта, к которой ты желаешь подсоединить якорь и в той части кода написать. то есть значение href и значение name здесь должно быть одинаковым, но в href мы в начале пишем знак #, а в name просто название якоря без этого знака. надеюсь я как то помог кстати, можно указывать якорь необязательно на свой сайт, можно указывать якорь для передвижения на другом сайте в определенную точку. но для этого там и должен быть так скажем "чекпоинт" якоря.

  • @solitude_taster

    @solitude_taster

    3 жыл бұрын

    @@chokedlm7216 хм, я использую вместо атрибута "name" атрибут "id"

  • @chokedlm7216

    @chokedlm7216

    3 жыл бұрын

    @@solitude_taster кек, не знал что так можно

  • @volodymyryermakov8260

    @volodymyryermakov8260

    3 жыл бұрын

    @@solitude_taster я проверял свой файл на валидаторе, так указало, что атрибут name устарел, исправил на id с тем же значением и всё приняло без ошибки

  • @user-xf2mh5uc2d

    @user-xf2mh5uc2d

    3 жыл бұрын

    @@chokedlm7216 спасибо!

  • @ayhanabdullayev
    @ayhanabdullayev19 күн бұрын

    I love Coding🤩🤩🤩🤩🤩🤩

  • @user-ug5xh8wu9z
    @user-ug5xh8wu9z2 жыл бұрын

    Не понимаю как приблизить таким образом в браузере, чтобы как у тебя осталась только нижняя надпись, у меня целиком все приближает и так сделать просто невозможно....

  • @DanRed57

    @DanRed57

    Жыл бұрын

    Ctrl + Колёсиком верх это приближает а вниз уменщает

  • @user-bb4ti6sh6x

    @user-bb4ti6sh6x

    11 ай бұрын

    или добвь что бы строки сместить

  • @xeither289
    @xeither2892 жыл бұрын

    ☦❤☦❤💕☦🙏

  • @xeither289
    @xeither2892 жыл бұрын

    ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!

  • @user-ll4qe9kk1r
    @user-ll4qe9kk1r6 ай бұрын

    Подскажите пожалуйста. У меня не работает ссылка на другую страницу пишется не найденная Хотя я перепроверил много раз название файла написано верно

  • @user-pv1yt9ld5e

    @user-pv1yt9ld5e

    5 ай бұрын

    У меня всё случилось точно так же. Это из-за того, что в видеоуроке написано использовать слэш (/) перед названием. Убрал - и всё в порядке.

  • @user-ll4qe9kk1r

    @user-ll4qe9kk1r

    5 ай бұрын

    уже решил но всё равно спасибо

  • @john_slayer666
    @john_slayer666 Жыл бұрын

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

  • @RavanaMustafayeva

    @RavanaMustafayeva

    Жыл бұрын

    то что вы говорите есть в visual studio code

  • @ITpythononline

    @ITpythononline

    Жыл бұрын

    ​@@RavanaMustafayevaи в пайчарм может так

  • @Polina_pilipen

    @Polina_pilipen

    11 ай бұрын

    И в Sublime text тоже есть

  • @user-bb4ti6sh6x

    @user-bb4ti6sh6x

    11 ай бұрын

    а в атоме там подсказка всплывает

  • @john_slayer666

    @john_slayer666

    11 ай бұрын

    @@user-bb4ti6sh6x спасибо все, что подсказывали, я в вскоде уже все настроил

  • @realtimiksomg
    @realtimiksomg3 ай бұрын

    а как же tel?

  • @Chepusya
    @Chepusya Жыл бұрын

    Всем привет! Помогите разобраться. Первое. Я для каждого урока создавал свой файл с соответсвующим названием index.html, attribut.html и т.п. Все файлы лежат в одной папке. Для урока по ссылкам я так же создал файл, link.html, в котором создавал ссылки. С внешними ссылками все норм, все работает, а вот с внутренними проблема. Браузер пишет, что "Неудалось получить доступ к файлу. Возможно он был перемещен, изменен или удален.", и выдает адрес файла из корневой папки диска, а не из папки где лежит файл. Что это может быть? Второе. Якорь работает наоборот. То есть ведет не вниз страницы а вверх. Все написал правильно, точно как в уроке, проверил 100 раз. Третье. Почтовая ссылка вообще не работает никак.

  • @sunrise5437

    @sunrise5437

    Жыл бұрын

    у меня тоже не работает почтовая ссылка, уроку 2 года и возможно 5 html обновлялся, кстати прошло 2 дня, вы решили проблему?

  • @ElChikiChiki1337

    @ElChikiChiki1337

    Жыл бұрын

    @@sunrise5437 у меня на якоре выкидывает на страницу "Не удалось получить доступ к файлу" хз что такое

  • @Ral895

    @Ral895

    Жыл бұрын

    Может, потому что, просто нет почтового клиента? А если якорь ведет вверх, значит сам якорь находится выше ссылки на него

  • @xeither289
    @xeither2892 жыл бұрын

    БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!

  • @polakZaL
    @polakZaL3 ай бұрын

    Атрибут title добавляем к body когда заказчик кинул с баблом . В тайтл прописываем ,что владелец данного сайта чОрт,этакий вариант строителей замуровывающих яйцо в штукатурку для привета недобросовестному заказчику. 😅

  • @pro100zebra9

    @pro100zebra9

    2 ай бұрын

    Сколько на вёрстке можно заработать?

  • @cbjygk9857
    @cbjygk98572 жыл бұрын

    как все скомкано

  • @gooodzone715
    @gooodzone7153 жыл бұрын

    угадайте какой адрес я вставил... на букву p

  • @user-ej4ud7pg3j

    @user-ej4ud7pg3j

    2 жыл бұрын

    prn hab

  • @user-fn9xj9oh7d
    @user-fn9xj9oh7d9 ай бұрын

    self, blank

  • @realfootball3005
    @realfootball30053 жыл бұрын

    Неправильно про ссылку на почту

  • @user-hw3sw9ug8l
    @user-hw3sw9ug8l3 жыл бұрын

    Привет

  • @dowletdurdymyradow4374
    @dowletdurdymyradow43743 жыл бұрын

    Здраствуйте зашол на видос чтобы оставит комментарий сделайти урок по джава скрипту я уже знаю хтмл чсс это не сложные веши но у меня проблемы джава пж сделайте урок по джаваскрипт

  • @chokedlm7216

    @chokedlm7216

    3 жыл бұрын

    зайди на его основной канал, там есть урок по jacascript. его основной канал это Гоша Дударь если шо

  • @dowletdurdymyradow4374

    @dowletdurdymyradow4374

    3 жыл бұрын

    @@chokedlm7216 ну если ты видел это очень старый урок

  • @chokedlm7216

    @chokedlm7216

    3 жыл бұрын

    @@dowletdurdymyradow4374 эмм. это не имеет никакого значения как бы. джаваскрипт не изменился, зачем тебе именно "новый" урок?

  • @dowletdurdymyradow4374

    @dowletdurdymyradow4374

    3 жыл бұрын

    @@chokedlm7216 ok

  • @user-yf1wy3zh7t
    @user-yf1wy3zh7t11 ай бұрын

    Приват

  • @Q_roxe
    @Q_roxe2 жыл бұрын

    У меня mailto: ..... не работает,я указал там свою gmail почту,что не так ребзя?

  • @ramsmari1231
    @ramsmari1231 Жыл бұрын

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

  • @ramsmari1231

    @ramsmari1231

    Жыл бұрын

    Если нашли ошибки в тексте мне пофиг мне сейчас 13 нет.

  • @acid.9178

    @acid.9178

    Жыл бұрын

    При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста

  • @user-lb5kc3ey4f

    @user-lb5kc3ey4f

    Жыл бұрын

    Красава 13 лет и учишься👍👍👍

  • @Pavel_Derevyanko
    @Pavel_Derevyanko3 жыл бұрын

    👍