Базовый курс HTML выпуск 2 — основы


Всем привет, это Disainer, ресурс itist.ru/
В этом выпуске я покажу и опишу основные теги которые могут понадобиться для начала работы.
Откроем в редакторе страницу которую мы подготовили ранее, будем работать в ней.

И так ссылки, для того чтобы с одной страницы нашего сайта можно было перейти на другую используются ссылки.
Тег может быть довольно сложным, как пример как раз подойдут ссылки, и так посмотрим:
Перейти на сайт

Давайте посмотрим как это выглядит. Попробовали, все работает, отлично!

А теперь давайте разберемся что же у нас написано. В левой части тега мы прописываем адрес страницы, это так же может быть ftp ресурс илидругой тип ссылки который можно указать с помощью протокола. Между тегами пишем информацию которую мы отображаем для пользователя.

Давайте добавим еще одну ссылку
Перейти в блог
Отлично, теперь у нас есть 2 ссылки, но согласитесь, выглядят они довольно странно, давайте перенесем ее на другую строку и посмотрим на результат.
Ой, не работает, а почем так произошло? Все просто, браузер не знает, что вы переносите текст на другую строку, т.к. текс не размечен, для этого используются либо теги разметки текста, либо как поступим мы, используется тег
, после него текст будет начинаться с новой строки, и если вы не заметили, это был первый тег, который не нужно закрывать.
Можете продублировать его несколько раз, и это позволит создать несколько переносов строки.
Давайте добавим немого разнообразия и добавм картинку, чтобы было немного интереснее, я буду использовать логотип своего сайта.
прописываем следующий тег

Пробуем, работает!

можно прописать в теге дополнительный параметр alt который в случае проблем с изображением будут отображаться вместо нее
Также в ссылку можно вставить изображение, давайте попробуем сделать и это.
Я просто скопирую логотив с ссылку чтобы вместо текста показывалось лого, чтобы при клике открывался сайт.

Вы возможно заметили что сайт открывается в этой же вкладке, можно изменить это добавив target=»_blank»
Пробуем и видим, что теперь страница открывается в новой вкладке.
И на последок я покажу как сделать разделитель, иногда он тоже нужен и используется.

Помните тег br? Так вот, этот тег аналогичен,


добавляем, смотрим, радуемся результату.
А на этом у меня все, всем спасибо за просмотр, ставьте лайки если вам понравилось это видео или дизлайки если вам не понравилось видео. Пишите в комментариях чего ждете и не забывайте подписываться на канал. Всем пока!

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *