웹 개발자라면 필연적으로 사용하게 되는 HTML이지만
HTML의 태그들은 의미를 알 수 없을 정도로 한 두 글자로 축약한 약어가 많기 때문에
약어의 뜻보다는 기능으로 태그를 외워버린 분이 많을 겁니다. (사실 제가 그렇습니다...🙋♂️)
이번 글에선 자주 사용되는 HTML 태그들의 풀네임과 기능을 정리해보겠습니다.
( 이미 n년차 웹 개발자들에겐 아주 친숙한 태그들이기 때문에
대략적인 의미를 알고 있더라도 재미 삼아 읽어보는 것도 좋을 것 같습니다.)
| 태그 | 풀네임 | 뜻 | 기능 |
| HTML | Hypertext Markup Language | 하이퍼텍스트 마크업 언어 | |
| a (href) | Anchor (Hypertext reference) | 닻(참조 하이퍼텍스트) | 참조 하이퍼텍스트로 이동 |
| b | Bold | 굵은 활자체 | 텍스트를 굵게 표현 |
| p | Paragraph | 문단의 절 | 태그가 끝나면 줄을 바꿈 |
| i | Italic | 기울어진 활자체 | 텍스트를 기울임 |
| u | Underline | 밑줄 | 텍스트에 밑줄을 그음 |
| em | Emphasized text | 강조된 텍스트 | 텍스트를 강조 |
| pre | Performatted text | 서식이 지정된 텍스트 | (태그등을) 입력한대로 텍스트를 표현 |
| img (src) | Image (Source) | 이미지 (소스) | 이미지를 소스에서 불러옴 |
| img (alt) | Image (Alternate text) | 이미지 (대체 텍스트) | 이미지를 불러오는 것에 실패했을 때 대체 텍스트로 표현 |
| h(1~6) | Header text | 머리글 | 머리글을 표현 |
| br | Break | (작업중의) 중지 | 줄바꿈 |
| hr | Horizontal rule | 수평선 | 마크업에 수평선을 표현 |
| tr | Table row | 테이블 열 | 테이블의 열을 표현 |
| td | Table data | 테이블 데이터 | 테이블의 데이터를 표현 |
| col | Column | 열 | 열을 표현 |
| ul | Unordered list | 정렬되지 않은 목록 | 정렬되지 않은 목록을 표현 |
| ol | Ordered list | 순서가 있는 목록 | 순서가 있는 목록을 표현 |
| li | list item | 목록의 항목 | 목록의 항목을 표현 |
| dl | Definition list | 정의 목록 | 정의된 목록을 표현 |
| dt | Definition list term | 정의 목록의 용어 | 정의된 목록의 제목을 표현 |
| dd | Definition list description | 정의 목록의 설명 | 정의된 목록의 설명을 표현 |
| div | Division | 분할 | 영역을 나눔 |
| iframe | Inline frame | 인라인 틀 | 인라인으로 HTML안에 또 다른 HTML을 삽입 |
'HTML' 카테고리의 다른 글
| [HTML] The FOUC Problem(화면 깜빡임 현상) (0) | 2021.11.08 |
|---|---|
| [HTML] table tr display 적용 깨짐 현상 해결 (0) | 2021.10.27 |
| [HTML] <input type="number" />가 IOS에서 넘버 키패드를 호출하지 않을 때 (0) | 2021.07.02 |