<b> ~ </b>
- 글자 강조 태그(Bold), 볼드체(굵은 글씨체)
- 키워드, 리뷰에서의 상품명, 기타 보통 볼드체로 표현하는 텍스트에 사용
<em> ~ </em>
- 텍스트 강조 태그(Emphasis). 주관적인 강조를 나타낼 뿐, 중요성을 나타내지는 않는다.
- 강조체(이탤릭체). i 태그와 동일하게 출력
<i> ~ </i>
- 이탤릭체 태그
- 다른 언어에서 널리 쓰이는 숙어의 인용, 생각, 꿈, 분류학 명칭, 기타 보통 이탤릭체로 표현하는 텍스트에 사용
<dfn> ~ </dfn>
- 용어 정의 태그(Defining Instance of aTerm)
- 웹 페이지 내의 용어, 단어 등의 정의할 때 사용(이탤릭체로 표시)
<pre> ~ </pre>
- 서식 설정 텍스트 태그 (Preformatted Text)
- 서식이 설정된 텍스트를 표시하는 데 사용
- <pre> 태그는 텍스트 박스에 입력된 그대로 상태를 웹 페이지 상에 보여주는 태그. 예를 들면 공백, 탭(Tab), 엔터키 등을 그대로 화면상에 표현할 수 있다.
<sub> ~ </sub>
- 첨자 텍스트 태그 (Subscript)
- 아래 첨자
<sup> ~ </sup>
- 슈퍼 스크립트 태그 (SuperScript)
- 위 첨자
<s> ~ </s>
- 텍스트 가운데 선 정의 태그(Strikethrough)
- 문자의 가운데에 선을 넣어 준다. HTML5에서는 지원하지 않음
<u> ~ </u>
- 밑줄 태그(Underline). HTML 5 에서는 지원하지 않음
<cite> ~ </cite>
- 인용 태그(Citation)
- 제목(책, 노래, 영화, TV 쇼, 그림, 조각 등 제목)을 나타낼 때 사용
<code> ~ </code>
- 코드 예제 태그(Code Listing)
- 컴퓨터와 관련된 모든 코드 마크업 하는 코드, XML 속성이름, 파일이름 등 표시하기 위해 사용
ex07 >>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>formatting 관련 태그</h3>
<p>b : 글자 <b>강조</b> 태그</p>
<p>em : 텍스트 <em>강조</em>. 이탤릭체. i 태그와 동일</p>
<p>i : <i>이텔릭체</i> 태그</p>
<hr>
<p> pre : 문서 서식 설정 텍스트 태그. 공백, 탭, 엔터등을 화면상에 표현할 수 있다.</p>
<pre>
자바
스프링
HTML CSS Javascript
</pre>
<hr>
<p> sub : 아래첨자, sup : 위첨자</p>
<p> log<sub>2</sub>x<sup>10</sup></p>
<hr>
<p> code : 코드 예제 태그. 마크업 하는 코드, XML 속성이름, 파일명 등을 표시 </p>
<code>sample.html</code>
</body>
</html>
'쌍용강북교육센터 > 9월' 카테고리의 다른 글
| 0913_HTML : 레이아웃 관련 태그(2) div 태그 (0) | 2021.09.14 |
|---|---|
| 0913_HTML : 레이아웃 관련 태그 (1) (1) | 2021.09.14 |
| 0913_HTML: 기본 태그(4) 공통속성 (0) | 2021.09.14 |
| 0913_HTML : 기본 태그(3) 블럭요소와 인라인 요소 (1) | 2021.09.14 |
| 0913_HTML : 기본 태그 (2) (1) | 2021.09.14 |
