HTML 기초 지식
- HTML, CSS, JS의 차이를 간단하게 설명하면, HTML는 내용, CSS는 외형, JS는 동작을 의미한다고 볼 수 있다.
- HTML에서 말하는 tag(태그)는 3가지 유형이 있다. 여는 태그와 닫는 태그(서로 쌍을 이룬다), 스스로 열고 닫는 태그(혼자서 태그를 완전하게 한다)
- 그리고 이 tag는 크게 2가지로 이루어져 있다. 요소(element), 속성(attribute)
ex) img(요소) src(속성)="(속성값)"
- URL 주소는 절대주소와 상대주소로 연결할 수가 있는데 절대주소는 절대적인 주소로, 링크 전부를 적어 넣는 것을 의미한다.
상대주소는 상대적인 주소로, 와 같은 링크로 '같은 폴더에 있는 파일을' 연결시키는 것이다.
Head 요소
-
첫문장은 반드시 doctype!으로 문서 버전에 관한 정보를 명시해줘야 한다
-
head는 문서의 메타데이터(보이지 않는 데이터)의 집합이다.
meta 속성="속성값": ex) meta name="description", meta keywords="keyword 나열"
블록과 인라인의 차이
블록(Block): 줄바꿈이 일어나는 것. 영역의 너비가 가로로 길게 퍼져있어서 행 전체를 포함한다.
ex) p, h1, div
인라인(Inline): 줄 바꿈이 일어나지 않는 것
ex) a, img, strong, span
보통 블록은 블록끼리, 인라인은 인라인끼리 포함한다. 그러나 블록은 인라인을 포함하기도 하나, 인라인은 블록을 포함할 수 없다.
블록은 코끼리, 인라인을 뱀으로 바꿔 생각하면 이해하기 편하다. 코끼리는 뱀을 먹을 수 있으나, 뱀은 코끼리를 먹을 수 없다.
헤드라인 요소
ex) h1, h2 ...
숫자가 클수록 하위 항목이다. 하위 번호는 상위 번호에 종속된다.
문단을 표현하는 태그들
p
문단을 나타낸다. 블럭요소이지만 다른 블럭은 포함 시킬 수 없고 인라인만을 포함시킨다.
pre
pre 안에서 작성되는 띄어쓰기, 줄바꿈은 그 대로 화면에 출력된다. 블럭요소이지만 다른 블럭은 포함시킬 수 없고, 인라인만을 포함시킨다
br
강제 줄바꿈
hr
수평선을 그리는 태그이다. 주로 화제 전환시 사용된다.
특수 문자
이스케이프 문자라고도 불린다. 태그로 인식되는 것을 방지하기 위해서 사용한다.
| 특수문자 | 문자설명 |
|---|---|
| &.n.b.s.p.; | 띄어쓰기 |
| &.a.m.p.; | 엠퍼샌드 (and) |
문구 요소
em: 기울어진 이텔릭체
strong: 굵은(bold)
blackquote, q, cite: 인용
ins: 새롭게 추가 됨 50회
del: 새롭게 삭제 됨 50회
