HTML 개요
HTML(HyperText Markup Language)은 웹 페이지를 만드는데 사용하는 언어로 웹 페이지의 뼈대를 만드는 역할이다. HTML:하이퍼텍스트 마크업 랭귀지의 줄임말인데 하이퍼텍스트란 사용자가 기존 문서에서 다른 문서로 이동할 수 있게 해주는 텍스트를 의미한다. 마크업 랭귀지는 태그(tag)를 사용해 콘텐츠나 문서 구조를 표시하는 형식으로 HTML이 마크업 랭귀지 형식을 따른다는 것이다. 가장 최신 버전은 HTML5.
- 요소(Element): 태그와 태그 안 내용까지 모두 다 요소라고 말한다.
- 요소에는 부모/자식 관계인 부모요소, 자식요소(한 단계 up&down)도 있고 더 큰 범주의 상위요소, 하위요소 개념도 있음
HTML 구조
- HTML 태그 안에 head 태그와 body 태그가 있는데 정보는 head에 구조는 body에
- head태그: 문서의 정보를 나타내는 범위로 웹 브라우저가 해석할 제목, 설명, 사용할 파일 위치, 스타일 같은 눈에 보이지 않는 정보를 작성
- body태그: 문서의 구조를 나타내는 범위로 - 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같이 보여지는 구조를 작성
CSS연결하기
<link rel='stylesheet' href='style.css'>자바스크립트 연결하기
<script defer src='main.js'> </script>
HTML head 태그들
- title: HTML 문서 제목 정의
- link: 외부 문서 가져와 연결할 때 사용 (대부분 CSS파일)
ref = 가져올 문서와의 관계, href = 가져올 문서의 경로 - style: 스타일(CSS)를 HTML 문서 안에서 작성할 때
- script: 자바스크립트 파일 가져오는 경우 or JS를 HTML 문서 안에 작성하는 경우
- meta: 내용, 키워드 같은 여러 정보를 검색 엔진이나 브라우저에게 제공
- charset은 문자 인코딩 방식을 지정하는 HTML 속성으로 웹에선 UTF-8 권장
막무가내 코딩노트