이런 구성은 어떻게 마크업하면 좋을까요?

그림과 제목은 이미지이고 나머지는 텍스트예요.
어떻게 구성해야 할지 감이 잘 안 오는데 조언 부탁드려요.

댓글 5

  • 먹딸기 2025.02.27

    저도 기본 이미지를 넣고 p나 h 요소와 일반 텍스트를 쓰면 될 것 같아요. 이렇게 하면 웹 접근성은 괜찮을까요?

  • 비 2025.02.27

    이미지는 왼쪽 정렬하고 오른쪽 텍스트와 간격은 margin으로 조정할 수 있을 것 같아요. 제목은 p나 이미지 아래 span으로 구성하는 방법도 있겠네요.

  • 허리달 2025.02.27

    저도 잘 모르겠네요 ㅎㅎ img를 왼쪽 정렬하는 방법을 쓸 것 같아요. 관리 도구에서 편집기로 입력하는 부분이라면 특정 태그로 감싸는 방식은 어려울 수도 있어요.

  • 초코향 2025.02.27

    그림도 콘텐츠라면 배경 이미지보다 img로 넣는 편이 나아 보여요. 본문 일부라면 p 안에 이미지와 텍스트를 함께 넣어도 됩니다.

  • 봄 2025.02.27

    그림이 중요한 정보를 담지 않았다면 배경 이미지로 쓸 수도 있어요. 제목은 내용에 맞으면 h 요소로, 본문은 p로 구성하면 될 것 같아요. 콘텐츠 해석에 따라 마크업이 달라지고 CSS는 비슷할 수 있어요.