태그란 < 로 시작하여 > 로 끝나는 영역을 말한다.
종류로는 미리 정의된 태그와 사용자 정의 태그가 있다.
미리 정의된 태그는 HTML시스템에서 정해져 있는 것을 말하며 사용자 정의 태그는 추후에 다룰 CSS 또는
자바 스크립트를 적용해야 한다. 따라서 HTML에서는 주로 미리 정의된 태그를 다룰 예정이다.
태그의 속성
HTML 요소(element)에 추가 정보를 제공.
예) a(anchor) 태그의 경우 href 속성으로 이동할 페이지의 주소를 지정하거나,
target 속성으로 새창에 출력할 지 등의 추가 작업을 지시한 수 있음.
주요 공통 속성
class : 태그에 클래스 이름을 부여. (자바의 클래스와는 전혀 다름.)
태그들의 분류와 그룹화를 목적으로 함.
id : 태그에 고유한 이름을 부여. 중복하지 말것! (문법적으로 중복되지 않게 막지는 않음)
* class와 id는 스타일시트와 자바스크립트를 적용하기 위한 식별자로 사용함.
hidden : 브라우저에 출력되지 않음.
style : 각 태그별 스타일시트를 작성.
title : 각 요서에 툴팁(풍선도움말) 설정.
텍스트 관련 태그
1. 강조 관련 태그
<B> : 볼드체(굵은 글씨)
<strong> : 볼드체(굵은 글씨). 스크린 리더에서 표현,
<i> : 이탤릭체
<em> : 이탤릭체 : 이탤릭체 스크린 리더에서 표현
2. 밑줄 태그 <ins>
3. 삭제할 줄임을 나타내는 태그<del>
4. <sub> : 아래첨자, <sup> : 윗첨자
5. 하이라이트 표시 <mark>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>&It;텍스트 관련 태그></h1>
<p>이 문자에서 이 <b>글자</b>가 중요합니다.
<p>이 문자에서 이 <strong>글자 </strong>가 중요합니다.
<p>이 문자에서 이 <i>글자 </i>가 중요합니다.
<p>이 문자에서 이 <em>글자 </em>가 중요합니다.
<p>이 문자에서 이 <ins>글자 </ins>가 중요합니다.
<p>이 문자에서 이 <del>글자 </del>가 중요합니다.
<p>이 문자에서 이 <sub>글자 </sub>가 중요합니다.
<p>이 문자에서 이 <sup>글자 </sup>가 중요합니다.
<p>이 문자에서 이 <mark>글자 </mark>가 중요합니다.
</body>
</html>
'HTML & CSS' 카테고리의 다른 글
| 블록과 인라인 (0) | 2022.08.29 |
|---|---|
| 멀티미디어 태그 (image, audio, video) (0) | 2022.08.29 |
| <list> 태그 / <table> 태그 (0) | 2022.08.29 |
| 수평선 <hr> / 링크걸기 <a> 태그 (0) | 2022.08.29 |
| HTML 기본 구조 (0) | 2022.08.29 |