[물리·과학·IT]

HTML에서의 주석과 Table, CSS 활용법

kipacti 2013. 3. 22. 22:11
HTML 소스에서 주석(comment)은
<!-- comment -->
와 같이 사용한다. 여타 프로그램들과 마찬가지로 주석은 소스코드에만 나타날 뿐 브라우저에 나타나지 않는다.

출처/참조: http://jihansome.tistory.com/749

예제 1
<!--
  이것은 주석입니다.
  주석은 다중 행으로 
  쓸 수도 있습니다.
-->
태그 내부의 텍스트는 브라우저에 출력되지 않는다.

예제 2
<style type="text/css">
  <!--
  p { margin-left:20 }
  -->
</style>
자바스크립트나 CSS(Cascading style sheet)를 지원하지 않는 구 버전 브라우저가 자바스크립트나 CSS를 텍스트로 출력하는 것을 방지하기 위하여 스크립트와 스타일 요소 내에도 <!-- ... -->을 삽입할 수 있다. 최근의 브라우저들은 <!-- ... --> 내의 스타일 선언문을 올바르게 해석한다.
이 내부에서의 주석은 /* comment */를 이용하면 된다.


HTML test 할 수 있는 곳

- http://www.play-hookey.com/htmltest/
// 소스코드 창 마우스 드레그로 늘릴 수 있음.
- http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_comment
// 여기는 한글이 안뜸. (인코딩 문제인듯한데 크롬에서는 해결 못하겠음.)


HTML과 CSS(Cascading style sheet) 배울수 있는 곳

- http://www.w3schools.com/default.asp
// 영어 페이지. Try it을 잘 활용하면서 배우시길.
- http://www.homejjang.com/
// 한글 페이지. 간단하게 잘 설명되어 있는듯. 나같은 초보자에게 적격?


HTML table 관련

- http://www.w3schools.com/Css/css_positioning.asp
- http://www.homejjang.com/03/table.php
- http://bms.unionsteel.co.kr/union/webzine/academy/html12.asp
- http://www.clearboth.org/19-html-tables/