HTML,CSS,Js - HTML 링크와 이미지 넣는 방법.
2024. 7. 30. 18:20ㆍ---Learning (학습)---/HTML+CSS+자바스크립트
728x90
1. a 태그는 HTML에서 내부나 외부링크를 생성할 때 사용합니다. (대상 경로 의미인 href 속성 필수 사용.)
- href는 링크의 주소를 입력할 때 사용.
- target은 사이트 연결 방식 여부.
- title은 링크 설명.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://expeditionary.tistory.com/" target="_blank" title="Creative Chronicles"></a>
</body>
</html>
<예시 사진>
2. img 태그는 HTML에서 이미지를 삽입하고 싶을 때 사용합니다.
<img src="./3.jpg" alt="C">
<예시 사진>
3. 이미지에 링크 추가.
<a href="https://expeditionary.tistory.com/">
<img src="./3.jpg" alt="C">
</a>
<예시 사진>
728x90
'---Learning (학습)--- > HTML+CSS+자바스크립트' 카테고리의 다른 글
| HTML,CSS,Js - HTML 폼 구성. (0) | 2024.07.30 |
|---|---|
| HTML,CSS,Js - HTML 텍스트 강조. (0) | 2024.07.30 |
| HTML,CSS,Js - HTML 목록 만들기. (0) | 2024.07.29 |
| HTML,CSS,Js - HTML 그룹 짓기. (0) | 2024.07.28 |
| HTML,CSS,Js - HTML 텍스트 작성. (0) | 2024.07.28 |