2016년 6월 2일 목요일

홈페이지 만들기 제2강

자, 지난 수업에 했던 html이 기억나죠? 복습해 봅시다.

시작할때는 <html>을 써 준다.

위에 머리말을 쓰려면 이렇게 해 준다.
<head>
<title>내 홈페이지(예)</title>
</head>

글을 쓸 때는 이렇게 해 준다.
<body>
내 홈페이지(예)
</body>

링크를 해 줄때는 이렇게 해 준다.
<a href="...">내 홈페이지(예)</a>

html을 끝낼 때는 이렇게 해 준다.
</html>

자, 이제 새로운 것을 배워 봅시다.

글이 같은 세로줄로 앞에 점으로 나열 된 것을 본 적이 있으시나요? 예를 들어 보도록 하죠.


  • 안녕
  • 나는 ...이야.
  1. ㅋㅋ
  2. ㅎㅎ
이런 것을 보셨을 것입니다. 이번 시간에는 이것을 배워보도록 합시다.

이것은 리스트처럼 나열되어 있죠? 리스트는 영어로 말 그대로 list입니다. 그것을 줄여 <li>로 써 줍니다.

그런데 1. 2. 3. 이런 것은 어떻게 쓰냐고요?
점은 순서가 없죠? 하지만 1. 2. 3. 은 숫자로 순서가 있습니다. 그러므로 나열되어 있다는
것으로 ordered list를 줄여 <ol>이라고 붙이죠. 그런데 점은 어떻게 하나요? 나열이 되어 있지 않다는 뜻으로 unordered list를 줄여 <ul>이라고 붙입니다. 많은 분들은 ul을 보고 url이라고 착각하셔서 링킹을 하는 경우가 있는데, 링크는 <a href>고 이것은 <ul>입니다.

자, 이제 예제로 넘어가죠.

예)
<html>
<head>
<title>내 홈페이지</title>
</head>

<body>
<ul>
<li>내 홈페이지
<li>입니다.
</ul>

<ol>
<li>ㅋㅋ
<li>ㅎㅎ
</ol>
</body>

<html>

좀 길죠? 하지만 줄 넘기는 거 안 해도 된다는 거 지난 시간에 배웠죠? 하지만 이것이 보기 깔끔하다는 점이...

자, 오는 강의는 여기서 마치도록 하겠습니다. 감사합니다.

댓글 없음:

댓글 쓰기