본문 바로가기
웹프로그래밍 기초/A반소스자료

Text & List 태그

by 이데렐라 2023. 3. 23.
반응형
<!DOCTYPE html>
<html>
    <head>
        <title>글자태그 연습</title>
    </head>
    <body>
        <h1>제일 큰 제목 글자</h1>
        <p>
            안녕하세요. <br/>
            언제 봄이올까요??<br/>
            점심을 먹었더니 다들 졸린가봅니다.
        </p>
        <p>
            학교에 핀 잔디가 보고싶어요.
        </p>
        <hr/>
        <p>
            하&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;            하하하하하하하
        </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>

textTest.html
0.00MB
listTest.html
0.00MB

반응형

'웹프로그래밍 기초 > A반소스자료' 카테고리의 다른 글

CSS 테스트  (0) 2023.04.06
레이아웃 & CSS  (3) 2023.03.30
table & form Tag  (0) 2023.03.23
이미지와 멀티미디어 Tag  (0) 2023.03.23
css 맛보기  (0) 2023.03.23

댓글