리스트(목록) ol, ul, li 태그

오늘은 HTML 태그 중에서 리스트(목록) 태그를 배워보도록 하겠습니다.
리스트 태그인 ol, ul, li 태그를 사용하면 관련된 항목들을 그룹화할 수 있습니다.




지난 포스트

링크 a 태그 (feat. 하이퍼텍스트)

이번에는 HTML 태그를 배울 때 비교적 초반에 배우게 되는 태그이지만 가장 중요한 것 중에 하나인 a 태그를 배워보겠습니다.



태그의 중첩과 목록






<ol>, <ul>, <li> 태그


ol, ul, li 태그
<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>
<ul>
    <li>Java</li>
    <li>python</li>
    <li>php</li>
    <li>SQL</li>
</ul>

  1. HTML
  2. CSS
  3. JavaScript
  • Java
  • python
  • php
  • SQL

제가 앞으로 이 블로그를 통해서 (시간이 허락된다면) 다루려고 생각하는 언어들을 써봤습니다.
<ol></ol>은 번호가 붙어있는 목록,
<ul></ul>은 번호가 붙지 않은 목록,
<li></li>는 ol이나 ul안에 들어가야 한다는 점만 알아두면 될 것 같습니다.




다음 포스트

HTML 문서의 기본 구조 (feat. head와 body 태그)

이번 포스트에서는 HTML 문서의 구조를 살펴보고, head, title, body 태그에 대해 알아보겠습니다.

Post a Comment

1. 댓글은 블로그 운영자의 승인 후에 블로그에 표시됩니다.
2. 가능하면 비로그인 방문자 분께서는 익명보다 이름/URL로 댓글을 남겨주시면 감사하겠습니다. (URL은 생략 가능합니다.)
3. 구글 블로그에 댓글을 쓰고 '게시' 버튼을 클릭했을 때 가끔 에러가 발생해서 댓글이 날아가는 이슈가 있습니다.
혹시 장문의 댓글을 남기실 분들은 혹시 모를 에러를 대비해 '게시' 버튼 클릭 전에 댓글을 복사해두세요.

다음 이전