[2] List 태그에 대하여

- 2021.08.20 -

- 2023.05.05 -

---

기존 개발블로그에서 작성했었던 내용물들을 통합하고자 옮겨 적었다

---

리스트를 나열하는 태그들에 대해 공부했다.
리스트 태그는 어떤 항목들을 구분해서 나열하고 싶을 때 사용하는 태그들인데 여러개의 리스트(li)를 ol 또는 ul 태그로 묶어 사용한다.

List item 태그
태그 : li

ol태그 혹은 ul태그와 같이 사용하며 리스트를 표현하는데 이용한다. 단독으로 사용할 수 없고 ol태그와 ul태그와 같이 사용해야 한다.

<li>사과</li> <li>메론</li>

 

Ordered List 태그
태그 : ol

순서가 있는 항목들을 나열할 때 사용한다.

입력

<ol> <li>사과</li> <li>메론</li> </ol>

출력

1. 사과 2. 메론

 

Unordered List 태그
태그 : ul

순서가 정해지지 않는, 순서 정렬이 필요없는 항목들을 나열할 때 사용한다.

입력

<ul> <li>사과</li> <li>메론</li> </ul>

출력

사과 메론

오늘은 서식태그와 리스트태그에 대해서 공부했다.
그리고 이걸 배운것을 사용해보기위해 Sublime 프로그램을 사용하여 html을 직접 작성해보았다.



입력

출력

 

---

마 치 며

리스트 태그는 이해도 이해지만 앞으로 모든 곳에서 많이 사용할 것같다.
당장 웹페이지를 들어가보면 순서나열과 비순서나열들이 즐비해앞으로 html을 이용해 만드는 과정에 꼭 들어갈 것같다.

외워두었다가 잘 써먹어야지.

근데 궁금한게 생겼다.
글을 강조하거나 굵게만드는 태그는 Bold와 Strong인데 굳이 이 두개를 쓰는이유가 궁금하다.
굵게 만드는 강조체사용이라면 Bold혹은 Strong태그 둘 중 하나만 쓰면 될텐데..
조금 더 검색해보고 궁금증을 해결해봐야겠다.