ul 은 unordered list, ol은 ordered list를 뜻한다. 예제를 통해 ul과 ol에 대해 살펴보자. 예제 1 - ul Step05_ul.html 순서 없는 목록(unordered list) ul 요소 친구 목록입니다. 김구라 해골 원숭이 어떤 목록을 나타낼때 문자열을 단순히 나열하는게 아니고 아래와 같이 구조화를 해서 나열해야 한다. 친구 목록 입니다. 김구라 해골 원숭이 ul 은 블럭요소이며 위아래 마진과 왼쪽 페딩을 가지고 있다. ul 은 block element 이며 margin-top 과 margin-bottom 과 padding-left 를 가지고 있다. 실행 결과 ul의 구조 위의 사진처럼, ul과 ol은 공통적으로 왼쪽 padding과 위아래 margin을 가진다. *p..
예제 1 Step03_blockElement.html div 요소는 주로 문단을 나타낼 때 사용합니다. div 요소는 주로 다른 요소를 포함 시키는 용도로 사용합니다. 문단3 문단4문단5문단6 단락 1 입니다. 단락 2 입니다. 단락 3 입니다. 실행 결과 문단과 단락이 헷갈리는데, 단락은 좀 더 문장 구조적인 관점에서 보는 것 같고, 문단은 html에서 상하를 나누는 개념인 것 같은데 맞는지 확실하게는 모르겠다. 아직도 헷갈림.. 중요한 것은 는 보다시피 상하 margin이 있다는 것! 여기서 참고! 따로 포스팅할진 아직 모르겠지만, top->right->bottom->left의 시계방향으로 보통 이야기하고, padding, border, margin의 개념은 정확히 알아둬야할 것 같다. 예제 2 St..
- Total
- Today
- Yesterday
- 자바
- CSS
- jQuery
- bootstrap
- R
- 단계별로풀어보기
- 장고
- Case When
- jsp
- 파이썬
- Java
- Oracle
- 프로그래머스
- baekjoon
- html
- web
- Django
- 고득점 키트
- 스프링
- 자바스크립트
- 브루트 포스
- 문자열
- 큐
- 덱
- javascript
- 정렬
- append
- 백준
- brute force
- python
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |