[21.01.02] HTML 첫째 날

진도: ~웹사이트 완성까지

HTML의 장점
1.쉽다
2.중요하다
3.Public Domain이다(저작권 X)

html 문법은 기본적으로 태그와 태그를 보충해주는 속성으로 이루어진다. 태그는 150개 이상이 있지만, 자주 사용되는 태그는 한정되어 있기 때문에 그것만 알아둬도 충분하다!

태그 설명

1. strong-글씨를 진하게 표시한다
2. u-밑줄을 치고 싶다
3. heading(h1, h2, h3...)-숫자가 작을수록 글씨의 크기와 진하기↑, 줄바꿈 O
4. p-단락(paragraph) 표시 (더 간격을 두고 싶다면 style="margin-top:40px" 등 css 문법으로 가능)
5. br-줄바꿈
6. img-사진 업로드 (올리고 싶은 사진의 주소를 src="~~" 에 넣는다)
7. li-목록 표시
8. ol-ordered list 자동으로 번호가 달리는 li의 부모 태그
9. ul-unordered list 번호가 달리지 않는 li의 부모 태ㄱ그
10. title-제목 tab 창에 뜨는 이름
11. meta-어떤 방식으로 html 파일 열 것이냐 (charset="utf-8"을 넣으면 utf-8로 연다)
12. head-본문을 설명하는 태그들(title, meta)을 한번에 묶는 태그
13. body-본문을 한번에 묶는 태그
14. html-head와 body를 묶는 최상위 태그 (html 태그 위에 "이 문서는 html 형식임"을 의미하는 것을 관용적으로 써준다. (!DOCTYPE html)
15. a-링크를 달 수 있는 태그 (href="~~~" 에 링크 넣으면 연결됨 href=hyper text reference) (target="_blank" 링크의 페이지를 새로운 창에서 띄움) (title="~~" 링크를 누르기 전 커서를 갖다대면 어떤 내용인지 알려줌)