Программирование с нуля с чего начать? Web разработка Урок 9 Ссылки

Автор Alla Bessonova
Программирование с нуля   с чего начать? Web разработка  Урок 9  Ссылки

в прошлом задание мы познакомились с ссылками.

Давайте поговорим о них. Теперь подробнее. Давайте создадим новый документ в саблайме и сохраним его как Linux ссылки и HTML расширение я сохраню его в папке Web Developer course и в ней папка HTML там где все мои файлы.

Давайте напишем шаблон быстренько.

Здесь тоже. Стоит ли укажем Lynx и в баре создадим ссылку. Наверное вы помните — это делается очень просто. При помощи TG, а почему, а потому, что ты к ней происходит от английского слова. Анкор Якорь позже я объясню почему ссылки названы этим словом пока. Давайте запишем наша ссылку ссылки имеется обязательный атрибут шериф в котором указывается собственно сама ссылка. Куда нужно. Давайте например перейдём на сайт YouTube всем известные да давайте в. Гугле наберём YouTube и вот здесь вот в списке сайтов выдаётся в поисковике сайт YouTube его уронил его адрес в интернете с копируем его и вставим в наш атрибут эйчаров теперь сохраняем файл и запустим его двойным щелчком ничего не отобразилось как не видеть потому, что мы не указали здесь текст самой ссылки. Давай здесь напишем go to YouTube например перейти на YouTube. Давайте расположенным текстовый редактор и браузер рядышком для удобства сохраняем файл обновить страницу ссылка. Да как вы видите если мы на ней нажмем то мы перенаправляем ся на сайт YouTube всё довольно-таки просто — это первый посёлок следующий вид ссылок при помощи которых мы можем переходить из одного файла в другой на нашем сайте с одной страницы на другую в той же папке в данном случае — это папка у меня HTML там где находится File Links HTML который я только, что создал если я здесь в этой же папке второе чтение файла давайте я сделаю — это File New File и сразу сохраню его назову его например Links 2.0 вот он появляется. Здесь тоже я запишу быстренько шаблоны кот и здесь давайте я напишу заголовок эч-1 Links два файла. Давайте сохраним откроем видите отображается он таким образом и теперь в нашем поле Links который находится как я уже говорил в одной папке с links2 мы можем перейти на эту страницу links2 на этот файл указав ссылку создадим новый параграф что. Сколько было с новой строчки и здесь пишем опять. Эй и здесь мы просто указано название файла Linux 2. HTML везде спишем саму ссылку сам текст ссылки год ulink2. Давайте напишем. Давайте сохраним обновить страницу и если мы нажмем сейчас на эту ссылку вы видите. Мы перенаправляем со на страницу links2 заметив файлы должны находиться в одной и той же папке. А, что же делать если мы хотим перейти из нашего файла Linux например файл который в папке. Ну давайте создадим новую здесь и. Назови мою просто папка фолдер и в ней. Давайте создадим новую папку то — это File New File и сохраним его в этой папке как Lynx 3 HTML сохраняем вот он появился в папке Folder которая находится в той же папке, что наш File Links если мы сейчас давайте. Скопируй этот текст здесь изменим название файла укажем Linux Tree HTML и ссылку самой изменим тоже linktree сохранил файл обновить страницу ссылка появилась по которой мы хотим перейти нажимаю на ссылку и браузер пишет файл не найден потому, что он находится не в одной папке с файлом Linux и чтобы перейти на страницу Lynx 3 папка фолдер нам надо указать здесь название этой папке далее поставить слэш и. Дали название файла сохраним палубным страницу и мы находимся в нашем File Links HTML. Но в нём ничего не написано давайте мы здесь тоже что-нибудь напишем чтобы. Давайте скопирую. Вот этот текст ставим иваси здесь изменим на Lynx 3 чтобы мы могли понять, что мы именно в этом. Фарида Давайте попробуем ещё раз по закрываем наши файлы откроем запустим ещё раз Links. И теперь мы хотим перейти File Links 3 который находится в папке Folder нажимаем и прекрасно мы попадаем туда куда и хотели ещё один вариант если мы хотим перейти в файл который находится например в папке которая находится выше нашей то есть мы сейчас находимся в папке Web Developer course папка HTML. А если он находится здесь в папке Web Developer course то есть в родительской папки. Давайте 4 file сохраним его как Lynx 4 HTML и сохраним его в папке Web Developer course то есть на уровень выше и теперь давайте опять же с копируем этот шаблонный текст ставим его сюда здесь укажем 4 из 4 сохраним. А здесь. Скопируй ссылку и создадим ещё одну ссылку на этот файл Linux 4 и здесь напишем Link 4 сохраняем файл обновить страницу ссылка появилась. Но здесь у нас указан указано, что файл находится в папке Folder, но в папке Folder нет файла Linux 4 если мы сейчас придём поэтому ссылки то конечно же браузер пишет, что файл не найден. Это очевидно как же указать путь файлу который находится выше ведь эту папку не видно из нашей папке — это делается при помощи следующих записей мы здесь ставим две точки и всё — это значит переход на уровень выше и теперь если мы перейдём по этой ссылке мы попадаем на нашу страница 14 и остался ещё один тип ссылок — это так называемый внутренний внутри страничные ссылки так называть или анкорные ссылки. Якорная собственно говоря от этих ссылок и произошло название всех ссылок и название тега первая буква а. Артур, что значит якорь для чего они используются они используются для того чтобы переходить на разные части страница. То есть если мы большой документ большую страницу. Кто мы можем переходить из одной части.

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

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