HTML5 기본 태그 #2 - 목록, 링크, 이미지

* 목록 만들기

순서가 있는 목록 ol(Ordered List)

<ol>

출력

 

순서가 없는 목록 ul(Unordered List)

<ul>

출력

 

중첩 리스트

중첩

출력

 

* 링크 만들기 <a>

a 태그의 href 속성

<a>

a 태그의 href 속성에 링크를 넣어준다. href는 필수 속성이다.

 

출력

현재 창에서 네이버로 이동.

 

a 태그의 target 속성

<a>

a 태그의 target 속성을 사용하면 새 탭에서 네이버로 이동.

 

a 태그의 title 속성

title

출력

 

* 이미지 넣기

<img>

출력

 

a 태그와 img 태그 함께 사용하기

<a>, <img>

출력

이미지를 클릭하여 네이버 사이트로 이동.