HTML

HTML - 태그(4)

태그의 4번째 시간입니다. 태그의 총 정리를 하며 시험을 보는 시간을 갖을겁니다.

이번에는 굉장히 유용한 기능들을 살펴 볼겁니다.

이미지 삽입 태그, img

img 태그는 다음과 같이 사용합니다.

<img src="이미지가 들어갈 주소">

그러면 이미지를 불러 올 수 있을 겁니다.

a 태그

a 태그로 링크를 걸 수 있습니다.

다음과 같은 코드를 tag(3).html 에 추가 해보세요.

<a href="링크를 걸고 싶은 주소">링크를 걸 글씨</a>

이를 이용하면 원하는 글씨에 링크를 걸 수 있습니다.

Test

TEST time
test는 직접 응용하여 시험을 보는 컨텐츠입니다.
범위: HTML - 태그(1) ~ HTML - 태그(4)

1. 태그를 응용하여 이미지에 링크를 걸어 보세요.

2. 이미지 바로 밑에 해당 링크가 어디를 가르치는지 작은 글씨로 강조하여 적어 보세요.

 

 

 


 

 

 

Answer

<!DOCtype html>
<html>
    <body>
        <a href="주소"><img src="주소"></a>
        <h6><strong>글씨</strong></h6>
    </body>
</html>

 

댓글

댓글 본문
  1. compack06
    이쯤 왔으면 <!DOCTYPE html> 이 독타입 선언 부분에 대해 설명 하고 a태그의 핵심인 하이퍼텍스트의 정의도 설명 해야하는데 왜 그런 핵심적인 부분들은 설명하지 않죠? 이건 html수업이 아니라 단순히 태그만 알려주는 백과사전 같네요. 사실 저런 태그들은 직접 외우지 않고 필요할때 구글링하는 경우가 대부분인데. 개념은 하나도 안알려주시고 태그만 알려주시다니. 실망입니다.
graphittie 자세히 보기