HTML 태그: 대부분의 초보자는 모른다(1부)

HTML을 더 잘 이해하고 다음에 제대로 사용할 수 있도록 몇 가지 HTML 태그를 살펴보겠습니다.

적절한 위치에서 적절한 HTML 태그를 사용하는 것이 중요합니다.
오늘 몇 가지 태그를 배워봅시다!! (조금 배우지만 더 잘)

1) HTML abbr 태그

abbr은 약어를 의미하며 실제로는 National Aeronautics and Space Administration을 의미하는 세계 NASA와 같은 Acronym에 사용됩니다. OMG 이 긴 문구는 읽기 어렵습니다. 그래서 우리는 HTML 본문에 abbr 태그를 사용하여 무언가를 식별하고 사용자가 마우스를 가리키면 작은 설명이나 전체 약어가 나타납니다.
통사론:

<abbr title= "Full form">Acronym</abbr>

예시:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>abbr taf</title>
</head>
<body>
    <p> 
        This is 
        <abbr title="National Aeronautics and Space Administration">
            NASA
        </abbr>
     </p>
</body> 
</html>

2) HTML 맵 및 영역 태그

맵 태그는 이미지의 다른 영역을 클릭 가능하게 만들고 해당 부분을 일부 소스에 연결하는 데 사용됩니다.

그러나 지도의 경우 영역 태그를 이해해야 합니다.

지도 태그는 이미지를 클릭 가능하게 만듭니다.
영역 태그는 해당 클릭 가능한 영역의 모양, 좌표 및 소스를 정의합니다.

예: 아래 이미지를 보세요. 각 행성을 클릭 가능하게 만들려면 어떻게 해야 합니까? 지도 태그로만 할 수 있습니다.
어떻게?
영역 태그 내부의 픽셀과 링크의 좌표를 정의하고 해당 영역 태그를 지도 태그 주위에 감쌉니다. 코드를 살펴보겠습니다.

<img src="solar.png" usemap="#planetmap">
    <!-- comment=> usemap connect image with map tag, ignor for now-->
    <map name="planetmap">
        <area 
            coords="0,0,82,126" 
            href="https://bit.ly/3pgWtiK"   
            alt="sun"  >
    </map>

solar.png:

3) HTML 옆에 있는 태그

Aside 태그는 텍스트를 열/사이드 바 텍스트로 표시하는 데 사용됩니다.

통사론:

<aside> Your Text here </aside>

읽어 주셔서 감사합니다.

Learn Little but Better

Reference

이 문제에 관하여(HTML 태그: 대부분의 초보자는 모른다(1부)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/waqaskhan/html-tags-abbrmapareaaside-oa5

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다