왜 예제 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 |
223 | HTML을 열심히 공부중인 학생입니다 3 | 열심히 하자 | 2018.05.30 | 1962 |
222 | Image 객체 2 | 초보 | 2020.05.14 | 126 |
221 | Image객체 질문 4 | 열심히 공부하는 독자 | 2020.08.21 | 79 |
220 | length 프로퍼티 2 | 열공이 | 2022.05.21 | 59 |
219 | list type 질문이요 2 | 021 | 2020.05.03 | 107 |
218 | localhost 관련 문의 3 | 소년정 | 2018.02.20 | 4039 |
217 | open 10장 1 | sigwq | 2018.11.27 | 448 |
216 | open 8 질문 2 | 열심히 공부하는 독자 | 2020.08.15 | 62 |
215 | open challenge 05 2 | hardworking | 2017.03.29 | 2225 |
214 | open challenge 6장 1 | aoharu | 2018.09.15 | 622 |
213 | Open Challenge 와 실습문제 자료 2 | 김원상 | 2017.04.29 | 7446 |
212 | open challenge 코드 11 | hardworking | 2017.03.27 | 1106 |
211 | open challenge10 관련 질문드립니다 1 | 궁금해용 | 2018.05.16 | 368 |
210 | open12 질문드립니다. 3 | 열심히 공부하는 독자 | 2020.09.08 | 111 |
209 | p.133 질문이요 1 | 컴퓨터공학생 | 2020.08.30 | 67 |
208 | p.133 질문이요 1 | 컴퓨터공학생 | 2020.08.30 | 74 |
207 | p.254 3번문제 질문드립니다. 2 | 열심히 공부하는 독자 | 2020.08.14 | 48 |
206 | p.296 isNaN 함수 1 | yamto | 2020.12.28 | 180 |
205 | p.469 6번 질문드립니다. 4 | 열심히 공부하는 독자 | 2020.09.08 | 64 |
204 | p.469 실습 5번문제 4 | 열심히 공부하는 독자 | 2020.08.29 | 92 |