[HTML 기초][HTML - 태그의 중첩과 목록]

제목 설정하기

제목을 설정하기 위해서는 <h1>내용</h1>을 사용하여야 한다.

<h1>내용</h1>
HTML기초

를 웹페이지로 보면 다음과 같다.

 

기존의 글씨보다 눈에 띄는 걸 볼 수 있다. 그리고 <h1>태그는 줄바꿈을 원칙으로 하므로 줄바꿈한 것을 볼 수 있다.

 

목록 설정하기

목록을 설정하는 방법은 <li>을 쓸 수 있다.

<li>블라디미르</li>
<li>오른</li>
<li>이렐리아</li>
<li>리븐</li>

를 웹페이지로 보면 다음과 같다.

이렇게 목록으로 된 것을 볼 수 있다. 여기서 그룹핑이라는 것을 할 수 있는데 그룹핑이란 비슷한 것들 끼리 묶는 것이다.

<li>블라디미르</li>
<li>오른</li>
<li>이렐리아</li>
<li>리븐</li>

<li>c++</li>
<li>java</li>
<li>python</li>
<li>HTML</li>

이렇게 작성하게 되면 

다음과 같이 서로 다른 것들끼리 뭉쳐있는 것을 볼 수 있다.

<ol>
  <li>블라디미르</li>
  <li>오른</li>
  <li>이렐리아</li>
  <li>리븐</li>
</ol>

<ul>
  <li>c++</li>
  <li>java</li>
  <li>python</li>
  <li>HTML</li>
</ul>

<ol>태그와 <ul>태그로 그룹핑을 해주었다. 보기는 다음과 같다.

<ol>태그는 숫자로 되어있고 <ul>태그는 숫자로 안되있는 걸 볼 수 있다.

ol은 해석하면 ordered list 이고 ul은 unordered list이다. li은 list

그러므로 ol은 순서가 있는 리스트 ul은 순서가 없는 리스트이다.

 

ol밑에 있는 li는 숫자로

ul밑에 있는 li는 숫자x로 된다.