하이머링크 및 이미지 삽입

하이퍼링크

<a href="가고 싶은 주소"> 내용 </a>이런 형식으로 하이퍼링크를 사용하면 된다.

 

 

 

위 화면처럼 하이퍼링크가 생긴다. 위 코드를 사용하면 본 페이지에서 바로 외부 페이지로 넘어가기 때문에...

 

target="_blank"를 사용해서 새로운 탭에 외부 페이지가 열리도록 하는 것이 편하다.

 

 

외부에서 이미지 삽입

 

이미지를 가지고 오고 싶은 경우에는 위 코드처럼 <img src="가지고 오고 싶은 이미지의 주소">를 적으면 된다.

사진의 길이를 조정하고 싶은 경우 width="길이" height="길이"를 이용하면 된다. width는 가로 길이고 height는 세로 길이이다.

 

 

위 코드는 이미지를 가운데 정렬하는 방법 중 하나이다. **위에 style 태그를 써주어야 한다.

 

 

픽셀

HTML에서 무언가의 크기를 설정할 때는 기본적으로 '픽셀(px)' 단위를 사용합니다.

별 이미지의 일부를 확대해서 보니까 작은 정사각형 단위로 되어 있죠? 각 정사각형을 픽셀이라고 부릅니다. 만약 어떤 이미지의 가로길이가 100px로 설정되었다면, 가로로 저 작은 정사각형 100개가 있다는 거죠.

 

폰트 크기

폰트 크기도 픽셀로 설정하는 경우가 많은데요. 폰트 크기가 24px로 설정되어 있으면 폰트의 세로 길이가 24px이라는 뜻입니다.

ㅁ