티스토리 뷰
Bonjour 본쥬아('엄청 짧고 혀가 말린 아'), 프랑스어 인사말, 평생 봉쥬르인 줄 알았는데 프랑스인에게 물어보니 아니더라구욬ㅋㅋㅋ 정확히 따라 하긴 힘들겠지만 한 20분 정도 노력 해봤습니닼ㅋㅋ 암튼 동기 여러분! 오늘은 HTML의 구조에 대해 알아보려 합니다. 이번에도 내용은 간단하니까 빠르게 알아봅시다!
HTML Structure
HTML은 가족 나무 관계들의 모음으로 조직되어 있습니다. 아래의 그림을 보며 알아봅시다.
- <body>라는 가장 부모 요소(Element)가 있고 그 아래 <h1>과 <p>, <div>라는 자식들이 있습니다.
- 부모 요소와 자식 요소를 구분하는 기준은 바로 빈칸인데요, <h1>앞에 빈칸이 보이시죠? 보통 2칸에서 정도인데 툴과 설정마다 다를 수 있기 때문에 우리는 그냥 탭 1칸으로 숙지하고 지나갑시다!
- <div> 아래에 있는 <p>는 <body>안, <div> 안에 있기 때문에 <body>의 손자이자 <div>의 자식 요소(Element)가 됩니다.
- HTML에서 부모와 자식의 관계를 명확하게 아는 것은 상당히 중요한데요, 그 이유는 자식 요소들이 부모 요소들의 스타일이나 습성을 상속받을 수 있기 때문입니다.
오늘의 느낌
부모님 보고싶다. 코로나 때문에 2년 넘게 한국을 못 가서 ㅠㅠ
'HTML' 카테고리의 다른 글
| [HTML] Attributes (0) | 2021.11.01 |
|---|---|
| [HTML] Divs (0) | 2021.10.31 |
| [HTML] Headings (0) | 2021.10.31 |
| [HTML] The Body (0) | 2021.10.30 |
| [HTML] Anatomy (0) | 2021.10.30 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 파이썬
- 반복문
- for문
- if문
- Object
- html table
- 함수
- 자바스크립트
- 프로그래머스
- CSS
- CSS 포지션
- padding
- 타입 좁히기
- Python
- 실수
- Margin
- 메서드
- 동기코딩
- html
- Type
- 객체
- HTML 기본
- function
- javascript
- Array
- 타입스크립트
- Typescript
- em
- method
- css position
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함