[HTML&CSS] HTML 태그 정리
- Language & Solution/HTML&CSS
- 2018. 11. 1. 03:35
<html lang="[LANGUAGE]"> : 언어 지정 tag
<meta charset="[ENCODING]"> : 문자 인코딩 set
<!DOCTYPE> : Html 문서형식을 정의
<meta property="og:[PROPERTY]" content="[VALUE]"> : facebook , kakao, line 등 sns에서 정보공유를 할 때, 링크된 url의 정보를 표시해주는 메타태그
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : 모바일 기기 환경에서 디바이스의 크기에 맞게 해상도를 조정하는 기능을 하는 메타태그
<span> : inline tag 한 줄에 다 쓰여짐
<dfn> : 어떤 블록의 의미를 설명하는 태그. hover했을 때 의미가 나옴
<abbr> : 어떤 축약된 단어가 무엇을 의미하는 지 알고 싶을 때 쓰는 태그
<cite> : 작품의 제목을 표현하는 태그
<ruby><rt> : 어떤 글자를 다른 글자 위에 놓고 싶을 때
<time> : 시간을 나타낼 때
<hr> : 이전과 다음 내용이 다를 때 그어주는 경계
<p> : 단락, 하나의 덩어리들은 모두 p 태그로 표현 가능
<address> : 주소표현 태그
<blockquote> : 인용할 때 쓰는 태그. semantic markup
<a href="[URL]"> : 엥커. 하이퍼텍스트 링크. 클릭시 지정된 URL로 이동됨
<dl><dt><dd> : 정의 목록<dl> 정의명 <dt> 정의에 대한 설명 <dd>
<thead><tbody><tfoot> : <thead> 제목이 있는 부분을 묶어주는 역할(RDB의 컬럼이라고 보면 됨) <tbody> 테이블 몸체 <tfoot> 테이블 끝 부분
<caption> : 테이블의 제목
<table><tr><td> : 테이블을 구성하는 요소. 테이블<table> 테이블 행<tr> 테이블 자료<td>
<th scope="[SIZE]"> : th 요소가 나타내는 범위
'Language & Solution > HTML&CSS' 카테고리의 다른 글
| [HTML&CSS] HTML 템플릿 작성하기, <div> 의 쓰임새 및 <a href="#content"> (0) | 2018.11.27 |
|---|---|
| [HTML&CSS] html meta요소 알아보기 (0) | 2018.11.25 |
| [HTML&CSS] 문서형 선언, 언어 지정, 문자 코드 셋 지정하기 (0) | 2018.11.25 |
| [HTML&CSS] DOCTYPE, p 태그<p>, input 태그 <input>, table 태그 요소 <table>, <tr>, <td> (0) | 2018.11.25 |
| [HTML&CSS] CSS의 특징과 규칙 (0) | 2017.05.20 |
