티스토리 뷰
こんにちは 곤니찌와. 동기 여러분! 오늘은 HTML의 <div> 요소에 대해 알아보겠습니다. 갑시다!
Divs
가장 인기 있는 HTML의 요소중 하나인 <div>는 division의 줄임말입니다. 뜻을 찾아보면, 분할, 분배라는 의미를 가지고 있습니다.
오호 그럼 이 친구는 나누어 주는 기능을 가졌겠군요? 그렇습니다. 크롬으로 아무 사이트나 들어가서 F12 누르고 elements를 클릭해서 자세히 보면 무수한 <div> 태그를 볼 수 있습니다.
예제
<div> 태그만 있다면 눈에 띄는 차이는 없지만, HTML로 작업하는 개발자들은 아 이 내용이 이렇게 구성이 되어 있구나, 이렇게 나누어져 있구나 라고 생각하며 작업 속도가 더 빨라지려나요? ㅋㅋㅋㅋ 전 안 해봐서 모르겠습니다. 아니다 크롤링 할 때 참 편합니다! (해봤음)
우리가 주목해야할 부분은 빨간 밑줄, 왜냐하면 들여 쓰기 때문인데요 <body>가 가장 부모 태그 그 안에 본 제목(<h1>)이 있고 그안에 <div>가 3개로 나누어져 있어 알아보기가 쉽습니다.
오늘의 느낌
오늘 술꾼도시여자들 이라는 드라마 1~4화 리뷰를 봤는데 생각 없기 보기 너무 좋은 드라마 같아서 재밌더라고요 ㅋㅋㅋㅋ 한번 보시길
'HTML' 카테고리의 다른 글
| [HTML] Displaying Text (0) | 2021.11.02 |
|---|---|
| [HTML] Attributes (0) | 2021.11.01 |
| [HTML] Headings (0) | 2021.10.31 |
| [HTML] HTML Structure (0) | 2021.10.30 |
| [HTML] The Body (0) | 2021.10.30 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- function
- Object
- padding
- Array
- css position
- CSS
- HTML 기본
- em
- Python
- 메서드
- html table
- 실수
- CSS 포지션
- 함수
- Margin
- 객체
- 자바스크립트
- Type
- 반복문
- html
- 타입스크립트
- for문
- 동기코딩
- 파이썬
- javascript
- if문
- 프로그래머스
- method
- Typescript
- 타입 좁히기
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
글 보관함