[Web] 웹 기초 (1) - 기본적인 HTML 태그 (글꼴, 문단)

* 본 포스팅은 제가 국비지원교육을 받으며 정리한 내용을 옮겨놓은 것입니다.

발전적인 지적과 피드백은 언제나 환영합니다!

 

글꼴

• head line : h1 > h6
  • 앞뒤에 빈줄이 발생
  • 자동으로 글자는 '굵게' 적용
• font
  • size : 1 < 7
  • color : #RRGGBB
  • face : 글꼴 (폰트)
• b, i, u, s, sub, sup —> 권고 사항은 태그 사용하지 않고 css style로 표현하는 것

---

문단/블럭

1) span 

2) p

한줄 전체 + 여백을 차지

 

3) div

- p태그는 아래위로 여백이 존재하고, div는 한줄 공간만 차지

 

 

 

텍스트입력

1) pre : 작성한 그대로 인식하여 출력

 

- preformatted의 줄임말 태그

- 창을 줄이면 반응형으로 안에 컨텐츠도 같이 줄이고 늘리고 해야되는데, pre 쓰면 있는 그대로 나타내서 창을 줄여도 flow layout처럼 나타나지 않는다 (좌우 스크롤바 나옴)

 

 

2) xmp : 태그 입력해도 그대로 출력 (deprecated)

- xmp 영역은 html 영역이 아니라 그냥 '텍스트' → 태그가 인식되지 않음

- 이 태그는 HTML4부터 사용 중지됐다.

- 참고 링크 : http://html.com/tags/xmp/

- pre 태그를 대신 사용할 것을 권함.

 

---

기타 문단모양

1) align : 정렬태그

left는 기본값이라 안 줘도 됨

 

2) hr : 구분선

- <hr/> (단독태그)

- 넓이, 사이즈, 정렬, shade 유무 등 설정할 수 있다

- 문단을 구분하는 용도

 

3) fieldset  : 특정 영역에 사각형 만들어주는 태그

- fieldset > legend 구조