01 HTML
HTML은 웹 페이지를 만들기 위한 언어이고, 구조를 잡아주는 역할을 한다.
브라우저는 HTML을 가지고 뭘 어떻게 그리고 만들어 줘야 할지 파악 한 뒤
웹 페이지를 생성한다.
02 HTML 확장자
HTML은 .html 확장자가 붙은 텍스트 파일로 파일 이름은 원하는 대로 지정할 수 있다.
index.html,main.html,login.html
03 HTML tag
html에 표현되어 지는 모든 내용물은 태그에 감싸져 있다.
어떤 이미지나 텍스트, 컨텐츠를 표현하기 위해서는 그에 맞는 태그가 필요하다.
웹 브라우저가 제대로 인식하고 표현하기 위해서는 알맞는 태그를 사용해야 한다.
태그를 작성할 때는 < >로 묶어서 표현한다.
태그는 시작하면 마무리를 꼭 해야한다. 시작태그와 종료태그가 나누어져 있다는 의미이다.
그러나 시작과 동시에 종료되는 태그도 있다.
시작 태그와 종료 태그
<h1></h1> <p></p> <div></div>
시작과 동시에 종료되는 태그
<br> <img>
04 HTML tag의 구성요소
04-1 태그(tag)와 내용(content)
- 태그: 브라우저에 구현되어 질 때에는 태그(tag)는 표현되지 않는다.
- 태그 외에 내용(content)만 표현되어 진다.
- 내용을 기입하기 전 시작태그를 작성하고 기입을 마치면 끝태그를 작성한다.
- 끝 태그에는
/를 빼먹지 않도록 주의하자!
04-2 속성(attribute)
<div class="class">
<img src="img/cat.jpg" alt="cat">
- 속성은 시작태그에 위치하며 하나의 태그에 여러 개의 속성을 작성할 수 있다.
- 속성과 속성 사이의 구분은 띄어쓰기를 사용한다.
- 위의 경우
div와img는 태그이고class,src,alt는 속성에 해당한다.
04-3 요소(element)
- 시작태그, 내용, 끝태그 모두를 포함한 것을 요소(element)라고 한다.
- 종료태그가 따로 없는
img같은 태그는 자체로서 하나의 요소가 된다.
