티스토리 뷰

배운 것 기록/web

[html] 특수 문자 태그, 목록

키죽 2022. 5. 2. 16:19

특수 문자 태그

< > 예약어, 쓰임이 정해져있다. 단순한 각괄호가 아님

< > & (공백) © ™ ®
&lt; &gt; &amp; &nbsp; &copy; &trade; &reg;

 

목록의 종류

  • <ul> 순서가 없는 목록
  • <ol> 순서가 있는 목록 
  • <dl> 정의 목록 
<html>
 <head>
  <title> 리스트 종류 </title>
 </head>
 <body>
 
<!-- 순서가 없는 목록 -->
 <ul>
  <li>coffee</li>
  <li>tea</li>
  <li>juice</li>
 </ul>
 
<!-- 순서가 있는 목록 -->
 <ol>
   <li>one</li>
   <li>two</li>
   <li>three</li>
 </ol>
  
<!-- 정의 목록 -->
 <dl>
  <dt> html? </dt>
  <dd> Hyper Text Markup Language </dd>
  <dd> 웹페이지를 만들어주는 프로그램 언어. </dd>
  <dd> 웹페이지의 구조를 담당. </dd>
  <dt> css? </dt>
  <dd> Cascading Style Sheets</dd>
 </dl>
 
 </body>
</html>
순서가 있는 목록의 시작 숫자 바꾸기 start="n"
<ol start="3">
 <li>coffee</li>
 <li>tea</li>
 <li>milk</li>
 
 순서가 있는 목록의 모양 바꾸기 type="1/a/A/i/I"

 <ol type="1">
 <ol type="a">
 <ol type="A">
 <ol type="i">
 <ol type="I">
 
 <ol start="5" type="I">
  <li>html</li>
  <li>css</li>
  <li>javascript</li>
 </ol>
하위목록 만들기
 <ul>
  <li>coffee
   <ul>
    <li>hot</li>
    <li>cold</li>
    <ol>
     <li>~ coffee</li>
     <li>~ coffee</li>
     <li>~ coffee</li>
     <li>~ coffee</li>
    </ol>
    </li>
   </ul>
  </li><!--종료태그를 내리는 게 핵심-->
  <li>tea</li>
  <li>milk</li>
 </ul>

 

저작자표시

'배운 것 기록 > web' 카테고리의 다른 글

[js] 내장객체 document, img  (0) 2022.05.03
[html] table  (0) 2022.05.02
[js] 내장객체 window, location, history  (0) 2022.05.02
[js] 자바스크립트 코드 넣는 방법  (0) 2022.05.01
[js] 변수, 함수  (0) 2022.04.29
댓글
최근에 올라온 글
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함