당신이 잘 모르는 HTML 태그 5가지
4149 단어 webdevprogrammingopensourcehtml
1. <상세정보> 태그
이름에서 알 수 있듯이
<details>
태그는 텍스트의 세부 정보를 제공하는 데 사용할 수 있습니다. 출력에서 텍스트를 확장하면 <details>
태그 안에 있는 특정 텍스트의 세부 정보가 표시됩니다.<!DOCTYPE html>
<html>
<head>
<title>5 HTML TAGS</title>
</head>
<body>
<big>DETAILS TAG</big>
<details>
<summary>Akshit Singh</summary>
<p>Hi am a Blogger.</p>
</details>
</body>
</html>
출력:
2. <bdo> 태그
이 태그는 그 사이의 텍스트 방향을 변경하는 데 도움이 됩니다. (정말 재미있는 태그입니다)
<!DOCTYPE html>
<html>
<head>
<title>5 HTML TAGS</title>
</head>
<body>
<big>BDO TAG</big>
<!-- This is a right-to-left example -->
<p><bdo dir="rtl">This is a paragraph</bdo></p>
<!-- This is a left-to-right example -->
<p><bdo dir="ltr">This is a paragraph</bdo></p>
</body>
</html>
출력:
참고:
rtl
는 오른쪽에서 왼쪽을 나타내고 ltf
는 왼쪽에서 오른쪽을 나타냅니다.3. <abbr> 태그
이 태그는 약어를 작성하는 데 사용됩니다.
<!DOCTYPE html>
<html>
<head>
<title>5 HTML TAGS</title>
</head>
<body>
<big>ABBR TAG</big>
<p><abbr title="Akshit Singh">Hashnode Blogger</abbr></p>
</body>
</html>
출력:
4. <샘플> 태그
<samp>
HTML 요소는 컴퓨터 프로그램의 샘플(또는 인용된) 출력을 나타내는 인라인 텍스트를 묶는 데 사용됩니다.<!DOCTYPE html>
<html>
<head>
<title>5 HTML TAGS</title>
</head>
<body>
<big>SAMP TAG</big>
<p><samp>This is a samp text.</samp></p>
</body>
</html>
출력:
5. <kbd> 태그
<kbd>
태그는 키보드 입력을 정의하는 데 사용됩니다. 내부 콘텐츠는 브라우저의 기본 모노스페이스 글꼴로 표시됩니다.<!DOCTYPE html>
<html>
<head>
<title>5 HTML TAGS</title>
</head>
<body>
<big>KBD TAG</big>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text</p><!-- for Windows Users -->
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text</p><!-- For MacOS users -->
</body>
</html>
출력:
이것은 블로그를 위한 것이었고 정보가 도움이 되었기를 바랍니다. 위의 태그 중 어떤 태그에 대해 알고 계셨습니까? 아래 댓글로 알려주세요!
그때까지 해피코딩!!🤗👨💻
Reference
이 문제에 관하여(당신이 잘 모르는 HTML 태그 5가지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/akshit_singh/5-html-tags-you-may-not-know-about-2k91텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)