[2021/12/09]국비지원-HTML5 코딩툴 기본학습-3-(2) ul 2

기억나는대로 적어보기

strong : bold체 강조

em : 이탤릭체 강조

h1~6 : 제목 순서

div : 무의미, 박스치기

hr : 구분선

br : html 엔터

p : 문단

q : 인용구

address : 주소, 관련 정보, 연락처 등

img : 이미지

a : 링크 넣기

ol : 순서형 (li)

ul : 비순서형 (li)

dl : 정의형 (dt/dd)

li : 리스트

  : 띄어쓰기

· : 가운데 · 점

> : >

< : <

ctrl + / = 주석 넣기

기억 못 한 거

blockquote : 인용문

span : 줄 단위

& : &

<!DOCTYPE html>
<html lang="ko">
<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>list 목록        - ul 세로 메뉴</title>
</head>
<body>
    <h1><a href="#"><img src="images/logo.gif" alt="웹 접근성 연구소"></a></h1>
    <h2>웹 접근성이란</h2>
    <ul>
        <li><a href="#">웹 접근성 개요</a></li>
        <li><a href="#">법·제도</a></li>
        <li><a href="#">장애인의 웹사이트 이용 이해</a></li>
        <li><a href="#">웹 접근성 품질인증</a></li>
        <li><a href="#">관련사이트</a></li>
    </ul>
    <hr/>
    <h2>교육마당</h2>
    <ul>
        <li><a href="#">정보 접근성 전문 교육</a></li>
            <ul>
                <li><a href="#">정보 접근성 전문교육 신청</a></li>
                <li><a href="#">정보 접근성 전문교육 확인</a></li>
            </ul>
        <li><a href="#">세미나</a></li>
            <ul>
                <li><a href="#">세미나 신청</a></li>
                <li><a href="#">세미나 확인</a></li>
            </ul>
    </ul>
    <hr/>
    <h2><a href="#">기관 소개</a></h2>
    <ul>
        <li><a href="#">기관장 인사말</a></li>
        <li><a href="#">한국지능정보사회진흥원 소개</a></li>
        <li><a href="#">정보접근성 주요사업</a></li>
        <li><a href="#">찾아오시는 길</a></li>
    </ul>
</body>
</html>

저작자표시 비영리 변경금지

티스토리툴바