표준 html 작성법에 관해...

[basic003]

http://mozillanews.org/index.php3
이 곳 사이트는 모질라의 뉴스를 다루는 곳인데요.
너무 잘 만들어서 제가 소스를 봤어요.
그리고 복사/붙여넣기 해서 메모장으로 평소처럼 html을 만들어 봤는데
'mozillanews' 처럼 모양이 안 나오고 그냥 문장쓰는 것 처럼 세로로 쭉~ 나오네요.
이걸 보고 참 신기했어요. 어떻게 메뉴가 딱딱 맞춰있고 레이아웃이 정확한 모양이 나오는지..
꼭 그곳은 iframe을 사용하고 있는 듯 하면서...(제 홈페이지도 아이프레임을 사용하지만 모질라 계열은 iframe을 지원 안하는지 안보이거든요..근데 저곳은 아이프레임같이 페이지의 부분적으로만 링크할 수도 있는 것 같고..) 메뉴 글자도 색변형이나 모형변형도 자유롭고...
이건 다 어떻게 할 수 있는 건지 아시는 분 있으시나요?
제 생각인데 스타일시트로...한 건가요?
정말 이걸 배우게 된다면 안정적이고 브라우져별 호환성 높은 홈페이지를 만들 수 있을 거란 생각이 들어요.
꼭~~~~ 알려주세요!

[Channy]

제가 봐도 멋진 사이트 군요. 그냥 HTML파일만 Copy&Paste한다고 가능한게 아니구요. 소스를 보시면 <link rel="stylesheet" href="/moznews-main.css" type="text/css"> 처럼 CSS를 사용한 파일들도 함께 가져와야 합니다. 또한 CSS에 이미지 파일이 링크되어 있다면 그것도 마찬가지로요.

CSS에 대한 공부를 좀 더 하시면 좋겠네요..

[손동찬]

스타일시트로 그런 메뉴구성이 가능하다는 말씀이죠!?
저 스타일시트 배우겠습니다

그리고요 또 궁금한게 있는데요.
XML로 작성된 홈페이지가 존재하나요?
도서관가서 XML에 대해 봤는데요.... XML이 과연 Html이랑 어떤게 다른지 눈으로 확인해 보고 싶어졌어요.

[권남]

XML과 HTML은 대등 관계지 종속관계가 아닙니다. 둘다 SGML의 자식으로 XML은 데이타 구조를 표현하고 HTML 데이타를 화면에 표현하는 것을 나타냅니다.
근본적으로 XML 자체는 웹 브라우징이랑 하등의 관계도 없습니다. XSLT 라는 변환방법을 이용해 XML의 데이타 구조를 화면 표현 구조로 바꾸는 것입니다.
예를 들어 <Address>우리집주소</Address> 라는 XML 이 있으면 XSLT 라는 것을 이용해서 <b>우리집주소</b> 하는 HTML로 바꾸는 식입니다.
상황에 따라 <big>우리집주소</big> 하는 식의 html로 바꿀수도 있구요..

다시 말씀드리지만 XML은 웹화면 표현을 위한 것이 아니라 데이타 구조를 표현하는 것이므로 HTML의 대체품이 아니라는 겁니다.