4장: 링크와 이미지
4.1 링크 태그
링크 태그
<a>는 다른 웹 페이지나 리소스로 연결할 수 있는 하이퍼링크를 만듭니다. href 속성을 사용하여 링크의 목적지를 지정합니다.[HTML 코드 입력]
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>링크 태그 예제</title> </head> <body> <a href="https://www.example.com">이곳을 클릭하세요</a> </body> </html>
4.2 이미지 태그
이미지 태그
<img>는 웹 페이지에 이미지를 삽입하는 데 사용됩니다. src 속성을 사용하여 이미지 파일의 경로를 지정하고, alt 속성을 사용하여 이미지가 로드되지 않을 때 표시될 대체 텍스트를 지정합니다.[HTML 코드 입력]
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>이미지 태그 예제</title> </head> <body> <img src="image.jpg" alt="이미지 설명"> </body> </html>
연습 문제
<a>태그를 사용하여 다른 웹 페이지로 연결되는 링크를 만들어 보세요.<img>태그를 사용하여 이미지를 삽입해 보세요. 이미지가 로드되지 않을 경우를 대비해alt속성도 추가해 보세요.
댓글
댓글 쓰기