1-8 호텔 체크인 부분 이미지에 사진이 뜨지 않습니다.

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

실습: 여행 계획 페이지 만들기 (1-8)

작성

329

스펠링이 잘못되었나 싶어서 스미냑 해변과 호텔 체크인에 들어가는 이미지 파일을 같은 걸로 해봤는데 스미냑 해변 칸에는 들어가고 체크인에는 왜 파일이 안들어갈까요? 그리고 글씨에 비해 사진이 너무 큰 것 같은데 해결할 방법이 있을까요?

javascript HTML/CSS

답변 6

9279482

질문자

헉 세상에나,, 감사합니다!!!'^'

삐코빠

앗 해당 img 태그의 src 가 scr 로 되어 있네요!

아마 고치시면 해결될거에요 💪o v o💪

9279482

질문자

<html>
	<head>
		<meta charset="utf-8">
		<title>여행계획</title>
	</head>
	<body>
		<h1>발리 여행 계획</h1>
		<hr>
		<table border="1">
			<tr>
				<th>일</th>
				<th>시간</th>
				<th>여행지 및 활동</th>
				<th>이미지</th>
			</tr>
			<tr>
				<td rowspan="2">1일째</td>
				<td>9:00</td>
				<td colspan="2">공항</td>
			</tr>
			<tr>
				<td>13:00</td>
				<td>호텔 체크인</td>
				<td>
					<img scr="./images/beach.jpg">
				</td>
			</tr>
			<tr>
				<td rowspan="3">2일째</td>
				<td>11:00</td>
				<td>
					<a href="https://www.tripadvisor.co.kr/Tourism-g469404-Seminyak_Kuta_District_Bali-Vacations.html">
						스미냑 해변
					</a>
				</td>
				<td>
					<img src="./images/beach.jpg" 
				</td>
			</tr>
			<tr>
				<td>16:00</td>
				<td>
					<a href="https://www.tripadvisor.co.kr/Attraction_Review-g1380108-d592779-Reviews-Uluwatu_Temple-Pecatu_Nusa_Dua_Peninsula_Bali.html">
						울루와뚜 해변
					</a>
				</td>
				<td>
					<img src="./images/hotel bali.jpg">
				</td>
			</tr>
			<tr>
				<td>20:00</td>
				<td colspan="2">공항</td>
			</tr>
		</table>
	</body>	
</html>

여기요!

삐코빠

혹시 전체적인 코드를 한번 확인할 수 있을까요??

질문 에디터에 있는 {;} 아이콘을 클릭하면 코드 형태로 붙여넣을 수 있으세요!

9279482

질문자

죄송한데 25번째 줄을 >로 닫아도 체크인 부분에만 이미지가 뜨지 않는데 왜그런 것일까요,,? ㅠㅠ

삐코빠

안녕하세요 :)
현재 호텔 체크인 영역에 있는 img 태그가 정상적으로 닫히지 않은 것 같습니다! (25번째 줄)

추후 수업을 통해 학습하시겠지만 이미지의 크기를 설정하는 방법은 2가지 정도 있습니다.

html 태그 내부 attribute 를 설정하는 방법,
css 로 이미지의 크기를 설정하는 방법

그중 html 태그를 이용한 방법은 다음과 같습니다.

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

img 태그 내부에 width 와 height 를 통해 각각 가로 길이, 세로 길이를 설정가능합니다.

인프런 커뮤니티 질문&답변

1-8 호텔 체크인 부분 이미지에 사진이 뜨지 않습니다.