HTML 태그익히기_4

HTML 태그를 알아보자.

인용문삽입. 링크걸기. 이미지삽입. 동영상삽입. 

 

<blockquote> <q> <img> <a> <a href> <iframe>

---

인용문 삽입

<q>태그를 사용하여 짧은 인용문(quotation)을 삽입 할 수 있다.

<q>태그는 큰따옴표로 구분되어 나타난다.

 

<blockquote>태그를 사용하여 긴 인용문(block quatation)을 삽입 할 수 있다.

<blockquote>태그는 별도의 단락으로 구분되어 나타난다.

 

 

---

이미지 삽입

이미지의 크기를 지정하지 않은 경우, 이미지 원본의 크기대로 출력된다.

지정한 경로에서 이미지를 찾을 수 없는 경우 alt에 작성한 내용이 출력된다.

사용방법

<img src="이미지경로" alt="이미지를 표시할 수 없을때 출력할 내용" width="가로길이" height="세로길이">

 

---

링크 걸기

<a>태그에는 target 속성이 있는데, 링크로 연결된 문서를 어디에서 열지 결정한다.

따로 명시하지 않는 경우 기본값으로 설정된다.

 

target 속성

_blank : 링크로 연결된 문서를 새 창으로 열기 (기본값)

_self : 링크로 연결된 문서를 현재 창으로 열기

_parent : 부모창에서 열기

_top : 가장 상위의 창에서 열기

 

title은 링크에 커서를 올렸을 때 나타나는 설명 부분.

 

사용방법

<a href="링크주소" target="속성값" title="링크에 대한 설명">

---

동영상 삽입

 

유튭에서 동영상 공유 > 퍼가기 를 누르면 영상링크를 얻을 수 있는데,

해당 링크를 그대로 복사, 붙여넣기를 하면 동영상 삽입이 가능하다.

보통 iframe 혹은 video로 시작하는 링크를 찾으면 된다.

---

예시

결과