HTML

3.목록보기

ryong8030 2024. 7. 5. 17:35

ul(unorder list)(순서가 없는 목록)=>상단메뉴 작성할때분류해서 보여주는경우

type="disk"(디폴트),square(네모),circle(원)-비어있는 공

<ul type="square">
        <li><i>화면구현(html+css+javascript)</i></li>
        <li><u>DB(오라클)</u></li><!-- 태그명{내용}-->
        <li><b>Java</b></li>
     </ul>

 

실행화면

 

 

 

 

 

 ol(order list)(순서가 있는 목록)
 type="1"(디폴트 번호순서대로 출력),로마자 기호(I)
 A(대문자로 표시),a(소문자로 표시)

 html문서=>1.공백을 인식X =>&nbsp; 표기해줘야 된다.
                   2.중첩태그를 사용=>강조하는 경우(굵게),밑줄,이탤릭체
                                                     <b></b> bold =><strong></strong>
                                                     <u></u>->밑줄
                                                     <i></i>
                   3.특수기호 ->&nbsp;(공백) <(&lt;),>(&gt;)

<ol type="a"><!--중첩(태그내부에 또 다른 태그가 들어가 있는것)-->
        <li>Jsp(web&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;programming)</li>
        <li>&lt;h1&gt;Spring&lt;/h1&gt;</li>
        <li>Python</li>
      </ol>
      <hr>
      <pre><!-- 형식유지태그 pre태그와 pre태그 사이에 줄바꿈,공백
              자동으로 그상태 그대로 유지시키고자할때 사용-->

 

 

실행화면

'HTML' 카테고리의 다른 글

6.semantic(3)  (0) 2024.07.05
5.semantic(2)  (0) 2024.07.05
4.semantic(1)  (0) 2024.07.05
2.이미지,링크문자  (0) 2024.07.05
1. HTML 구조 및 작  (0) 2024.07.05