반응형
<!DOCTYPE html>
<html>
<head>
<title>글자태그 연습</title>
</head>
<body>
<h1>제일 큰 제목 글자</h1>
<p>
안녕하세요. <br/>
언제 봄이올까요??<br/>
점심을 먹었더니 다들 졸린가봅니다.
</p>
<p>
학교에 핀 잔디가 보고싶어요.
</p>
<hr/>
<p>
하 하하하하하하하
</p>
<!--글자모양태그-->
<h2>글자모양</h2>
<b>굵은글자</b><br/><strong>굵은글자</strong><br/>
<i>기울어진글자</i><br/><small>작은 글자</small><br/>
<sub>아래첨자</sub><br/>O<sup>2</sup><br/>
<ins>밑줄</ins><br/>
<del>취소선</del><br/>
<!--//글자모양태그-->
<h3>링크연결 테스트</h3>
<a href="http://naver.com"
target="_blank">네이버로 이동</a><br/>
<a href="test.html">상대경로로 이동</a><br>
<a href="C:/LSH2/test.html">절대경로로 이동</a><br>
문의하기 : <a href="mailto:ntlee1388@gmail.com">ntlee1388@gmail.com</a>
<br/>
<a href="#section6">여섯번째로 이동</a>
<h4>네번째</h4>
<h5>다섯번째</h5>
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
<h6 id="section6">여섯</h6>
<br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>리스트 테스트</title>
</head>
<body>
<h2>순서없는 리스트</h2>
<ul>
<li>A반</li>
<li>B반</li>
<li>C반</li>
</ul>
<h2>순서있는 리스트</h2>
<!-- type 유형 (1, A, a, i, I)-->
<ol type="1" start="4">
<li>아메리카노</li>
<li>라떼</li>
<li>코코아</li>
</ol>
<h2>정의 목록 태그</h2>
<dl>
<dt>중학교</dt>
<dd>동양중학교</dd>
<dt>고등학교</dt>
<dd>동양고등학교</dd>
</dl>
</body>
</html>반응형
'웹프로그래밍 기초 > A반소스자료' 카테고리의 다른 글
| CSS 테스트 (0) | 2023.04.06 |
|---|---|
| 레이아웃 & CSS (0) | 2023.03.30 |
| table & form Tag (0) | 2023.03.23 |
| 이미지와 멀티미디어 Tag (0) | 2023.03.23 |
| css 맛보기 (0) | 2023.03.23 |
댓글