웹문서에서 다양한 내용 입력하기(4)
2022. 8. 17. 15:27ㆍ개인활동/HTML+CSS+JS
반응형
Do it! 한권으로 끝내는 웹 기본 교과서
HTML+CSS+JS 웹표준의 정석
으로 웹개발 공부 시작함.
이미지 삽입하기
<img>
- 태그 안에서 사용되는 태그는 src와 alt가 있음
- src="이미지 파일 경로"
- alt="대체텍스트"
- 이미지가 제대로 표시되지 않는 경우 설정된 대체텍스트가 뜸
- width, height 속성을 통해 이미지 사이즈 조절
- 사이즈 조절 시 %나 px 단위로 표현함
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>이미지 삽입하기</title>
</head>
<body>
<img src="img_pra.jpg" alt="노티드 행사 사진">
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>이미지 삽입하기</title>
</head>
<body>
<img src="img_pra.jpg" alt="노티드 행사 사진" width="150">
</body>
</html>
반응형
'개인활동 > HTML+CSS+JS' 카테고리의 다른 글
| 웹문서에서 다양한 내용 입력하기(6) (0) | 2022.08.29 |
|---|---|
| 웹문서에서 다양한 내용 입력하기(5) (0) | 2022.08.17 |
| 웹문서에 다양한 내용 입력하기(3) (0) | 2022.08.17 |
| 웹문서에 다양한 내용 입력하기(2) (0) | 2022.08.11 |
| 웹문서에 다양한 내용 입력하기(1) (0) | 2022.08.10 |