Enjoy Programming

List 표현을 위한 태그 본문

HTML

List 표현을 위한 태그

LEETAEEON 2021. 4. 9. 17:27

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: Hypertext Markup Language | MDN

 

HTML 요소는 행과 열로 이루어진 표를 나타냅니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-exa

developer.mozilla.org

 

'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