본문 바로가기

Learning/HTML/CSS

[HTML] Contents (목차)_ul, ol, li

 목차만들 때 숫자나 점으로 순서대로 글 쓸때 쓰는 코드다.
<ul> A </ul> 점으로 차례대로 나타낼때
<ul type=1> A </ul> 옆에 type에 숫자나 하고 싶은 것들을 쓰면 그대로 순서대로 나온다.
<ul type=A> A </ul>
<ol> A </ol> 따로 타입을 치지 않아도 숫자로 나오는 코드
<li>A</li> 목차에서 문장을 안에 넣어주는 코드다.

아마 이렇게 글로 써서는 쉽게 이해가 안되는 코드인 거 같다.
아래처럼 코드를 쓰면 옆에 처럼 된다.


html을 쓸때 그냥 쭉 써내려가기 보다는 그 코드별로 잘 나눠서 써야 나중에 틀린 것들 잡기도 쉽고, 나중에 일하게 되면 follow up하기도 쉽다.

* 노트패드에 써서 html로 저장해도 나오지만, 그걸 좀 쉽게 쓸 수 있게 만들어진 프로그램이 EditPluse다.
나중에는 다른 프로그램으로 만들게 되겠지만 기본적인 것들을 배우고 해보는데 도움이 되는 프로그램인 것 같다. 저 위에 보면 <title> </title> 사이에 제목을 정해주면 웹페이지를 열었을 때 그 제목으로 뜬다.


'Learning > HTML/CSS' 카테고리의 다른 글

CSS3 Generator_새로운 태그들  (0) 2012.08.16
[HTML] basic html code  (0) 2012.03.09
HTML 수업 시작  (0) 2012.03.07