메뉴 건너뛰기

2020.04.05 08:16

표와 div span

조회 수 109 댓글 4

<!DOCTYPE html>
<html>
<iframe
width= "700"
height= "700"
srcdoc="<html>
<head></head>
<table border='1'>
<thead>
<tr><th>33</th><th>가나다</th><th>33</th><th>1234567</th></tr>
</thead>
<tfoot>
<tr><th>33</th><th>html</th><th>33</th><th>html</th></tr>
</tfoot>
</table>

<iframe
width='500'
height= '300'
srcdoc='<html>
<head></head>
<body>
<pre>
바다
<span style='color:blue'> 하늘 </span>이 보고싶다


</pre>
</body>
</html>'>
</iframe>

</ul>
</body>
</html>">
표를만드는데 표의 가로넓이를 넗히려면 어덯게해야하나요?

그리고 span과div를 하는데 "를쓰면 아예안되고 '를쓰면 앞글자만 나오고 그다음부턴 안나와서 질문드려요

?
  • ?
    관리자 2020.04.05 12:25
    우선, HTML 문서를 읽어 보면, 어떤 문서를 만들려는지 도저히 알수가 없네요.
    이것을 고치는 것이 무슨 의미인가 하는 생각이듭니다.
    먼저 표를 만드는데 왜 <iframe>을 사용하는지 말씀해주시겠어요?
    <iframe> 내에 또 <iframe>을 사용하려고 시도하고 있는지, 그렇지 않았는데 이렇게 작성한 것인지
    그 의도를 알 수 없어서 오류에 대한 어떤 대책을 주어야할 지 모르겠습니다.
    그리고 왜 <pre> 태그를 사용하는지도 궁금합니다. <pre>는 정말 피치 못할 경우에나 사용하는 것인데,
    그냥 연습해보기 위해서라면 OK. 하지마, 특별한 이유가 보이지 않는데 이런 식으로 사용하는 것의 목적을 잘 모르겠어요.
    제 생각에는 <pre> 태그와 <iframe> 태그를 사용하지 않는 것이 우선은 바람직합니다.
    각 태그는 그 목적에 맞게 사용하면 더욱 좋을 것 같습니다.

    어떤 문서를 만들려고 하는 것인지 그렇부터 알려주면, 현재 작성된 문서의 잘못된 부분과 방법을 알려주도록 하겠습니다.
  • ?
    키보드 향기 2020.04.05 15:06
    아 제가 과제를 하고있는데 큰틀을만들기위해서 <iframe>을 사용하였고 그틀안에 이름이나 학번같은것을 쓰기위한 표를 만드는데 표가작게나오고 큰틀안에 또 계획같은것을쓰기위한 칸을만들기위하여 <iframe>을 사용하였습니다
  • ?
    키보드 향기 2020.04.05 15:15

    <!DOCTYPE html>
    <html>
    <iframe
    width= "700"
    height= "700"
    srcdoc="<html>
    <head></head>
    <table border>
    <thead>
    <tr><th>성명</th><th>신윤수</th><th>학번</th><th>2071398</th></tr>
    </thead>
    <tfoot>
    <tr><th>학과</th><th>it공과대학</th><th>트랙</th><th>it공과대학</th></tr>
    </tfoot>
    <tbody></tbody>
    <table>
    </body>
    <ul>
    <li>2020학년도 수강과목
    <ol>
    <li>컴퓨터프로그래밍
    <li>웹프로그래밍기초
    <li>대학수학1
    <li>사회봉사1
    <li>수학의이해
    <li>문제해결을위한 코딩 첫걸음
    <li>사고와표현
    </ol>
    <li>학년
    <ul>
    <form>
    <input type='radio' name=학년 value='1' checked>1학년
    <input type='radio' name=학년 value='2'>2학년
    <input type='radio' name=학년 value='3'>3학년
    <input type='radio' name=학년 value='4'>4학년
    </form>

    </ul>
    <li>활용 가능한 프로그래밍 언어
    <ul>
    <form>
    <input type='checkbox' value='1'>C언어
    <input type='checkbox' value='1'>Java

    <input type='checkbox' value='1' checked>Python
    <input type='checkbox' value='1'>HTML
    <input type='checkbox' value='1'>기타
    <iframe
    width='80'
    height= '13'
    srcdoc='<html>
    <head></head>
    <body>
    </body>
    </html>'>
    </iframe>
    </form>
    </ul>
    <li>좋아하는 책
    <p><ins>명품 HTML5 + CSS3 + Javascript 웹 프로그래밍</ins>
    <a href='http://webprogramming.co.kr'><ins>(링크 연결)</ins></a>
    <li>졸업후 진로계획
    <iframe
    width='500'
    height= '300'
    srcdoc='<html>
    <head></head>
    <body>
    <pre>
    저는 대학을 다니면서 트랙제도를 통해 컴퓨터프로그래밍이나
    웹프로그래밍 빅데이터관련 수업을 듣고 저에게 잘맞는 분야를
    고른 후에 더욱 열심히 그 분야를 공부하고 연구해서 그 분야와
    관련된 직업을 갖는것이 저의 게획입니다

    </pre>
    </body>
    </html>'>
    </iframe>

    </ul>
    </body>
    </html>">

    원본입니다 여러가지를 통합해서 하려다보니 헷갈려서 그런것같습니다.제의도는 맨위의 표너비를 iframe으로 설정해논 700정도로 맞추고 진로계획에 span과 div를 넣는데 "와'둘다 오류가 생겨 질문드렸습니다

  • ?
    키보드 향기 2020.04.05 17:29
    메일로 연락드렸습니다 정말감사드립니다

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18283
403 오픈챌린지 5장 ces 2024.04.19 24
402 스타일 시트 객체 2 한성이 2022.08.09 32
401 css3의 프로퍼티와 7장 객체의 프로퍼티 1 한성이 2022.08.07 38
400 따옴표를 4중 5중으로 사용하는 방법에 대해 여쭙고 싶습니다. 입문한 사람 2020.04.07 40
399 border style 질문 2 궁그미 2020.07.28 41
398 76페이지 1 ramoss 2020.05.13 44
397 target프로퍼티 질문(페이지 428쪽) 2 한성이 2022.08.14 47
396 SRC와 SRDOC의 차이를 여쭙고 싶습니다. 입문한 사람 2020.04.07 48
395 인터넷익스플로러 질문이요 1 file 021 2020.04.10 48
394 p.254 3번문제 질문드립니다. 2 열심히 공부하는 독자 2020.08.14 48
393 value 속성 1 열심히 공부하는 독자 2020.09.04 48
392 예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p) 2 file 코딩어렵다 2023.04.12 54
391 94p 그림2-4 질문 2 file 그냥초보 2020.04.15 55
390 계산기 문제 변형 문의 file Mikael 2022.12.13 56
389 윈도우 브라우저와 윈도우 탭 2 tc0712 2021.11.22 57
388 4장 171쪽 2 chu 2022.04.04 57
387 <script>태그의 위치 1 열심히 공부하는 독자 2020.08.15 58
386 브라우저 크기 변경 1 열심히 공부하는 독자 2020.08.27 59
385 length 프로퍼티 2 열공이 2022.05.21 59
384 [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 질문 2022.09.02 59
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로