Введение
HTML-тег <kbd> используется для создания элементов ввода с клавиатуры для пользователей на веб-странице. Этот тег представляет собой фрагмент встроенного текста, обозначающий ввод в формате текста с клавиатуры, голосового ввода или любого другого текстового ввода с клавиатуры.
В этом лабе вы научитесь использовать HTML-тег <kbd> для создания элементов ввода с клавиатуры в своих веб-страницах.
Примечание: Вы можете практиковать программирование в
index.htmlи изучить Как писать HTML в Visual Studio Code. Нажмите на кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем можно обновить вкладку Web 8080, чтобы просмотреть веб-страницу.
Настройка HTML-файла
Создайте новый HTML-файл с именем index.html и настройте базовую структуру HTML-документа.
Добавьте следующий код в файл index.html, чтобы настроить структуру документа:
<!doctype html>
<html>
<head>
<title>Элементы ввода с клавиатуры с использованием HTML-тега <kbd></title>
</head>
<body>
<!-- Добавьте содержимое здесь -->
</body>
</html>
Добавить элементы ввода с клавиатуры с использованием тега
Добавьте элементы ввода с клавиатуры с использованием тега <kbd> в любом месте, где вы хотите обозначить элемент ввода с клавиатуры на своей веб-странице.
Добавьте следующий код внутри тега <body>, чтобы определить элемент ввода с клавиатуры с использованием тега <kbd> для команды "CTRL + V":
<p>Для вставки текста нажмите <kbd>Ctrl</kbd> + <kbd>V</kbd></p>
Теперь добавьте следующий код внутри тега <body>, чтобы определить элемент ввода с клавиатуры с использованием тега <kbd> для команды "Shift + Enter":
<p>Для создания новой строки нажмите <kbd>Shift</kbd> + <kbd>Enter</kbd></p>
Вложение тега внутри тега
Если вы хотите указать, что ввод был обработан системой и передан пользователю, вы можете вложить тег <kbd> внутри тега <samp>.
Добавьте следующий код внутри тега <body>, чтобы вложить тег <kbd> внутри тега <samp> и указать обработанный системой ввод:
<p>
Введенное значение: <samp><kbd>Enter Value</kbd>:</samp>
</p>
Резюме
В этом лабе вы узнали, как использовать HTML-тег <kbd> для создания элементов ввода с клавиатуры на веб-страницах. Вы можете использовать этот тег в любом месте, где хотите обозначить элемент ввода с клавиатуры на своей веб-странице. Тег <kbd> можно вложить внутри тега <samp>, чтобы указать обработанный системой ввод, переданный обратно пользователю.
