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
Здравствуйте! Спасибо за такую подачу - учеба в кайф!
Крутые уроки, спасибо.
Ты прям очень хороший ютубер у тебя все внятно и понятно.ты правда навряд ли это прочитаешь. У тебя прям все понятно если не понял просто промотал назад и уже все понятно,правда так не у всех ну корч ещё более больших успехов на канале
Интересное видео) Понравилось! За легкость и полезность👍
Спасибо вам большое за урок!!!
Еще можно указать, что при создании якоря # Имеет значение регистр. Заглавные и строчные буквы имеют значения
Привет, ссылки это легко для меня, но все равно зашёл поставить лайк. Спасибо тебе за контент! Ты топ
спс за урок очень помог)!
Мне очень нравится ваши курсы 😃☺ я уже почти и сайт создал с помощью вас
Великолепно!
Ёщё раз спасибо !!!
спасибо за урок
Как я обожаю делать ложные ссылки, создал ссылку на песню "Never Gonna give up". Теперь все кто откроет "Топ 5 файтингов" будут зарикролены
@user-yb6um2kh1q
12 күн бұрын
Вот для чего нужно изучать програмирование)))
Суперрр!
Спасибо бро!
Спасибо.
Супер !!!!
mailto:xxxxxxxx, почему при переходе никакой почтовый ящик не грузит?
Можно ведь еще добавлять якорь в качестве атрибута с помощью id (Документ)
@ArtFanRamm
3 жыл бұрын
Скажу больше, метод с является устаревшим в пользу использования id в нужных элементах
@acid.9178
Жыл бұрын
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@user-ch1gx5ee9k
Жыл бұрын
@@acid.9178 чёрная магия брат
@acid.9178
Жыл бұрын
@@user-ch1gx5ee9k Я уже решил,забыл как ,но решил
Спасибо!!!
А где атрибут "ХРЮФ"? Я чё зря старые видосы смотрел ?
@kodi6785
3 жыл бұрын
Только что хотел про это спросить XD
спасибо большое бро
А если я хочу спустить якорь на какоето определенное место? например 1000 пикселей вниз, как это сделать?
Какой еще "АшРеф"?!?) В моем серце, это всегда будет "Хрюф"!))
@phantomatics118
Жыл бұрын
А в моем хреф)
@armi9108
Жыл бұрын
ахаха
@ITpythononline
Жыл бұрын
Вот учишь год пайтон, а когда смотришь на HTML думаешь блин как же это легко
@Rodyasha
Жыл бұрын
@@ITpythononline потому что html - это как бы разметка, потом ты добавляешь стиля через css и функционал через JavaScript.
@deadtie
Жыл бұрын
@@ITpythononlineПайтон считается одной из лёгких, год учить пайтон, хорошо, но надеюсь, что ты учишь поочередно что-то другое, ТЕОРИИ.
Что делать если меня вместо почтового клиента перекидывает на пустую страницу?
@squyzyyyfaer2652
Жыл бұрын
та же проблема. хоть ваш комментарий и написан год назад.. разобрались?
@nanik2286
Жыл бұрын
@@squyzyyyfaer2652 нет
@Thorfinn_0
9 ай бұрын
@@squyzyyyfaer26529 месяцев прошло Разобрались?
Ссылка для написания почты не работает, прописал mailto:
шикарно
Если у вас ссылка большая и хотите чтобы она переносилась вертикально как у Гоши, то в настройках сделайте вот так Editor > Soft Wrap
@piggybank2256
2 жыл бұрын
Большое спасибо
Почту указывать любую в конце видео? У меня ссылка на срабатывает
Автор, как скрыть содержимое тега head?
Спасибо
все понятно
Топ!
Я кое-что заметил в атрибуте target, заместо _blank туда можно вообще что угодно написать(в моём случае была просто буковка а) и оно будет выполнять функцию _blank(немножечко урезанно, т.к при повторном открытии новая вкладка не будет создана, а он просто заменит ту же вкладку которую недавно создал). Как это вообще объяснить?
@acid.9178
Жыл бұрын
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@marlen011
Жыл бұрын
@@acid.9178 просто можно делать папки доступными только для некоторых пользоваетелй, которые получили доступ
thanks
У меня ест один вопрос. Как прямо попаст на сайт на другом устройсве исползуя ссылку? Внем же должен быт какойто ссылка.
ссылку можно укоротить на разных сайтах если она слишком длинная
у меня почтовый клиент не открывает, ошибку то-же не выдает. при нажатии ничего не происходит
Привет, а у меня не получается с написанием на почту, вообще ничего не происходит, хотя написал всё правильно
Какие еще есть атрибуты для тега ?
круто
Та же проблема не могу перейти на почту,кто знает в чем проблема?
а как сделать так, чтобы mailto открывал не встроенную почту винды, а через браузер gmail?
@shingekinokyojin818
5 ай бұрын
Здравствуйте, конечно много времени прошло, но Вы не нашли ответ на этот вопрос?) Специально зашёл в комменты узнать про почту.
а в href можно хэштэг вставить?
👍
Не работает ссылка с почтовым ящиком. Ни на мой не переходит, ни на ваш. Сделал ссылки в номерованном списке. Всё отображается и работает. почтовая тоже отображается и нажимается, но переход не происходит
@gerawka
3 жыл бұрын
У меня перешло в приложение "Почта"
не получилось с помощью тега href и name перенести вниз страницу, нажимаю на вниз и ничего не происходит, страницу приближал
😊😊😊😊😊😊
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@juri_mjatlin
Жыл бұрын
Проверьте расширение файла.
Ребята, кто шарит подскажите поджалуйста, почему когда я ввожу ссылку на еще одну html страницу, то у меня выскакивает ошибка:"Файл не найденВозможно, он перемещен, изменен или удален."
Когда я перехожу через ссилку на свой файл у меня на файле ничего нету хотя я прописую кодьі
Интересно, ввожу _blank но открывает в той же вкладке? да и ссылка не открывает почту(((
@thebestnickname
2 жыл бұрын
Попробуй обновить html документ и сайт после дописания строки, либо проверь написания аттрибута. Всё должно работать)
Ссылка для написания почты не работает, нажимаю на нее, а писать некуда, по идее код написан верно, что не так?
@chokedlm7216
3 жыл бұрын
тебе нужен почтовый клиент. скачай, например, Microsoft Outlook, тогда он будет открываться
@ysljuliet
3 жыл бұрын
@@chokedlm7216 тоже сначала писало "вам понадобится новое приложение чтобы открыть mailto". спасибо, что ответили на эту проблему)
@chokedlm7216
3 жыл бұрын
@@ysljuliet всегда рад помочь;)
Из-за чего ссылка на локальный документ не отображается как у вас в примере, сразу при открытии с помощью chrome выводится код? На сайт Google в предыдущем примере нормально выводится и работает. Сделал папку на рабочем столе в ней сделал два текстовых документа с такими же названиями как у вас, написал код с такими же ссылками как у вас, а в итоге на about.html ссылка не работает. Код набирал в блокноте.
@acid.9178
Жыл бұрын
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@juri_mjatlin
Жыл бұрын
@@acid.9178 Возможно, он браузер не видит его как html файл. Нужно проверить расширение файла.
Создал ссылку на почту. По вашему уроку. Она видна в браузере, но при нажатии на неё ничего не происходит... Где я допустил ошибку ? Спасибо .
@Nerkus21104
Жыл бұрын
решили проблему?
cool
У меня вопрос. как сделать больше ссылок между файлами? просто писать about.html about1.html ?
@user-yq2jm7wl9d
8 ай бұрын
без разницы, вместо abount можно что угодно писать главное сохранить ".html"
Интерес проснулся к програмираванию теперь
не работает атрибут lang ="ru" слова не переводятся всё-равно
Привет! Как привязать "якорь" к конкретному месту на сайте? Как такое реализовать? Так-же метод, что в видео кидает не в низ странички, а туда, куда хочет(в какую-то определенную точку, но по каким критерием именно к ней - непонятно)
@chokedlm7216
3 жыл бұрын
привет. твоя проблема, думаю, связана с ошибкой. чтобы написать правильный якорь надо сначала указать ссылку и в значении атрибута href указать абсолютно любое название, но в начале должен стоять знак #. выглядеть это должно как то так: Якорь это и будет нашей ссылкой. но чтобы определить в какую часть сайта будет вести эта ссылка надо в коде найти ту часть сайта, к которой ты желаешь подсоединить якорь и в той части кода написать. то есть значение href и значение name здесь должно быть одинаковым, но в href мы в начале пишем знак #, а в name просто название якоря без этого знака. надеюсь я как то помог кстати, можно указывать якорь необязательно на свой сайт, можно указывать якорь для передвижения на другом сайте в определенную точку. но для этого там и должен быть так скажем "чекпоинт" якоря.
@solitude_taster
3 жыл бұрын
@@chokedlm7216 хм, я использую вместо атрибута "name" атрибут "id"
@chokedlm7216
3 жыл бұрын
@@solitude_taster кек, не знал что так можно
@volodymyryermakov8260
3 жыл бұрын
@@solitude_taster я проверял свой файл на валидаторе, так указало, что атрибут name устарел, исправил на id с тем же значением и всё приняло без ошибки
@user-xf2mh5uc2d
3 жыл бұрын
@@chokedlm7216 спасибо!
I love Coding🤩🤩🤩🤩🤩🤩
Не понимаю как приблизить таким образом в браузере, чтобы как у тебя осталась только нижняя надпись, у меня целиком все приближает и так сделать просто невозможно....
@DanRed57
Жыл бұрын
Ctrl + Колёсиком верх это приближает а вниз уменщает
@user-bb4ti6sh6x
11 ай бұрын
или добвь что бы строки сместить
☦❤☦❤💕☦🙏
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!
Подскажите пожалуйста. У меня не работает ссылка на другую страницу пишется не найденная Хотя я перепроверил много раз название файла написано верно
@user-pv1yt9ld5e
5 ай бұрын
У меня всё случилось точно так же. Это из-за того, что в видеоуроке написано использовать слэш (/) перед названием. Убрал - и всё в порядке.
@user-ll4qe9kk1r
5 ай бұрын
уже решил но всё равно спасибо
можно как то вводить теги например как то автоматически, набрал открывающийся и сразу набрался закрывающийся, есть такая возможность или нет, кто шарит подскажите плз, я только начал учить html
@RavanaMustafayeva
Жыл бұрын
то что вы говорите есть в visual studio code
@ITpythononline
Жыл бұрын
@@RavanaMustafayevaи в пайчарм может так
@Polina_pilipen
11 ай бұрын
И в Sublime text тоже есть
@user-bb4ti6sh6x
11 ай бұрын
а в атоме там подсказка всплывает
@john_slayer666
11 ай бұрын
@@user-bb4ti6sh6x спасибо все, что подсказывали, я в вскоде уже все настроил
а как же tel?
Всем привет! Помогите разобраться. Первое. Я для каждого урока создавал свой файл с соответсвующим названием index.html, attribut.html и т.п. Все файлы лежат в одной папке. Для урока по ссылкам я так же создал файл, link.html, в котором создавал ссылки. С внешними ссылками все норм, все работает, а вот с внутренними проблема. Браузер пишет, что "Неудалось получить доступ к файлу. Возможно он был перемещен, изменен или удален.", и выдает адрес файла из корневой папки диска, а не из папки где лежит файл. Что это может быть? Второе. Якорь работает наоборот. То есть ведет не вниз страницы а вверх. Все написал правильно, точно как в уроке, проверил 100 раз. Третье. Почтовая ссылка вообще не работает никак.
@sunrise5437
Жыл бұрын
у меня тоже не работает почтовая ссылка, уроку 2 года и возможно 5 html обновлялся, кстати прошло 2 дня, вы решили проблему?
@ElChikiChiki1337
Жыл бұрын
@@sunrise5437 у меня на якоре выкидывает на страницу "Не удалось получить доступ к файлу" хз что такое
@Ral895
Жыл бұрын
Может, потому что, просто нет почтового клиента? А если якорь ведет вверх, значит сам якорь находится выше ссылки на него
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!
Атрибут title добавляем к body когда заказчик кинул с баблом . В тайтл прописываем ,что владелец данного сайта чОрт,этакий вариант строителей замуровывающих яйцо в штукатурку для привета недобросовестному заказчику. 😅
@pro100zebra9
2 ай бұрын
Сколько на вёрстке можно заработать?
как все скомкано
угадайте какой адрес я вставил... на букву p
@user-ej4ud7pg3j
2 жыл бұрын
prn hab
self, blank
Неправильно про ссылку на почту
Привет
Здраствуйте зашол на видос чтобы оставит комментарий сделайти урок по джава скрипту я уже знаю хтмл чсс это не сложные веши но у меня проблемы джава пж сделайте урок по джаваскрипт
@chokedlm7216
3 жыл бұрын
зайди на его основной канал, там есть урок по jacascript. его основной канал это Гоша Дударь если шо
@dowletdurdymyradow4374
3 жыл бұрын
@@chokedlm7216 ну если ты видел это очень старый урок
@chokedlm7216
3 жыл бұрын
@@dowletdurdymyradow4374 эмм. это не имеет никакого значения как бы. джаваскрипт не изменился, зачем тебе именно "новый" урок?
@dowletdurdymyradow4374
3 жыл бұрын
@@chokedlm7216 ok
Приват
У меня mailto: ..... не работает,я указал там свою gmail почту,что не так ребзя?
Ты прям очень хороший ютубер у тебя все внятно и понятно.ты правда навряд ли это прочитаешь. У тебя прям все понятно если не понял просто промотал назад и уже все понятно,правда так не у всех ну корч ещё более больших успехов на канале
@ramsmari1231
Жыл бұрын
Если нашли ошибки в тексте мне пофиг мне сейчас 13 нет.
@acid.9178
Жыл бұрын
При переходе с моего же html сайта , на другой мой html. Выдаёт "Не удалось получить доступ к файлу" хотя в коде всё правильно. Взял код друга у которого всё работает. Но у меня всё так же выдаёт ошибку при переходе. В чем проблема? Не могу понять. Помогите пожалуйста
@user-lb5kc3ey4f
Жыл бұрын
Красава 13 лет и учишься👍👍👍
👍