본문 바로가기

   
Programming/HTML

HTML ol, ul, li, 링크 사용방법

반응형

HTML ol, ul, li, 링크 사용방법

소스

<html>

<head>

    <title></title>

</head>

<body>

       <h3>스마트폰 기기</h3>

       <ol type="1">

             <li>아이폰4s</li>

             <li>갤럭시S2</li>

             <li>블랙베리</li>

             <li>차차</li>

             <li>피쳐폰</li>

       </ol>

 

       <h3>스마트폰 기기</h3>

       <ul>

             <li>아이폰4s</li>

             <li type="circle">갤럭시S2</li>

             <li>블랙베리</li>

             <li type="circle">차차</li>

             <li>피쳐폰</li>

       </ul>

       <hr />

 

       <!--anchor-->

       <!--현재창으로 뜬다.-->

       <a href="http://www.naver.com">네이버</a>

 

       <!--새창으로 뜬다.-->

       <a href="http://www.gogle.com" target="_blank">구글</a>

 

       <!--풍선도움말뜨기 = title 왠만한 테그는 다뜬다.-->

       <a href="http://www.yahoo.com" title="야후 링크">야후 이동</a>

       <h2 title="제목입니다.">제목이용</h2>

 

       <!--페이지 이동을 안하겠다는 뜻이다. 자바스크립트때 활용한다.-->

       <a href="#">링크1</a>

       <br />

       <a href="javascript:alert('hello~')">자바스크립트 호출</a>

       <br />

       <a href="mailto:test@test.com">메일 보내기(메일 클라이언트 프로그램 실행)</a>

       <br />

       <a href="mailto:admin<test@test.com>">메일 보내기(메일 클라이언트 프로그램 실행)</a>

</body>

</html>

 

<!--유용한것 XHTML 태그 찾을시 : 익스플로러 F12 개요에 임의의 요소 찾을 텍스트 색깔 지정-->

 


결과




 

반응형