List
리스트를 사용하기 위해 사용하는 태그
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<ol>
<li>html</li>
<li>css</li>
<li>JavaScript</li>
</body>
</html>
만약 두가지 리스트가 있으면 그 두 가지를 구분하기 위한 것이 필요
=> 각각의 태그드를 묶어주는 태그 사용 <ul>
ul의 유래 == unordered list
반대로ol == ordered list
ol을 통해 순서가 관계있는 list 라는 것을 브라우저에게 알려주고,
ul을 통해 순서가 상관없는 list 라는 것을 브라우저에게 알려준다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<ol>
<ol>
<li>html</li>
<li>css</li>
<li>JavaScript</li>
</ol>
<ul>
<li>가나다</li>
<li>가나라</li>
</ul>
</body>
</html>
<head>의 의미
문서를 설명하는 정보들을 감싸고 있는 태그
<body>의 의미
웹페이지 에서 본문에 해당하는 의미.
<meta charset="UTF-8" />
쓰지 않으면 한글이 깨져 보일 수 있다
<title>생활코딩</title>
원래 연 파일의 제목이 html의 제목으로 나왔는데 이것은 제목을 설정해준다.
<html> 태그
태그 안에 있는 것들이 html문서이다. 라는 것을 브라우저에게 알려주는 역할.
<!DOCTYPE html>
DOC 타입. 이 html 문서가 어떤 표준안에 따라서 작성된 것인지를 웹 브라우저가 이해할 수 있도록 작성된 것.
Tag Reference
태그 사전.
'웹 프로그래밍' 카테고리의 다른 글
| CSS 이론1 (0) | 2017.12.16 |
|---|---|
| 개발도구 - 아톰 (0) | 2017.12.16 |
| HTML실습 (0) | 2017.12.14 |
| HTML 이론 - HTML의 기본문법과 속성 (0) | 2017.12.12 |
| 수업소개 ~ 서버와 클라이언트 (0) | 2017.12.04 |
.png)
.png)
.png)
.png)