HTML_HyperText Markup Language
HyperText : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능
Markup : 태그(tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것.
=> 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어
HTML5와 CSS3을 알아야 하는 이유
- 최신 웹 표준에 맞는 웹 사이트를 제작할 수 있다.
- 앱 화면을 디자인하기 위한 기초이다.
- 소스를 이해해 웹 사이트와 블로그를 수정하기 쉽다.
1.태그_tag
: 어디가 이미지고 어디가 텍스트인지 표시하는 것을 마크업이라고 하는데 마크업할 때 사용하는 약속된 표기법
- 태그는 <,>를 이용해 구분한다.
- 태그와 태그 안에 사용하는 속성들은 모두 소문자로 사용할 것을 권장
- 여는 태그와 닫는 태그를 정확히 입력해야 한다.
- 여러 번 띄어쓰기를 하더라도 한 칸의 공백으로 인식하기 때문에 적당한 들여쓰기가 필요하다.
- 태그는 여러 기능을 추가하는 속성과 함께 사용할 수 있다.
- 태그는 한 태그 안에 다른 태그를 포함시킬 수 있어 포함 관계를 명확히 해야한다.
2.HTML 문서 기본 구조
1. <!DOCTYPE html> : 현재 문서가 HTML5 언어로 작성된 웹 문서
2. <html>~</html> : 웹 문서의 시작과 끝을 나타내는 태그. 웹 브라우저가 <html> 태그를 만나면 </html>까지의 소스를 읽어 HTML 문법에 맞추어 비라우저에 표시
3. <head>~</head> : 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분.
4. <body>~</body> : 실제로 웹 브라우저 화면에 나타날 내용.