다음 기사에서는 HTML의 kbd 태그에 대해 설명합니다. HTML의 태그는 사용자의 키보드 입력에 의해 정의된 텍스트를 인식하는 데 도움이 됩니다. 키보드에서 입력을 받는 데 사용됩니다. 사용자가 키보드를 통해 입력하는 텍스트를 표시해야 할 때마다 주로 사용됩니다. 이는 문구 태그로 알려진 태그 카테고리에 속합니다. 이는 인라인 요소라고도 합니다. 이 태그에 설정된 기본 글꼴은 글꼴 계열의 고정폭 글꼴입니다. 에 포함된 텍스트의 모양과 느낌을 개선하기 위해 다양한 스타일 코드를 사용할 수 있습니다. 꼬리표. 항상 키보드를 통해 쉽게 입력할 수 있는 텍스트가 포함되어 있습니다.
열기 내의 HTML에 정의된 태그 그리고 태그.
이 태그 안에 포함된 텍스트는 다음과 같습니다.
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> <p>Kbd tag in HTML < kbd> Text </kbd> <kbd> Text </kbd> <kbd> Text </kbd> </body> </html>
이 태그는 고정 폭 유형의 글꼴 형식을 포함하는 구문 태그로 알려져 있습니다. 내에 포함된 텍스트의 스타일을 변경할 수 있습니다. 다음과 같이 다양한 CSS 속성을 사용하여 태그를 지정하세요.
텍스트 레이아웃 스타일을 태그에는 CSS에 다음과 같은 다양한 속성이 있습니다.
태그는 HTML에서 다양한 목적으로 사용되는 가장 유용한 태그 중 하나입니다. 의 주요 용도 사용자 문서에 태그를 추가하세요. 키보드에 입력할 텍스트를 표시하는 데 도움이 되기 때문입니다. 이는 HTML의 환상적이고 유용한 요소입니다. 이 태그는 키보드 단축키를 생성하는 데에도 사용됩니다.
이는 새 문서 만들기, 문서 저장, 새 탭에서 열기 등에 도움이 됩니다. 스타일이 지정된 출력을 위해 다양한 CSS 속성에서 작동합니다. 를 사용하여 키보드 단축키를 생성한다고 가정해 보겠습니다. HTML의 태그. 여기서는 일부 텍스트를 복사하여 붙여넣습니다.
그래서 다음과 같이 단축키를 통해 태그를 사용하여 이 작업을 수행하겠습니다. 따라서 이 예에서는 ctrl +c로 텍스트를 복사하고 ctrl + v를 사용하여 붙여넣는 단축키를 만듭니다. 다음은 HTML의 kbd 태그의 예입니다. 출력: 출력: 출력: 키보드에서 Ctrl+Shift+T 키를 클릭하면 브라우저에서 이전에 닫은 탭이 다시 열립니다. HTML의 태그는 텍스트를 키보드 입력으로 표시하는 데 사용됩니다. 고정 폭 글꼴입니다. 이 태그는 글꼴 모음, 글꼴 두께, 글꼴 색상, 배경색, 글꼴 크기, 글꼴 스타일, 텍스트 장식, 공백, 텍스트와 같은 다양한 CSS 속성을 사용하여 스타일을 지정할 수 있습니다. break, text-shadow, text- align -last, text letter-spacing, text-overflow 등 위 내용은 HTML의 kbd 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
ctrl + c 그런 다음 ctrl + v HTML의 kbd 태그 예
예 #1 – 이것은 태그.
<!DOCTYPE html>
<html>
<head>
<title>kbd tag</title>
<style>
kbd.key {
padding: 3px 3px 0;
border-radius: 2px;
border: 1px solid #666;
border-color: blueviolet;}
</style>
</head>
<body>
<p>Copy some code using <kbd><kbd>Ctrl</kbd>+<kbd>c</kbd></kbd>.</p>
<p>Paste copied code using <kbd><kbd>Ctrl</kbd>+<kbd>v</kbd></kbd>.</p>
<p>Save all the details of the data using <kbd ><kbd class="key" >Ctrl</kbd>+
<kbd class="key">s</kbd></kbd>.</p>
<p>Create a new document by pressing <kbd><kbd class="key">Ctrl</kbd>+
<kbd class="key">N</kbd></kbd>.</p>
</body>
</html>
예 #2 – CSS 속성을 사용하여 태그를 지정하세요.
<!DOCTYPE html>
<html>
<head>
<title>kbd tag</title>
<style>
kbd.font {
font-style: italic;
font-size: 20px;
}
kbd.cursive{
font-family: cursive;
}
kbd.fantasy{
font-family:fantasy;
color:darkmagenta;
}
kbd.inherit{
font-family:inherit;
}
kbd.sans-serif{
font-family:sans-serif;
background-color: aquamarine;
}
kbd.weight{
font-weight:bold;
}
</style>
</head>
<body>
<h4>kbd tag uses Font style</h4>
<p><kbd class="font">The Whole world steps aside for the man who knows where he is going</kbd><hr>
<h4>kbd tag uses Font Family</h4>
<p><kbd class="cursive">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class="fantasy">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class=" inherit">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class="sans-serif">People rarely succeed unless they have fun in what they are doing</kbd>
<hr>
<h4>kbd tag uses Font weight </h4>
<p><kbd class="weight"> Only those who dare to fail greatly can ever achieve greatly</kbd>
<hr>
</body>
</html>
예시 #3
<!DOCTYPE html>
<html>
<head>
<title>HTML kbd Tag</title>
</head>
<body>
<p>kbd tag to reopen previously closed tab by clicking
<br>
<br>
<kbd>ctrl</kbd>+
<kbd>shift</kbd>+
<kbd>t</kbd>
</body>
</html>
결론 – HTML의 kbd 태그
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
