왜 예제 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 | 18282 |
143 | 몽구스 웹서버가 작동 안됩니다. | 바울 | 2021.07.22 | 148 |
142 | 13-5 하고 13-6 error 1 | WebWeb | 2020.12.09 | 148 |
» | 예제 3-2 2 | 새싹 | 2018.04.21 | 148 |
140 | 6장 실습문제 2번 3번문제 | 초보 | 2020.09.16 | 147 |
139 | 13-7 예제 1 | 궁금이 | 2020.06.14 | 146 |
138 | 4장 예제 4-17질문입니다. 1 | Escui | 2021.04.22 | 145 |
137 | 예제 6-13 질문이요! 2 | 궁그미 | 2020.07.30 | 145 |
136 | 5-3 220page 1 | 고수가되고싶어요 | 2020.10.24 | 141 |
135 | ; 가 쓰일 때를 여쭙고 싶습니다 2 | 입문한 사람 | 2020.04.07 | 141 |
134 | 교재 225page 예제5-8 질문입니다. 1 | ㅇㅅㅁ | 2019.09.01 | 141 |
133 | 오픈챌린지 1 | ab | 2023.02.16 | 140 |
132 | 오류 - 6장 3.식과 연산자 - 비트 논리 연산 1 | 김성필 | 2021.04.27 | 138 |
131 | 선생님 정말 고맙습니다 재질문도 드리고 싶습니다 | 입문한 사람 | 2020.04.07 | 137 |
130 | 6장4번 1 | 이민수 | 2020.06.15 | 135 |
129 | webgl 2차원. 1 | 궁금해요 | 2022.10.10 | 134 |
128 | 9장 6번 실습문제 2 | 궁금해요 | 2022.07.24 | 134 |
127 | 질문 있습니다. 2 | 흠 | 2021.08.19 | 134 |
126 | 연습문제의 미디어 파일 1 | 부산 | 2021.11.25 | 133 |
125 | 서버설치와 코드편집기 질문 드려요~ 1 | TS2019 | 2019.10.26 | 131 |
124 | 웹 사이트 접속 질문 있습니다. 1 | 초심자 | 2021.08.21 | 131 |