02リストラベル
16270 ワード
リストに関連するタグ
1.無秩序リスト
<body>
<ul>
<li>HTML</li>
<ul>
<li>글자관련 태그</li>
<li>목록관련 태그</li>
<!-- 목록 안에 목록을 또 넣을 수 있음-->
</ul>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</body>
2.順序リスト
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
アイコン
불릿(bullet) 기호 : 검은색 채워진 원, 흰색 빈원, 네모, 이미지, ....
=> 모양 변경 가능
1.type属性
<body>
<!-- type 속성을 이용해서 변경 가능(속성값 : 1,A, a, i, I)-->
<ol type="i">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
<br>
<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
2.start属性
<body>
<!-- start 속성을 이용해서 시작값 변경-->
<ol start="5">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
3.逆属性
<body>
<!-- reversed 속성을 이용해서 역순으로 표기(속성명만 제시)-->
<ol reversed>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
説明に関連するリストタグ
<body>
<dl>
<dt>이곳은 제목을 작성하는 곳</dt>
<dd>이곳은 제목에 대한 설명을 달아주는 곳</dd>
<dd>여러 줄을 작성할 수 있음.</dd>
<dt>또 다른 제목 작성 가능</dt>
<dd>또 다른 제목에 대한 설명을 달아주는 곳</dd>
</dl>
</body>
Reference
この問題について(02リストラベル), 我々は、より多くの情報をここで見つけました https://velog.io/@kojam9041/02목록-관련-태그テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol