HTML 7강 - 리스트 만들기 -

|
 




오늘은 html 7강으로 리스트를 만들어 보도록 하겠습니다.

제가 오늘은 더욱 발음이 안 좋고 말도 많이 더듬었네요..죄송합니다..ㅜ.ㅜ


<리스트 만들기 강의>



<강의 내용>

 1) UL 태그 : Unordered List 의 의미로써 글머리표를 이용해 순서없는 목록을 만든다.

    목록에 속하는 항목은 <li>로 만들며 type을 circle , square 로 지정할 수 있다.

 2) OL 태그 : Ordered List 의 의미로써 글머리표를 이용해 순서있는 목록을 만든다.

    목록에 속하는 항목은 <li>로 만들며 type을 A/a 또는 I/i로 지정하여 글머리표 타입을 변경할 수 있다.

                                                                          < 출처 :   http://hlefetime.tistory.com/156  >

  리스트 만들기에서 유의 할 점은 </ul></ol> 를 입력해야 그 다음부터 상위 카테고리로 올라간다는 것입니다.  만약에 </ol></ul>를 입력하지 않으면 자동으로 하위카테고리로 들어가게 됩니다.( 동영상 강의 보시면 이해가 가실 겁니다.^^>



<리스트 만들기 소스>

<html>
<title>리스트 만들기</title>
<body>
<ul type=square>
<li>사회과학대학


<ul type=disc>
<li>사회학
<li>정치학
<li>언론정보학


<ol type=1 start=1>
<li>언론
<li>방송통신
<li>광고홍보
<li>인터넷미디어
</ol>
</ul>
</ul>



<ul type=square>
<li>사회과학대학


<ul type=disc>
<li>사회학
<li>정치학
<li>언론정보학


<ol type=1 start=1>
<li>언론
<li>방송통신
<li>광고홍보
<li>인터넷미디어
</ol>
</ul>
</ul>



</body>
</html>



Trackback 0 And Comment 17

Trackback http://www.imlcc.com/trackback/9 관련글 쓰기

  1. 지은 2009/07/10 20:19 address edit & del reply

    좋은 정보 감사합니다.

  2. 지은 2009/07/16 03:56 address edit & del reply

    안녕하세요. 얼마전 방문해서 많은 도움 받고간 지은이라고 합니다.
    그냥 너무 고마우셔서 인사한번 더 드리러 왔네요
    종종 들려서 이런강의 저런강의.. 보고 있어요 ^^

    • BlogIcon vonzone 2009/07/16 20:33 address edit & del

      네네^^ 감사합니다~~~

  3. 지은 2009/07/16 03:57 address edit & del reply

    아.. 그리고 HTML과 CSS는 어느정도 이해가 가긴하는데..
    자바스크립트는 어떨때 쓰는 건가요? 아시면 답변 부탁드려요!!

    • BlogIcon vonzone 2009/07/16 20:36 address edit & del

      HTML과 CSS는 이미지나 텍스트 같은 컨텐츠를 표현하기 위한 언어라고 보시면 되구요.....PHP,ASP,JSP,자바스크립트 같은 언어들은 프로그래밍 언어라고 보시면 됩니다. 즉, 변수에 값을 대입하거나 식을 만들어서 자동화 시킬 때 사용하는 언어인 것이죠.

      자세한 사항은
      http://www.imlcc.com/124
      을 보시면 아실 겁니다...^^

      저는 주로 PHP를 사용해서 자바스크립트는 잘 모르지만
      PHP와 기능은 크게 다르지 않을 것입니다..^^

  4. 지은 2009/07/17 19:59 address edit & del reply

    고맙습니다 ^^

    • BlogIcon vonzone 2009/07/20 21:26 address edit & del

      네~~~~^^

  5. 세우니 2009/07/21 00:49 address edit & del reply

    정말 도움이 많이 되고있습니다
    목소리가 귀에 쏙쏙 잘 들어오고 간단하면서도 핵심 내용을 쉽게
    설명하니 재밌으면서도 큰 도움이 되고있습니다

    앞으로도 자주 이곳을 애용하겠습니다^^

    • BlogIcon vonzone 2009/07/21 02:10 address edit & del

      감사합니다~~~큰 힘이 되네요^^

  6. lws 2009/08/01 10:22 address edit & del reply

    안녕하세요..^^ 강의 너무 잘듣고있습니다!ㅋ
    그런데 질문이있는데 <ol type=2 start=1> 여기서 숫자 타입할떄

    1을 넣는 이유가 있나요? 2를 넣어도 같던데...아무 숫자도 너어두 되는건지...자세히 설명 좀 부탁드려요 ^^;;

    • BlogIcon vonzone 2009/08/02 21:32 address edit & del

      start=1 를 집어넣는 이유는 숫자를 1부터 시작하겠다는 뜻입니다.....만약에 start=2 를 입력하면 숫자가 2부터 시작하겠죠? 다시 숫자를 바꿔서 입력해보시면 시작하는 숫자가 바뀌는 것을 보실 수 있을 겁니다..

  7. SuRyeon 2009/08/10 17:32 address edit & del reply

    type=1에 1대신 아무 숫자나 넣어도 되는 건가요? 1대신에 2를 넣어도 똑같이 되더라구요...

    • BlogIcon vonzone 2009/08/11 04:15 address edit & del

      안녕하세요~~~^^ SuRyeon님~~~

      방갑습니다~~~~

      type=1 을 입력하나 type=5 를 입력하나 결과는 똑같습니다...
      type=숫자 를 입력하면 문단번호가 숫자로 들어갑니다....

      하지만 type=알파멧 으로 입력하면 문단번호가 알파벳으로 나옵니다. 예를들어 type=a 라고 입력하면 알파멧으로 문단번호가 입력되는 것이지요...^^

  8. s5y6h5 2009/12/22 17:33 address edit & del reply

    정말 많은 도움 얻고 있어요..
    이렇게 하시기 쉽지 않으실텐데.. 정말 좋은분이시네요...
    혀 짧아도 귀여우세요...ㅋㅋ

    덕분에 제가 목표하는바 이루는데 한걸음 다가갈수 있게 되었네요...
    늘 행복하시고 감사합니다.

    • BlogIcon vonzone 2009/12/22 23:35 address edit & del

      안녕하세요 ~~~

      발음이 안 좋아서 듣기 어려우실텐데....

      좋게 평가해주셔서 감사합니다.ㅋㅋㅋㅋ

      자주 들려주세요~~~

  9. 쏠롱기 2010/02/08 14:36 address edit & del reply

    hahahaha
    저도 영어강의하기 때문에 알지만
    발음을 정확하게 낸다는게 은근히 짱 어려운거 같아요
    그래도 계속 염두에 두고 하다 보면 나아지지 않을까 저도 생각하거든요?
    그러니 화이팅!
    혀짧다고 실망말고 더듬어도 좌절말자!!
    강의가 기초개념을 꼭꼭 찝어주는 알찬 강의라 중독성있게 계속 듣게 되니까요 ^^

    • BlogIcon vonzone 2010/02/10 21:40 address edit & del

      안녕하세요 쏠롱기님 방갑습니다...

      발음때문에 고생이 이만저만이 아닌 저한테 희망을 주셔서

      감사합니다...^^

prev | 1 ... | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 ... | 174 | next