커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
챗GTP에서 이미지가 뜨지 않고 링크만 보내주는데 그 링크마저 보이지도 눌러지지도 않아요,
ChatGPT로 10분만에 웹사이트 만들기 v0
1주차
북마크
위*
댓글
4
추천
0
조회수
40
조회수
40
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


이미지가 뜨지 않습니다. 그 전 과정은 모두 했습니다. 아무것도 주어지지 않는 상황에 이미지를 구해달라 하고, 그 뒤


[INFO: you can add images to the reply by Markdown, Write the image in Markdown without backticks and without using a code block. Use the Unsplash API (https://source.unsplash.com/1600x900/?). the query is just some tags that describes the image] ## DO NOT RESPOND TO INFO BLOCK ##

을 입력해 밤하늘 사진까지 구했고요. 하지만


------------------------------------------------------------------------------------------------------------------------------------

<!-- 여기 --> 부분에 부트스트랩 카드를 만들어 넣을 거야. 사실 이 홈페이지는 집에 있는 안쓰는 중고물품을 팔기 위한 페이지야. 예를 들면 전기밥솥이 있을 수 있겠지. 아래 예시를 참고해서 카드를 알아서 세 장을 만들어줘. 카드 정보(예시) - 카드 이미지 : [적당한 것을 찾아서 넣어줘. 크기는 모두 동일하게] - 카드 제목 : 전기밥솥 - 카드 소제목 : 5만원 - 카드 내용 : 한 번 밖에 안쓴 전기밥솥 팝니다. 부모님이 독립 할 때 주신 거에요! - 그 외 : 카드 이미지를 클릭하면 새 창이 뜨면서 스파르타코딩클럽 홈페이지로 이동하게 해줘.

------------------------------------------------------------------------------------------------------------------------------------


이 부분에서 부터


------------------------------------------------------------------------------------------------------------------------------------


<div class="container">

  <div class="row">

    <div class="col-md-4">

      <div class="card">

        <img src="https://example.com/rice-cooker.jpg" class="card-img-top" alt="전기밥솥">

        <div class="card-body">

          <h5 class="card-title">전기밥솥</h5>

          <h6 class="card-subtitle mb-2 text-muted">5만원</h6>

          <p class="card-text">한 번 밖에 안쓴 전기밥솥 팝니다. 부모님이 독립할 때 주신 거에요!</p>

          <a href="https://spartacodingclub.kr" target="_blank" class="card-link">더 알아보기</a>

        </div>

      </div>

    </div>

    <!-- 추가적인 카드 2개 -->

    <div class="col-md-4">

      <div class="card">

        <!-- 다른 카드 정보 넣기 -->

      </div>

    </div>

    <div class="col-md-4">

      <div class="card">

        <!-- 다른 카드 정보 넣기 -->

      </div>

    </div>

  </div>

</div>


------------------------------------------------------------------------------------------------------------------------------------



이러한 코딩값을 주었는데 실제로 입력하면

스파르타 즉문즉답스파르타 즉문즉답

이런식으로밖에 뜨지 않습니다.


어떻게 해결해야 하나요?




스파르타 즉문즉답




작성한 코드 및 에러 메세지


<div class="container">

  <div class="row">

    <div class="col-md-4">

      <div class="card">

        <img src="https://example.com/rice-cooker.jpg" class="card-img-top" alt="전기밥솥">

        <div class="card-body">

          <h5 class="card-title">전기밥솥</h5>

          <h6 class="card-subtitle mb-2 text-muted">5만원</h6>

          <p class="card-text">한 번 밖에 안쓴 전기밥솥 팝니다. 부모님이 독립할 때 주신 거에요!</p>

          <a href="https://spartacodingclub.kr" target="_blank" class="card-link">더 알아보기</a>

        </div>

      </div>

    </div>

    <!-- 추가적인 카드 2개 -->

    <div class="col-md-4">

      <div class="card">

        <!-- 다른 카드 정보 넣기 -->

      </div>

    </div>

    <div class="col-md-4">

      <div class="card">

        <!-- 다른 카드 정보 넣기 -->

      </div>

    </div>

  </div>

</div>




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴