왜 예제 3-2에서 code를쓰나요...
<code>
</code>
그냥 글자만 써도 똑같이나올꺼같은뎅
figure id="1-1"은 앵커 달아논거죵???
왜 예제 3-2에서 code를쓰나요...
<code>
</code>
그냥 글자만 써도 똑같이나올꺼같은뎅
figure id="1-1"은 앵커 달아논거죵???
1. HTML 태그의 근본을 묻는 좋은 질문입니다.
HTML 태그와 웹문서에 대한 개념을 잠시 정리해보죠.
우리는 배우는 것은 HTML 태그로 문서를 만드는 것입니다. 화면에 출력되는 모양을 만드는 것이라고 잘못 생각할 수 있습니다.
문서를 만든다고 하면, 여기서부터는 장의 제목이고 여기서부터는 절의 제목이고 여기는 본문이고, 여기가 한 문단이고, 여기는 목차이고, 여기를 그림 1-1이고 하는 식입니다.
문서의 각 부분을 표시하기 위해 사용하는 것인 HTML이고, 완성된 웹 문서를 화면에 출력하여 주는 것이 웹브라우저입니다.
<code> 태그의 예를 들면, 이 부분은 본문이나 텍스트가 아니라 코드이다라는 것을 문서 속에 나타냅니다.
<code>function sum()</code>
이제, <code>...</code>는 분명 태그안에 있는 부분이 코드라고 나타내었을뿐 어떤 모양으로 출력하라고 한 지시는 없습니다.
출력되는 모양을 결정하는 것은 기본적으로 웹 브라우저의 결정 사항입니다. 웹 브라우저가 그냥 까만색의 10포인터의 텍스트로 출력할 수 있죠.
다른 웹 브라우저는 빨간색의 italic 체로 출력할지도 모릅니다. 제가 웹 브라우저를 만들면 파란색에 consolas 체로 출력할지로 몰라요.
그런데, 이제 다시, 근본적으로 각 태그가 출력되는 모양, 즉 문서가 출력되는 모양을 HTML 페이지의 제작자가 만들어 웹 브라우저에게 출력하도록 지시할 수 있습니다.
이것이 바로 CSS3 스타일 시트이며, 4장,5장에 걸쳐 배우는 내용입니다.
2. 시맨틱 태그 역시 앞의 1번의 해설처럼, 화면에 출력할 목적으로 만드는 것이 아닙니다. 문서의 구조를 나타내는 태그입니다.
3. figure id=1-1에 대해
새싹님의 말처럼 id를 이용하여 앵커를 달아 놓았습니다. 사실 id는 앵커를 다는데 사용하기 보다는 CSS3 스타일과 뒤에 8,9장에서 다루는 것으로 자바스크립트로 이 객체를 접근하기 위한 용도입니다.
이상입니다.
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18281 |
103 | 오픈챌린지 6장 질문 | littlelion | 2018.06.20 | 435 |
102 | 관리자님 | 안녕하세요 | 2018.06.12 | 228 |
101 | 간단한 질문 드립니다. 1 | 뚜룹 | 2018.06.07 | 535 |
100 | 인라인 프레임 많이 사용하나요? 1 | html | 2018.06.02 | 153 |
99 | HTML을 열심히 공부중인 학생입니다 3 | 열심히 하자 | 2018.05.30 | 1962 |
98 | 9장 onblur onfocus 활용 실습문제 2번 | 웹린이 | 2018.05.21 | 569 |
97 | 9-8 실습 문제 질문있습니다. 1 | 웹프박살 | 2018.05.20 | 430 |
96 | 8장 OPEN Challlenge 질문 있습니다. 1 | 컴퓨터공학13 | 2018.05.18 | 1150 |
95 | open challenge10 관련 질문드립니다 1 | 궁금해용 | 2018.05.16 | 368 |
94 | 실습문제 5장 3번 254p 1 | RVQ | 2018.05.10 | 332 |
93 | 구버전 책을 구입해버렸어요.. 3 | 구닥 | 2018.05.07 | 333 |
92 | 예제 3-11 1 | 새싹 | 2018.04.23 | 301 |
91 | 예제3-8 1 | 새싹 | 2018.04.22 | 123 |
90 | 오픈 챌린지 6장 1 | ㄱㄷㄱㄷ | 2018.04.22 | 514 |
89 | 챕터2 연습문제 8번 | 김석현 | 2018.04.22 | 156 |
88 | 예제 3-4 1 | 새싹 | 2018.04.22 | 158 |
87 | 예제 2-9 1 | 새싹 | 2018.04.22 | 86 |
» | 예제 3-2 2 | 새싹 | 2018.04.21 | 148 |
85 | 예제 3-1 1 | 새싹 | 2018.04.21 | 91 |
84 | 자바스크립트 sort에 대해 궁금해요! 1 | 노하람 | 2018.04.21 | 236 |