<!--
제목:h1~h6 태그사용
본문:p 태그사용
strong 태그: 중요도가 높은 텍스트를 굵은 글자로 표현.
em 태그: 이탤릭체(기울어진 글자) 표현.
mark 태그: 형광펜 마크 텍스트 표현.
small 태그: 작은 글자로 표현.
sup 태그: 위 첨자로 표현.
sub 태그: 아래 첨자로 표현.
address 태그: 주소지나 연락정보를 표시.
등등
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>글자 태그</title>
</head>
<body>
<h2>글자 태그</h2>
<p>
<strong>본문 글자 태그 p 태그</strong>는 <em>본문 내용</em>을 <mark>저장</mark>할 때 사용한다.
</p>
<p>
<small>작은 텍스트로 표현</small><br>
<!--br태그는 줄바꿈 단일태그-->
인텔<sup>TM</sup><br>
다음<sub>.net</sub><br>
<address>광주시 북구 문흥동</address>
</p>
<h2>하이퍼 링크</h2>
<p>하이퍼 링크는 다른 웹 페이지나 웹 페이지의 특정위치로 이동할 때 사용한다.
필수 속성인 href의 속성값으로 절대 경로와 상대 경로, 아이디 경로, 메일 경로, 전화번호 경로를 가질 수 있다.
</p>
<h3>외부링크</h3>
<h4>상대 경로</h4>
<a href="./exam03-시맨틱태그.html">시맨틱태그</a>
<h4>절대 경로</h4>
<a href="http://www.daum.net">다음</a>
<h4>메일 경로</h4>
<a href="mailto:rhddnjs_@naver.com">메일보내기</a>
<h4>전화번호 경로</h4>
<a href="tel:010-****-29**">전화</a>
<h3>내부링크</h3>
<h4>아이디 경로</h4>
<a href="#products">제품소개</a>
<p id="products" style="height: 1000px; margin-top: 3000px; background: #fc0">제품소개</p>
</body>
</html>
'Coding' 카테고리의 다른 글
html 선수학습(5) (0) | 2021.07.07 |
---|---|
html 선수학습(4) (0) | 2021.07.06 |
html 선수학습(2) (0) | 2021.07.01 |
CSS 선수학습 (0) | 2021.06.30 |
html 선수학습 (0) | 2021.06.30 |