메뉴 건너뛰기

2017.04.02 00:54

3장의 실습문제

조회 수 1335 댓글 1

p.152 3장 2번

책을 보고 열심히 따라했지만 책의 그림같이 단이 나눠서 글과 그림이 나란히 출력되게 하는 것은 실패했는데 혹시 이렇게 하려면 <section>태그를 써야하는 건가요?

알려주시면 감사하겠습니다! 첨부 파일은 제가 작성한 html파일 입니다.

?
  • profile
    관리자 2017.04.02 02:38

    안녕하세요, 늦은시간까지 열공하시네요.
    3장의 실습문제 2번은 보니까 구역이 네 개의 덩어리로 나뉜 것 같습니다.
    여러가지 방법이 있겠지만 그중 <table> 태그를 사용해서 2x2 테이블을 만드는게 가장 깔끔할 것 같습니다.

    <table>
    <tbody>
    <tr>
    <td>1</td>
    <td>2</td>
    </tr>

    <tr>
    <td>3</td>
    <td>4</td>
    </tr>
    </tbody>
    </table>

    이런 모양의 테이블을 작성하신다음 1, 2, 3, 4의 위치에 내용을 채워보세요.

     

    추가로, <section>태그는 이곳이 문서의 섹션임을 알려주는 시맨틱 태그라는 것을 제외하면 <div>와 같은 단순 블록 태그입니다.

    위치 조정 기능은 딱히 없어요.


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18281
223 간단한 질문입니다 1 ㅇㅇ 2018.03.04 267
222 간단한 질문 드립니다. 1 뚜룹 2018.06.07 535
221 각 장의 연습문제에 쓰인 사진파일좀 올려주실수있나요? 1 익명 2018.09.29 159
220 ㅠㅠ..질문좀 드리겠습니다.. 1 은성 2017.04.18 3835
219 [명품 html5+ css3+ javascript 웹 프로그래밍 수정판] 1장 실습문제 4번 질문합니다... 2 file 나능냐공도리 2021.04.17 920
218 [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 질문 2022.09.02 59
217 z-index 관련 질문 번역봇 2020.10.13 63
216 webgl 2차원. 1 궁금해요 2022.10.10 134
215 value 속성 1 열심히 공부하는 독자 2020.09.04 48
214 URL 과 IP 주소 2 tc0712 2021.09.14 120
213 u+ 공유기 포트포워딩 방법 1 ge님 2018.03.30 760
212 timerID값이 null인 이유 1 열공이 2022.05.26 602
211 target프로퍼티 질문(페이지 428쪽) 2 한성이 2022.08.14 47
210 Sublime Text, VS code IDE설명 update바랍니다 1 삼오칠 2023.04.15 90
209 SRC와 SRDOC의 차이를 여쭙고 싶습니다. 입문한 사람 2020.04.07 48
208 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 279691
207 setTimeout 질문드립니다. 3 file 웹프공부중 2020.06.09 130
206 r/w는 무슨 뜻인가요? 1 ㅇㅁㅇㅈ 2021.12.22 396
205 placeholder속성 1 khl 2017.04.08 85737
204 page 46 마우스 올릴시 이미지 출력 2 file 공부중 2020.09.10 323
목록
Board Pagination Prev 1 ... 5 6 7 8 9 10 11 12 13 14 ... 21 Next
/ 21
위로