728x90
반응형
SMALL
안녕하세요.
https://blog.naver.com/sysysy0302 여니입니다 :)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>목록관련태그</title>
</head>
<body>
<!-- li : list의 약자-->
<li>목록1</li>
<li>목록2</li>
<h1>ul : 순서 없는 목록 태그</h1>
<ul>
<li>HTML
<ul>
<!-- 목록 안에 목록을 넣을 수 있다.-->
<li>글자관련</li>
<li>목록관련</li>
</ul>
</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
<!-- 불릿(bullet)기호 : 검은색 동그라미, 흰색, 네모, 흰색..... -->
</ul>
<hr>
<h1>ol : 순서 있는 목록 태그</h1>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
<!-- 순서있는 목록 태그는 기본적으로 1부터 시작하는 숫자를 표현해줌 -->
</ol>
<!--
type 속성을 이용해서 숫자매기기 변경 가능
(속성값 : 1(기본값), A, a, I, i)
-->
<!-- ol>li*4 -->
<ol type = "i">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
</ol>
<!-- strat 속성을 이용해서 시작값을 변경 가능 -->
<ol start = "5" type="A" reversed>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>JQuery</li>
</ol>
<!-- reversed : 속성을 이용하여 역순으로 표기 가능 -->
<h1>dl : 설명과 관련된 목록 태그</h1>
<dl>
<dt>제목을 작성하는 영역</dt>
<dd>설명을 작성하는 영역</dd>
<dd>여러줄로 작성도 할 수 있다.</dd>
<dt>또 다른 제목 작성가능</dt>
<dd>설명도 마찬가지</dd>
</dl>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1>자바(Java) 학습내용</h1>
<h3>담당 강사 : ksy</h3>
<p>전화번호 : 010-1234-5678</p>
<hr>
<ul>
<li>
프로그래밍 언어
<ul>
<li><s>Java</s></li>
</ul>
</li>
<li>
데이터베이스
<ul>
<li><s>Oracle</s></li>
</ul>
</li>
<li>
Frontend
<ol>
<li><mark>HTML5</mark></li>
<li>CSS3</li>
<li>JavaScript</li>
<li>JQuery</li>
</ol>
</li>
<li>
서버 개발 기술
<ol type="i">
<li><s>JDBC</s></li>
<li>Servlet</li>
<li>JSP</li>
<li>AJAX</li>
</ol>
</li>
<li>
프레임워크
<ol type="a">
<li>MyBatis</li>
<li><b>Spring</b></li>
</ol>
</li>
</ul>
</body>
</html>
728x90
반응형
LIST
'VsCode(HTML) > 1. HTML' 카테고리의 다른 글
| VsCode(HTML) - 표관련태그 (0) | 2023.07.06 |
|---|---|
| VsCode(HTML) - 글자관련태그 (0) | 2023.07.02 |
| VsCode(HTML) - html 기본틀 만들기 외 입력, 생성 단축키 모음 (0) | 2023.07.02 |