본문 바로가기

web/HTML

HTML-img태그(이미지 삽입) , a태그(링크 걸기)

1) img 태그(이미지 삽입)

 

       img 태그의 속성으로는 src,width,height가 있다.

       사용법은 <img 속성 list>이다.

 

       -src는 컴퓨터 내의 이미지 경로

 

       -width는 해당 이미지의 폭(적절히 본인이 지정해준다.)

 

       -height는 해당 이미지의 높이(적절히 본이 지정해준다.)

 

       값을 넣어주면된다(속성="해당 값")

<왼쪽 결과, 오른쪽 코드>

 

2) a태그(링크 걸기)

       a태그의 속성으로는 href,target,title이 있다.

       사용법은 <a 속성 list> 링크의 이름 </a>

 

       -href는 링크의 주소

       

       -target에는 링크를 여는 방법이다.(링크를 클릭했을 때 페이지가 어떤 식으로 나타나는지를 설정하는것)

               1. _self: 링크를 클릭한 해당 창이 링크 페이지로 변한다. (target 속성의 default값이다.)

               2. _blank: 새로운 페이지를 만들어 해당 페이지에 링크 페이지가 나타난다.

               3. _parent: 생략

               4. _top: 생략

       

       -title은 링크에 마우스 커서를 가져다 대면 링크에 대한 설명이 출력된다.

 

 

코드

'web > HTML' 카테고리의 다른 글

strong,u,br,p,li,ol,ul 태그  (0) 2021.07.15
HTML,HEAD,BODY 태그  (0) 2021.07.15
HTML이란?  (0) 2021.07.15