Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- API
- Session
- backend
- pug
- CSS
- 리액트
- nodejs
- express
- Component
- MongoDB
- node.js
- graphQL
- HTML
- DART
- JavaScript
- frontend
- 자바스크립트
- CLONE
- clonecoding
- ECMAScript
- heroku
- GRID
- Flutter
- ES6
- TypeScript
- javscript
- form
- NextJs
- react
- Mongoose
Archives
- Today
- Total
Enjoy Programming
List 표현을 위한 태그 본문
html에는 list를 표현하기 위해 크게 두가지의 형태의 태그가 있다.
ul 과 ol
ul 은 unordered list - 순서가 없이 그냥 리스트를 표현해준다
ol 은 order list로 순서를 표기해준다
ol안에 li태그가 5개가 있다면 작성한 순서로 1,2,3,4,5가 li태그 앞에 붙어나온다.
type attribute를 사용하여 순서를 나타내는 문자를 지정 가능하다.
또한 start attribute로 리스트의 시작값을 임의로 지정 할 수 있다.
reversed attribute를 지정하면 순서를 역으로 표현한다
ul 과 ol은 중첩이 가능하다. 주로 nav메뉴를 만들때 주로 사용된다.
그리고 html에서 표를 만들때 사용하는 table태그가 있는데 이제 잘 안쓴다
주로 div를 활용해서 테이블을 만들어준다.
혹시 필요 할 수 있으니 테이블에 대해서 링크를 걸어놓겠다.
developer.mozilla.org/ko/docs/Web/HTML/Element/table
'HTML' 카테고리의 다른 글
FORM tag **** (0) | 2021.04.09 |
---|---|
img, audio등 멀티미디어 지원 태그 (0) | 2021.04.09 |
Hyperlink tag (0) | 2021.04.09 |
TEXT Tag (0) | 2021.04.09 |
기본 태그 (0) | 2021.04.09 |