투케이2K

99. (html/css/javascript/jquery) kbd 태그 사용해 키보드 문구 표시 수행 실시 본문

FrontEnd

99. (html/css/javascript/jquery) kbd 태그 사용해 키보드 문구 표시 수행 실시

투케이2K 2022. 8. 21. 12:55

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

 

[요약 설명]

​

<kbd> 태그는 키보드(keyboard) 문구를 나타낼 때 사용합니다.

<kbd> 태그는 HTML5에서도 지원되지만, CSS를 대신 사용하면 더욱 다양한 효과를 얻을 수 있습니다.
 

[소스 코드]

​

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
    <title>kbd tag</title>
</head>
<body>

    <p><kbd>Ctrl</kbd> 키와 <kbd>D</kbd> 키를 동시에 누르면
        바탕화면으로 이동할 수 있습니다.</p>
	
</body>
</html>
 

[결과 출력]

​

 
반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

101. (html/css/javascript/jquery) em 태그 사용해 강조된 텍스트 표현 실시  (0) 2022.08.22
100. (html/css/javascript/jquery) label 태그 사용해 사용자 인터페이스(UI) 컴포넌트 라벨(label) 정의 실시  (0) 2022.08.21
98. (html/css/javascript/jquery) dfn 태그 사용해 용어 정의 수행 실시  (0) 2022.08.21
97. (html/css/javascript/jquery) code 태그 사용해 컴퓨터 소스코드 표현 실시  (0) 2022.08.21
96. (html/css/javascript/jquery) samp 태그 사용해 컴퓨터 프로그램의 샘플 또는 인용 문구 출력 실시  (0) 2022.08.21
'FrontEnd' Related Articles more
Comments