Тёмный

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

Школа itProger / Программирование
Просмотров 141 тыс.
50% 1

Любой веб сайт имеет определенный набор ссылок на каждой из страниц. За урок мы научимся создавать ссылки и дополнительно рассмотрим некоторые атрибуты, что можно применять к ссылкам. В уроке мы рассмотрим разные форматы ссылок.
✅ Полезные ссылки:
✏️ Урок на сайте 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

Опубликовано:

 

14 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 141   
@katya1115
@katya1115 4 месяца назад
Здравствуйте! Спасибо за такую подачу - учеба в кайф!
@user-vi9zb4zh3n
@user-vi9zb4zh3n 2 года назад
Крутые уроки, спасибо.
@mskek1811
@mskek1811 Год назад
Ты прям очень хороший ютубер у тебя все внятно и понятно.ты правда навряд ли это прочитаешь. У тебя прям все понятно если не понял просто промотал назад и уже все понятно,правда так не у всех ну корч ещё более больших успехов на канале
@Duh280
@Duh280 2 года назад
Интересное видео) Понравилось! За легкость и полезность👍
@4ebupek067
@4ebupek067 8 месяцев назад
Как я обожаю делать ложные ссылки, создал ссылку на песню "Never Gonna give up". Теперь все кто откроет "Топ 5 файтингов" будут зарикролены
@zxs_DEADinside
@zxs_DEADinside 7 месяцев назад
спс за урок очень помог)!
@user-se3rp1wt8u
@user-se3rp1wt8u 3 месяца назад
Спасибо вам большое за урок!!!
@ksenrix
@ksenrix 9 месяцев назад
Супер !!!!
@kzfmedia3531
@kzfmedia3531 2 года назад
Великолепно!
@user-ms8wz6bc5e
@user-ms8wz6bc5e 2 года назад
Еще можно указать, что при создании якоря # Имеет значение регистр. Заглавные и строчные буквы имеют значения
@user-we6uy1pt1q
@user-we6uy1pt1q 3 года назад
Привет, ссылки это легко для меня, но все равно зашёл поставить лайк. Спасибо тебе за контент! Ты топ
@Burovasofia
@Burovasofia Год назад
спасибо за урок
@livius0653
@livius0653 3 года назад
Ёщё раз спасибо !!!
@user-nc2qu4ld2g
@user-nc2qu4ld2g 3 года назад
Спасибо.
@user-gs4ec4it5l
@user-gs4ec4it5l 3 года назад
Спасибо бро!
@doom678
@doom678 3 года назад
Спасибо!!!
@user-pj4ud5fz1h
@user-pj4ud5fz1h 3 года назад
Суперрр!
@Music_21126
@Music_21126 2 дня назад
Мне очень нравится ваши курсы 😃☺ я уже почти и сайт создал с помощью вас
@abdulmajitkubatbekov5731
@abdulmajitkubatbekov5731 2 года назад
спасибо большое бро
@user-ki4uv1ey5h
@user-ki4uv1ey5h 2 года назад
Какой еще "АшРеф"?!?) В моем серце, это всегда будет "Хрюф"!))
@phantomatics118
@phantomatics118 Год назад
А в моем хреф)
@armi9108
@armi9108 Год назад
ахаха
@ITpythononline
@ITpythononline Год назад
Вот учишь год пайтон, а когда смотришь на HTML думаешь блин как же это легко
@Rodyasha
@Rodyasha 11 месяцев назад
@@ITpythononline потому что html - это как бы разметка, потом ты добавляешь стиля через css и функционал через JavaScript.
@deadtie
@deadtie 10 месяцев назад
​@@ITpythononlineПайтон считается одной из лёгких, год учить пайтон, хорошо, но надеюсь, что ты учишь поочередно что-то другое, ТЕОРИИ.
@hakimjonghaniev5536
@hakimjonghaniev5536 2 года назад
Спасибо
@Narek9229
@Narek9229 3 года назад
все понятно
@user-uo7od4ex2k
@user-uo7od4ex2k 2 года назад
Топ!
@nomadpascal1680
@nomadpascal1680 3 года назад
Если у вас ссылка большая и хотите чтобы она переносилась вертикально как у Гоши, то в настройках сделайте вот так Editor > Soft Wrap
@piggybank2256
@piggybank2256 2 года назад
Большое спасибо
@whitehat-it-4096
@whitehat-it-4096 3 года назад
mailto:xxxxxxxx, почему при переходе никакой почтовый ящик не грузит?
@nanik2286
@nanik2286 2 года назад
Что делать если меня вместо почтового клиента перекидывает на пустую страницу?
@squyzyyyfaer2652
@squyzyyyfaer2652 Год назад
та же проблема. хоть ваш комментарий и написан год назад.. разобрались?
@nanik2286
@nanik2286 Год назад
@@squyzyyyfaer2652 нет
@Thorfinn_0
@Thorfinn_0 6 месяцев назад
​@@squyzyyyfaer26529 месяцев прошло Разобрались?
@serggey75
@serggey75 3 года назад
Можно ведь еще добавлять якорь в качестве атрибута с помощью id (Документ)
@ArtFanRamm
@ArtFanRamm 3 года назад
Скажу больше, метод с является устаревшим в пользу использования id в нужных элементах
@acid.9178
@acid.9178 Год назад
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@user-ch1gx5ee9k
@user-ch1gx5ee9k Год назад
@@acid.9178 чёрная магия брат
@acid.9178
@acid.9178 Год назад
@@user-ch1gx5ee9k Я уже решил,забыл как ,но решил
@user-ws7cl1uu7v
@user-ws7cl1uu7v 8 месяцев назад
ссылку можно укоротить на разных сайтах если она слишком длинная
@NaVilke23
@NaVilke23 3 года назад
А где атрибут "ХРЮФ"? Я чё зря старые видосы смотрел ?
@kodi6785
@kodi6785 3 года назад
Только что хотел про это спросить XD
@roman3403
@roman3403 2 года назад
thanks
@SidiussGD
@SidiussGD Год назад
круто
@Taunfel
@Taunfel 9 месяцев назад
Ссылка для написания почты не работает, прописал mailto:
@Pavel_Derevyanko
@Pavel_Derevyanko 3 года назад
👍
@user-cs6ex3fw3r
@user-cs6ex3fw3r Год назад
Почту указывать любую в конце видео? У меня ссылка на срабатывает
@user-fs6gy9vw5j
@user-fs6gy9vw5j Год назад
А если я хочу спустить якорь на какоето определенное место? например 1000 пикселей вниз, как это сделать?
@foretoldtruth
@foretoldtruth Год назад
Автор, как скрыть содержимое тега head?
@user-ex9cs8zi7e
@user-ex9cs8zi7e 3 месяца назад
😊😊😊😊😊😊
@nazarvoroniuk5961
@nazarvoroniuk5961 5 месяцев назад
cool
@lagbion_OFFLINE
@lagbion_OFFLINE 2 года назад
Я кое-что заметил в атрибуте target, заместо _blank туда можно вообще что угодно написать(в моём случае была просто буковка а) и оно будет выполнять функцию _blank(немножечко урезанно, т.к при повторном открытии новая вкладка не будет создана, а он просто заменит ту же вкладку которую недавно создал). Как это вообще объяснить?
@acid.9178
@acid.9178 Год назад
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@marlen011
@marlen011 Год назад
@@acid.9178 просто можно делать папки доступными только для некоторых пользоваетелй, которые получили доступ
@Krylowandrey
@Krylowandrey 21 день назад
а в href можно хэштэг вставить?
@xeither289
@xeither289 2 года назад
☦❤☦❤💕☦🙏
@Krylowandrey
@Krylowandrey 21 день назад
Какие еще есть атрибуты для тега ?
@abrorjonqodiraliyev2488
@abrorjonqodiraliyev2488 Год назад
У меня ест один вопрос. Как прямо попаст на сайт на другом устройсве исползуя ссылку? Внем же должен быт какойто ссылка.
@xeither289
@xeither289 2 года назад
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!
@Banjik13
@Banjik13 Год назад
а как сделать так, чтобы mailto открывал не встроенную почту винды, а через браузер gmail?
@shingekinokyojin818
@shingekinokyojin818 3 месяца назад
Здравствуйте, конечно много времени прошло, но Вы не нашли ответ на этот вопрос?) Специально зашёл в комменты узнать про почту.
@mr.4erman639
@mr.4erman639 Год назад
Интерес проснулся к програмираванию теперь
@lopik2285
@lopik2285 Год назад
Привет, а у меня не получается с написанием на почту, вообще ничего не происходит, хотя написал всё правильно
@user-jd7kt2pf8h
@user-jd7kt2pf8h Год назад
Та же проблема не могу перейти на почту,кто знает в чем проблема?
@Bezdarnyi_Master
@Bezdarnyi_Master 3 года назад
Не работает ссылка с почтовым ящиком. Ни на мой не переходит, ни на ваш. Сделал ссылки в номерованном списке. Всё отображается и работает. почтовая тоже отображается и нажимается, но переход не происходит
@gerawka
@gerawka 3 года назад
У меня перешло в приложение "Почта"
@acid.9178
@acid.9178 Год назад
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@juri_mjatlin
@juri_mjatlin Год назад
Проверьте расширение файла.
@xeither289
@xeither289 2 года назад
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!
@Dimasik86352
@Dimasik86352 3 года назад
Ссылка для написания почты не работает, нажимаю на нее, а писать некуда, по идее код написан верно, что не так?
@chokedlm7216
@chokedlm7216 3 года назад
тебе нужен почтовый клиент. скачай, например, Microsoft Outlook, тогда он будет открываться
@ysljuliet
@ysljuliet 3 года назад
@@chokedlm7216 тоже сначала писало "вам понадобится новое приложение чтобы открыть mailto". спасибо, что ответили на эту проблему)
@chokedlm7216
@chokedlm7216 3 года назад
@@ysljuliet всегда рад помочь;)
@user-ko7oh2ev9z
@user-ko7oh2ev9z 10 месяцев назад
У меня вопрос. как сделать больше ссылок между файлами? просто писать about.html about1.html ?
@user-yq2jm7wl9d
@user-yq2jm7wl9d 6 месяцев назад
без разницы, вместо abount можно что угодно писать главное сохранить ".html"
@alexdjeims8460
@alexdjeims8460 2 года назад
Из-за чего ссылка на локальный документ не отображается как у вас в примере, сразу при открытии с помощью chrome выводится код? На сайт Google в предыдущем примере нормально выводится и работает. Сделал папку на рабочем столе в ней сделал два текстовых документа с такими же названиями как у вас, написал код с такими же ссылками как у вас, а в итоге на about.html ссылка не работает. Код набирал в блокноте.
@acid.9178
@acid.9178 Год назад
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@juri_mjatlin
@juri_mjatlin Год назад
@@acid.9178 Возможно, он браузер не видит его как html файл. Нужно проверить расширение файла.
@user-ym4go7ig3q
@user-ym4go7ig3q 2 года назад
Интересно, ввожу _blank но открывает в той же вкладке? да и ссылка не открывает почту(((
@thebestnickname
@thebestnickname 2 года назад
Попробуй обновить html документ и сайт после дописания строки, либо проверь написания аттрибута. Всё должно работать)
@iceone8964
@iceone8964 29 дней назад
не получилось с помощью тега href и name перенести вниз страницу, нажимаю на вниз и ничего не происходит, страницу приближал
@user-rj2cd4yb9e
@user-rj2cd4yb9e 4 месяца назад
у меня почтовый клиент не открывает, ошибку то-же не выдает. при нажатии ничего не происходит
@evabest1
@evabest1 Год назад
Создал ссылку на почту. По вашему уроку. Она видна в браузере, но при нажатии на неё ничего не происходит... Где я допустил ошибку ? Спасибо .
@Nerkus21104
@Nerkus21104 10 месяцев назад
решили проблему?
@realtimiksomg
@realtimiksomg Месяц назад
а как же tel?
@user-ll4qe9kk1r
@user-ll4qe9kk1r 4 месяца назад
Подскажите пожалуйста. У меня не работает ссылка на другую страницу пишется не найденная Хотя я перепроверил много раз название файла написано верно
@user-pv1yt9ld5e
@user-pv1yt9ld5e 3 месяца назад
У меня всё случилось точно так же. Это из-за того, что в видеоуроке написано использовать слэш (/) перед названием. Убрал - и всё в порядке.
@user-ll4qe9kk1r
@user-ll4qe9kk1r 3 месяца назад
уже решил но всё равно спасибо
@andriy__9030
@andriy__9030 3 года назад
Привет! Как привязать "якорь" к конкретному месту на сайте? Как такое реализовать? Так-же метод, что в видео кидает не в низ странички, а туда, куда хочет(в какую-то определенную точку, но по каким критерием именно к ней - непонятно)
@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 спасибо!
@user-wl9dy2dz2p
@user-wl9dy2dz2p 6 дней назад
Ребята, кто шарит подскажите поджалуйста, почему когда я ввожу ссылку на еще одну html страницу, то у меня выскакивает ошибка:"Файл не найденВозможно, он перемещен, изменен или удален."
@user-ug5xh8wu9z
@user-ug5xh8wu9z 2 года назад
Не понимаю как приблизить таким образом в браузере, чтобы как у тебя осталась только нижняя надпись, у меня целиком все приближает и так сделать просто невозможно....
@DanRed57
@DanRed57 Год назад
Ctrl + Колёсиком верх это приближает а вниз уменщает
@user-bb4ti6sh6x
@user-bb4ti6sh6x 9 месяцев назад
или добвь что бы строки сместить
@john_slayer666
@john_slayer666 Год назад
можно как то вводить теги например как то автоматически, набрал открывающийся и сразу набрался закрывающийся, есть такая возможность или нет, кто шарит подскажите плз, я только начал учить html
@RavanaMustafayeva
@RavanaMustafayeva Год назад
то что вы говорите есть в visual studio code
@ITpythononline
@ITpythononline Год назад
​@@RavanaMustafayevaи в пайчарм может так
@Polina_pilipen
@Polina_pilipen 9 месяцев назад
И в Sublime text тоже есть
@user-bb4ti6sh6x
@user-bb4ti6sh6x 9 месяцев назад
а в атоме там подсказка всплывает
@john_slayer666
@john_slayer666 9 месяцев назад
@@user-bb4ti6sh6x спасибо все, что подсказывали, я в вскоде уже все настроил
@user-ir9bu3mt5k
@user-ir9bu3mt5k 2 года назад
Когда я перехожу через ссилку на свой файл у меня на файле ничего нету хотя я прописую кодьі
@Chepusya
@Chepusya Год назад
Всем привет! Помогите разобраться. Первое. Я для каждого урока создавал свой файл с соответсвующим названием index.html, attribut.html и т.п. Все файлы лежат в одной папке. Для урока по ссылкам я так же создал файл, link.html, в котором создавал ссылки. С внешними ссылками все норм, все работает, а вот с внутренними проблема. Браузер пишет, что "Неудалось получить доступ к файлу. Возможно он был перемещен, изменен или удален.", и выдает адрес файла из корневой папки диска, а не из папки где лежит файл. Что это может быть? Второе. Якорь работает наоборот. То есть ведет не вниз страницы а вверх. Все написал правильно, точно как в уроке, проверил 100 раз. Третье. Почтовая ссылка вообще не работает никак.
@sunrise5437
@sunrise5437 Год назад
у меня тоже не работает почтовая ссылка, уроку 2 года и возможно 5 html обновлялся, кстати прошло 2 дня, вы решили проблему?
@ElChikiChiki1337
@ElChikiChiki1337 Год назад
@@sunrise5437 у меня на якоре выкидывает на страницу "Не удалось получить доступ к файлу" хз что такое
@Ral895
@Ral895 Год назад
Может, потому что, просто нет почтового клиента? А если якорь ведет вверх, значит сам якорь находится выше ссылки на него
@maksimkuznetsov4498
@maksimkuznetsov4498 2 года назад
не работает атрибут lang ="ru" слова не переводятся всё-равно
@user-fn9xj9oh7d
@user-fn9xj9oh7d 7 месяцев назад
self, blank
@polakZaL
@polakZaL Месяц назад
Атрибут title добавляем к body когда заказчик кинул с баблом . В тайтл прописываем ,что владелец данного сайта чОрт,этакий вариант строителей замуровывающих яйцо в штукатурку для привета недобросовестному заказчику. 😅
@pro100zebra9
@pro100zebra9 4 дня назад
Сколько на вёрстке можно заработать?
@user-hw3sw9ug8l
@user-hw3sw9ug8l 3 года назад
Привет
@cbjygk9857
@cbjygk9857 Год назад
как все скомкано
@dowletdurdymyradow4374
@dowletdurdymyradow4374 3 года назад
Здраствуйте зашол на видос чтобы оставит комментарий сделайти урок по джава скрипту я уже знаю хтмл чсс это не сложные веши но у меня проблемы джава пж сделайте урок по джаваскрипт
@chokedlm7216
@chokedlm7216 3 года назад
зайди на его основной канал, там есть урок по jacascript. его основной канал это Гоша Дударь если шо
@dowletdurdymyradow4374
@dowletdurdymyradow4374 3 года назад
@@chokedlm7216 ну если ты видел это очень старый урок
@chokedlm7216
@chokedlm7216 3 года назад
@@dowletdurdymyradow4374 эмм. это не имеет никакого значения как бы. джаваскрипт не изменился, зачем тебе именно "новый" урок?
@dowletdurdymyradow4374
@dowletdurdymyradow4374 3 года назад
@@chokedlm7216 ok
@gooodzone715
@gooodzone715 3 года назад
угадайте какой адрес я вставил... на букву p
@user-ej4ud7pg3j
@user-ej4ud7pg3j 2 года назад
prn hab
@user-yf1wy3zh7t
@user-yf1wy3zh7t 9 месяцев назад
Приват
@realfootball3005
@realfootball3005 3 года назад
Неправильно про ссылку на почту
@Q_roxe
@Q_roxe 2 года назад
У меня mailto: ..... не работает,я указал там свою gmail почту,что не так ребзя?
@ramsmari1231
@ramsmari1231 Год назад
Ты прям очень хороший ютубер у тебя все внятно и понятно.ты правда навряд ли это прочитаешь. У тебя прям все понятно если не понял просто промотал назад и уже все понятно,правда так не у всех ну корч ещё более больших успехов на канале
@ramsmari1231
@ramsmari1231 Год назад
Если нашли ошибки в тексте мне пофиг мне сейчас 13 нет.
@acid.9178
@acid.9178 Год назад
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@user-lb5kc3ey4f
@user-lb5kc3ey4f Год назад
Красава 13 лет и учишься👍👍👍
@zhanarn7083
@zhanarn7083 Месяц назад
👍
Далее
СКУФИЗАЦИЯ ЗА 4 МЕСЯЦА
00:16
Просмотров 978 тыс.
ПРОВЕРКА НА БЛУД DERZKO69
1:01:06
Просмотров 498 тыс.