fastcampus 사이트의 '한번에 끝내는 프론트엔드 개발 강의' 를 수강하며 공부 목적으로 작성하는 글입니다.
● 태그
자 이제 HTML의 기본적인 문법에 대해 이야기 해보도록 할게요. 첫번째는 '태그' 입니다. 앞서 HTML은 웹 사이트의 골격을 잡아주는 역할은 한다고 했는데요. 모두가 다 아는 내용일테지만 웹 페이지의 내부에 내용을 집어넣기 위해서는 태그와 태그사이에 내용을 집어넣어 줘야합니다.
앞의 태그를 시작 태그, 뒤의 태그를 종료 태그라고 합니다.
태그 안에는 다시 태그가 들어갈 수 있는데 그때는 태그 안에 있는 태그 묶음을 자식 요소, 밖의 태그들은 부모요소라고 구분 지을 수 있습니다.
태그 안에 2개의 태그가 더 있다면
바로 상위, 하위에 있는 태그는 부모요소, 자식요소로 볼 수 있지만
그 이상, 이하로는 상위요소, 하위요소로 보아야합니다.
● 빈태그
하지만 태그가 닫히지 않을 때도 있는데, 이 태그의 이름은 빈태그라고 합니다.
HTML의 버전이 5로 넘어오면서 <태그> 방식과 <태그/> 방식을 모두 사용하도록 하였습니다. 따라서 둘 중에 편한 방식으로 사용해도 아무런 문제는 없으나, 첫번째의 경우 태그가 언제 끝나는지 모를 수도 있기에 태그 뒤에 슬래쉬를 붙이는 두번째의 방식이 좀 더 안전합니다.
빈태그의 쓰임으로는 meta 태그나, img태그, input태그 들이 있습니다.
'Frontend' 카테고리의 다른 글
| 9. CSS 문법 정리 (0) | 2021.07.25 |
|---|---|
| 8-2 HTML 문법 정리하기 - 핵심요소 (0) | 2021.07.25 |
| 7. 브라우저 스타일 초기화 하기 (0) | 2021.07.23 |
| 6. 웹에서 페이지 구성 후 테스트 해보기(codepen.io) (0) | 2021.07.23 |
| 5. 상대 경로와 절대 경로 (0) | 2021.07.23 |
