HTML тег <a> ссылка для перехода на другую страницу

Поиск

Программирование, разработка, тестирование

→

Html & CSS

→

HTML тег <a> ссылка для перехода на другую страницу

Посмотрели 29566 раз(а)

HTML тег <a>

последнее обновление: 21 июня 2023

HTML тег <a> определяет ссылку для перехода с одной страницы на другую.

Html Пример

<a href="https://dir.by/koncert">Концерты в Беларуси...</a>

Пример смотрим, тестируем

Концерты в Беларуси...

Ссылки для перехода внутри веб-страницы

Мы можем сделать ссылку для перехода к любому месту страницы.
Ссылка для перехода <a href="#abcde">Название</a>
abcde это id элемента к которому будем переходить.

Html Пример

Чтобы посмотреть список лучших книг про фантастику <a href="#abcde">нажмите перейти</a>

<BR>
<BR>
<BR>
<BR>

<div id="abcde"><b>Список лучших книг:</b></div>
1) "Фантастическое путешествие" Айзек Азимов <BR>
2) "Вино из одуванчиков" Рэй Брэдбери <BR>
3) "Стальная крыса" Гари Гаррисон <BR>

Пример смотрим, тестируем

Ссылки для перехода на другие веб-страницы

Чтобы перейти к определённому месту на другой странице нужно указать URL адрес:

Html Пример

<a href="https://dir.by/index.php#abcde">перейти на элемент</a>

Ссылка на почтовый ящик

Чтобы сделать ссылку на электронную почту нужно написать ключевое слово mailto поставить двоеточие и написать адрес электронной почты.
При нажатии на ссылку откроется установленная по умолчанию программа почты.

Html Пример

<a href="mailto:info@dir.by">моя почта</a>

Следующая тема →
HTML тег <abbr> показывает сокращенное название, если подвести мышку будет всплывающая надпись

Ваши Отзывы ... комментарии ...

Объявления

Объявления

HTML элементы

• HTML тег <a> ссылка для перехода на другую страницу

• HTML тег <abbr> показывает сокращенное название, если подвести мышку будет всплывающая надпись

• HTML теги fieldset и legend. Это рамка с заголовком

• HTML тег  комментарий

• style="border" В HTML

HTML поиск элемента, элементов

• document.querySelector(...) это JavaScript метод для поиска элемента из document (то есть во всем HTML)

• yourElement.querySelectorAll(...) это JavaScript метод для поиска элементов внутри другого HTML элемента

HTML svg (векторная графика для рисования линий, прямоугольников, эллипсов, ...)

• <svg> векторная графика, рисуем линию<line>, прямоугольник <rect>, круг<circle>, текст<text>

HTML canvas (рисование картинок, текста, фигур)

• HTML <canvas> рисуем прямоугольник

• HTML <canvas> рисуем линии по нажатию мышкой на Canvas

• HTML <canvas> рисуем картинки

• HTML <canvas> рисуем картинку с поворотом

• HTML <canvas> рисуем картинку с горизонтальным отражением

• HTML <canvas> рисуем картинку и текст

• HTML <canvas> рисуем картинку много раз в прямоугольнике (шаблон)

• HTML <canvas> как получить координаты мыши ? Определяем позицию мыши.

• HTML <canvas> рисуем змею линиями moveTo, lineTo

CSS

• CSS описание

• После изменения файла css , в браузере раз за разом отображаются старые стили. Почему?

• Книги для изучения CSS

CSS flex (элемент может растягиваться или сжиматься и таким образом заполнять свободное пространство)

• Что такое CSS flex

Freeze

• Шапка в таблице всегда видна при скролинге | freeze header in table | HTML

• Div всегда виден при скролинге (position:fixed, position:sticky) | freeze div | HTML

Делаем Popup используя HTML и Javascript

• Как сделать Popup окно в HTML странице | Javascript, HTML, CSS

Движение и анимация картинок

• Анимация человечка на месте. Используем HTML элемент <div>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes"

• Анимация человечка в движении (sprite). Используем HTML элементы <div>, <img>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes"

• Рисуем картинку с движением. Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval

• Рисуем картинку с движением и анимацией (sprite). Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval

Web страница на телефоне

• Открываю web страницу на телефоне в Google Chrome. Почему при двойном нажатии размер страницы увеличивается?

Верстка, дизайн страницы

• Что такое Front-end разработка?

• Как определить устройство (планшет, компьютер, телефон) сейчас используется в JavaScript, HTML

• Как сделать чтобы ваш сайт работал на телефоне, планшете, компьютере используем css media и max-device-width и min-device-width | HTML | CSS

• Как сделать чтобы ваш сайт соответствовал по размерам на телефоне, планшете ? (HTML meta с атрибутом name='viewport')

• Правильная верстка HTML. Плохо использовать table. Нужно использовать div

• Что такое Adaptive design (адаптивный дизайн)? Что такое Responsive design (отзывчивый дизайн) ?

• Меняем цвет scrollbar (полосы прокрутки) для HTML страницы. Используем CSS

WWW сайты для изучения

• Сайты для изучения HTML

Ваши вопросы присылайте по почте: info@dir.by