HTML&CSS (1) - 기본 태그

# 'Do it html5+css3 웹표준의 정석' 책을 바탕으로한 내용을 정리하였습니다.

 

 

1. 텍스트 관련 태그

 

1) <h1~6> : 제목 테스트, h1이 가장 크게 표시되며 h6이 가장 작게 표시된다.

2) <p> : 텍스트 단락 만들기(</p> 태그를 만날 때까지 한 줄로 표시, 창보다 길어지면 줄이 자동으로 바뀐다.)

3) <br> 태그 : 줄 바꾸기

4) <hr> 태그 : 수평 줄 넣기

5) <blockquote> 태그 : 인용문 넣기

6) <pre>태그 : 입력하는 그대로 화면에 표시하기 

7) <strong>, <b> 태그 : 강조/굵게 표시하기

8) <em>, <i> 태그 : 중요한 내용을 담은 이탤릭체/ 단순한 이탤릭체

9) <q>태그 : 인용 내용 표시하기(따옴표가 자동으로 붙여진다

10) <mark> 태그 : 형광펜 효과 내기(배경색이 노란색이됨)

11) <span> 태그 : 줄바꿈 없이 영역 묶기(줄바꿈 없이 일부 텍스트만 묶어 스타일 적용시 사용)

12) <ruby> 태그 : 글자와 발음을 같이 표기위해 사용( <ruby> 내용 <rt> 주석 </rt> </ruby> )

13) <abbr> : 약자 표시, title 속성을 함께 사용할 수있음

14) <cite> : 웹 문서나 포스트에서 참고내용 표시

15) <code> : 컴퓨터 인식을 위한 소스코드

16) <kbd> : 키보드 입력이나 음성 명령 같은 사용자 입력내용

17) <small> : 부가정보처럼 작게 표시해도 되는 텍스트

18) <sub>, <sup> : 아래첨자, 위첨자

19) <s> : 취소선

20) <u> : 밑줄