정렬되지 않은 목록에도 사랑이 필요합니다

1785 단어 bootcamphtmlbeginners
좋아요, ADHD 두뇌를 위한 순서 목록 다음으로 가장 좋은 것은 순서가 없는 목록입니다. 할 일 목록이나 검색할 항목 목록에 유용합니다. 특별한 순서가 필요하지 않습니다.

정렬된 목록과 마찬가지로 정렬되지 않은 목록을 만드는 데 사용하는 두 세트의 열기/닫기 태그가 있습니다.

먼저 <ul> 태그가 있습니다. 이들은 정렬되지 않은 목록의 시작과 끝을 정의한다는 점에서 정렬된 목록<ol> 태그와 동일한 방식으로 작동합니다.

둘째, <li> 태그가 있습니다. 이 태그는 목록의 각 항목의 내용을 정의한다는 점에서 순서가 지정된 목록의 <li> 태그와 정확히 동일하게 작동합니다.


예제 시간!


작성된 코드는 다음과 같습니다.



House chores:
<!Doctype html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li>Dishes</li>
<li>Kitchen counters</li>
<li>Floors</li>
<li>The bane of my existence - the cat litter</li>
</ul>
</body>
</html>


(긴 코드를 용서하십시오. 하지만 저는 VS Code를 사용하기 때문에 HTML 페이지의 골격이 실제로 기억나지 않는다는 것을 발견했습니다. 이 문제를 해결하기로 결정했습니다. 예. :D)


사용자가 볼 수 있도록 의도한 코드는 다음과 같습니다.

집안일:
  • 접시
  • 키친 카운터
  • 플로어
  • 내 존재의 골칫거리 - 고양이 모래


  • 사실, 고양이 모래가 최악입니다. --;이 블로그에서 html을 사용할 때 발견한 한 가지 이상한 점:
    의도한 보기를 표시하기 위해 위의 코드 블록에 있는 코드를 변경해야 했습니다. <!Doctype html> 태그를 완전히 제거한 다음 다음 6개의 태그를 한 줄에 다음과 같이 입력해야 했습니다. <html><head><title></title></head><body>
    지금 취침 시간입니다. 🥱😴

    좋은 웹페이지 즐겨찾기