HTML 기초 - HTML? 태그?
오늘부터 Today I Learned 시작이다!
습관 만들거야
허허
1. Web 기술의 기본구조
위 사진을 쉽게 말하자면
나 → 구글 구글 → 나
요청 응답
'나'는 요청을 하는 고객인 웹클라이언트이고
'구글'은 그에 서빙(응답)을 해주는 웹서버다!
2. HTML이란?
1) HT (Hyper Text)
: 현재 문서에서 다른 문서로 즉시 접근 가능한 텍스트
2) ML(Markup Langauge)
: 표시는 태그로! → HTML은 태그의 연속이다 !!!
3) HTML의 구성요소
3. 태그의 종류(엄청 많다!)
1) 제목태그 : h 태그 (header)
→ 크기, 굵기별로 숫자를 붙여서 사용(h1 ~ h6)
→ <h1>본문</h1>
2) 본문태그
· p 태그(paragraph) : 단락으로 표현이 되기 때문에 무조건 가로 한 줄의 영역을 전부 차지
→ 옆에 남는 자리가 없으니 다음 요소는 개행이 됨
→ <p>본문</p>
· span 태그 : 문장으로 표현이 되기 때문에 내가 넣은 내용(content) 만큼만 영역으로 차지
→ 자리가 있다면 쭉 옆으로 배치함
→ <span>본문</span>
* span 태그는 별도의 특징을 가지고 있지 않다 (공태그임)
* 그럼에도 불구하고 우리가 공태그라도 태그를 사용해야하는 이유는?
→ 특정 요소에만 접근하기 위함이다.
→ 위의 구성요소를 참조하면 span 태그 없이 일반 텍스트를 쓰는 경우,
글자색, 크기 등 해당 요소에 추가적인 내용을 넣고 싶어도 속성값을 바꾸는 것조차 텍스트로 인식하여 바꿀 수 없게 됨
영역차지 | 개행 | |
p 태그 | 가로 전부 | O |
span 태그 | 넣어준 내용만 | X |
3) 개행태그 : br 태그(break)
→ 홀태그 (안의 내용이 없으니 끝태그가 없어도 됨)
→ <br>
4) 강조태그 : strong 태그
→ <strong>본문</strong>
등등..은 다음 포스팅들에