JUST GO

[HTML] Tag정리(2) 본문

HTML/학습내용

[HTML] Tag정리(2)

root_go 2022. 10. 3. 15:05

Case1 네이버 새창에서 열기(target="_self", target="_blank")

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>케이스 1</title>
</head>
<body>
    <b>
        <a href="https://www.naver.com" target="_self">네이버</a>
    </b>
    <a href="https://www.naver.com" target="_self">
        <b>네이버</b>
    </a>
    <a href="https://www.naver.com" target="_blank">(새 창에서 열기)</a>
</body>
</html>

Case2 (Tag-img, alt, src)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>케이스 2</title>
</head>
<body>
    <a href="https://www.naver.com" target="_blank">
        <img alt="Naver" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Naver_Logotype.svg/2560px-Naver_Logotype.svg.png" height="100">
    </a>
    <br>
    <a href="https://www.google.com" target="_blank">
        <img alt="Naver" src="https://www.google.co.kr/images/branding/googlelogo/2x/googlelogo_color_160x56dp.png" height="100">
    </a>
</body>
</html>

Case3 (Tag-p, Tag-b, Tag-sup, Tag-a 활용)

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>케이스 3</title>
</head>
<body>
    <p><b>대한민국</b>(大韓民國, <a href="#">영어</a>: Republic of Korea, <b>ROK</b>), 약칭 <b>남한</b>(南韓, <a href="#">영어</a>: South Korea), <b>한국</b>(韓國)은 <a href="#">동아시아</a>의 <a href="#">한반도</a> 남부에 자리한 <a href="#">민주공화국</a>이다. 대한민국의 국기는 대한민국 국기법에 따라 <a href="#">태극기</a><sup><a href="#">[5]</a></sup>, <a href="#">국가</a>는 관습상 <a href="#">애국가</a><sup><a href="#">[6]</a></sup>, <a href="#">국화</a>는 관습상 <a href="#">무궁화</a>이다. <a href="#">공용어</a>는 <a href="#">한국어</a>와 <a href="#">한국 수어</a>이다. <a href="#">수도</a>는 <a href="#">서울</a>이다. 인구는 약 5,160만 명으로, 전체 인구 중 절반 정도(약 2611만 명)가 <a href="#">수도권</a>에 살고 있다.<sup><a href="#">[7]</a></sup></p>
    <p>대한민국은 <a href="#">1948년</a> <a href="#">5월 10일</a> 총선거를 통해 <a href="#">제헌국회</a>를 구성하였고, <a href="#">1948년</a> <a hre="#">8월 15일</a> <a href="#">대한민국 정부를 수립하였다.</a> <a href="#">1948년</a> <a href="#">제헌국회</a>에서 대한민국의 국호를 계승하여 <a href="#">헌법</a>에 명시하였고, 다시 <a href="#">1950년</a> 1월 16일 국무원 고시 제7호 ‘국호 및 일부 지방명과 지도색 사용에 관한 건’에 의해 확정하였다.</p>
</body>
</html>

 

'HTML > 학습내용' 카테고리의 다른 글

[HTML] 공통속성(Attribute)  (0) 2022.10.03
[HTML] 태그정리  (1) 2022.10.03
[HTML] 기본개념  (0) 2022.10.03
[HTML] Tag 정리  (0) 2022.09.13