HTML태그는 정보의 구조와 특성을 표현하기 위해 쓰고, 디자인은 CSS로 이용해 줍니다.
제목 태그: h태그는 단계별 구획의 제목을 나타내는 태그로, h1부터 h6순으로 (h1> … >h6) 크기 조절가능. 1) h1은 페이지당 하나만 사용. 2) 순서는 크기순으로 사용(h1->h2->…->h6순). 3) 시각적 효과를 위해 사용하지 말 것(디자인은 CSS로). 4) (제목을 나타내기 위한)정보의 구조를 나타내는 용도로 사용.
h태그
줄바꿈 태그: 1. br태그, 2. p태그 1. br태그: break의 줄임말로, 단순 시각적인 줄을 바꾸기 위한 태그(Enter역할). 1) 닫는 태그가 필요하지 않고, 위치에 상관없이 사용가능. 2) 여러번 사용하면, 여러줄을 바꿈. 2. p태그: 문단(paragraph)태그로, 단순 줄바꿈이 아닌 문단 구분을 위한 태그(정보부여). 1) CSS에서 사용할 수 있는 단위로 활용.
줄바꿈 태그
강조 태그: 1. b태그, 2. strong태그 1. b태그: bold의 줄임말로, 글자를 단순히 굵게 만들어 주기 위한 태그. 2. strong태그: 글자를 굵게 해 줄 뿐만 아니라, 컴퓨터에게 중요한 정보임을 알려주는 태그(정보적 강조).
강조 태그
기울임 태그: 1. i태그, 2. em태그 1. i태그: 단순히 글자를 기울이게 해 주는 태그. 2. em태그: 글자를 기울여줄 뿐만 아니라, 컴퓨터에게 중요한 정보임을 알려주는 태그(정보적 강조).
기울임 태그
기타 텍스트 태그: 1. small태그, 2. cite태그, 3. mark태그, 4. sup태그, 5. sub태그, 6. s태그 1. small태그: 글씨를 작게 해 주는 태그. 2. cite태그: 저작물의 출처를 표기할 때 쓰는 태그. 3. mark태그: 사용자가 검색하거나, 관심이 가질만한 단어를 강조할 때 쓰는 태그. 4. sup태그: superscript, 위첨자의 줄임말로, 거듭제곱이나 서수 등 관례적으로 위 첨자를 넣을 때 쓰느 태그. 5. sub태그: subscript, 아래첨자의 줄임말로, 화학 기호 등 관례적으로 아래 첨자를 넣을 때 쓰는 태그. 6. s태그: strike, 취소선의 줄임말로, 단어나 문장을 지우기 위해 금을 그어 주는 태그.
기타 텍스트 태그
인용문 태그: blockquote태그는 텍스트가 긴 인용문에 사용하는 태그로, 인용문의 출처 url을 값에 넣어줄 수 있다.