'순서가 없는 태그'에 해당되는 글 1건

코딩공부 html

HTML태그 순서 없는 목록 <ul></ul> 적용하기





반응형


HTML태그 순서 없는 목록 <ul></ul>만들기



<html>

<head>
<title>순서가 없는 목록 </title>
</head>


<body bgcolor="#EFF1A5" text="#444444">
 
  1) 흰 원으로 목록을 표시(circle)
 
    <ul type="circle">
        
      <li>하루 30분 책 읽기
      <li>하루 한 개 테이프 듣기
      <li>미팅 100% 참석

    </ul>

  2) 검은색 원으로 목록을 표시


    <ul type="disk">

       <li>제품 100% 애용
       <li>15~20명 소비자 만들기
       <li>사업 설명

    </ul>
 
  3) 검은 사각형으로 표시

    <ul type="square">

        <li>상담
        <li>신뢰쌓기
        <li>E-communication

</head>

</html>


※ 순서 없는 목록은 <ul></ul>태그를 사용한다. 

목록을 만들어 주는 <li>태그를 목록의 수 만큼 넣어준다.


※<li> 목록태그의 기호를 표시한다.(ul>,<dir>,<menu>태그안에 

위치하면 순서 없는 목록을 ● 표시하며,

  <ol>태그안에 위치하면 순서 있는 목록(번호)를 표시한다.

 

   ♤ type : Disk(검은 색 원), Cricle(흰색 원), Square(검은 사각형)으로 표시한다.
 


순서 없는 목록은 <ul></ul>태그

목록을 만들어 주는 <li>태그를 목록의 수 만큼 넣어 적용한 후

바탕화면에 모든파일.html 저장하여 확인


순서 없는 목록은 <ul></ul>태그

목록을 만들어 주는 <li>태그를 목록의 수 만큼 넣어 적용한 결과


P w420님의 파란블로그에서 발행된 글입니다.


반응형
,