<!DOCTYPE html>
<html>
<head>
<title>::: 06_HTML_태그소개 :::</title>
</head>
<body>
<h3>쌍따옴표 넣기</h3>
<p>
HTML 태그 중에 문장 중에 특정부분의 영역을
쌍따옴표(<q>q태그를 사용합니다.</q>)로 처리할 수 있습니다.
</p>
<hr/>
<h3>블록쿼터 영역 만들기</h3>
<p>
블록쿼터란 특정 영역을 블록처럼 별도로 표현하고자 할때 사용합니다.
</p>
<blockquote>
이곳은 블록으로 별도 지정된 영역입니다.
잘 나오는지 확인합니다.
</blockquote>
<hr/>
<h3>단축영단어의 풀네임을 표시할 때 abbr 사용</h3>
<p>
단축영단어 WHO라는 단어의 Full Name을
보여주기보다는 WHO 단어를 abbr 태그로 감싸서 설명을 달아줍니다.
밑줄로 표시됨(<abbr title="World Health Organization">
WHO</abbr>)
</p>
<hr/>
<h3>저자소개와 같은 정보를 특수하게 표시할 때 address 사용</h3>
<p>
임의의 문장을 누군가가 작성을 했다고 가정할 때...<br/>
이 정보는 누가, 언제, 어디에서..등등과 같은 정보를 표현할때 사용됨
</p>
<address>
* 작성자 : 홍길동 <br>
* 작성일 : 2023년 3월 2일 (목요일)<br/>
* 사이트 : <a href="http://www.daum.net">다음</a><br/>
* 주소 : 광주광역시 대한상공회의소 광주인력개발원
</address>
<hr/>
<h3>갤러리에서 이미지에 출처 달기와 같은 제목을 하단에 표시하기</h3>
<img src="./images/dog01.jpg"
width="200" height="200" alt="이미지" />
<p>
<cite>그림제목</cite> 입니다. (1992년도 작품)
</p>
</body>
</html>
'html' 카테고리의 다른 글
| 08. html 태그_스타일 지정 방식 (0) | 2023.03.03 |
|---|---|
| 07. html 태그_색상지정방식 (0) | 2023.03.03 |
| 05. html 태그_텍스트 - 서식 (1) | 2023.03.02 |
| 04. html 태그_Style (0) | 2023.03.02 |
| 02. html 태그 (0) | 2023.03.02 |
