Mozilla 한국 커뮤니티

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

제가 봐도 멋진 사이트 군요. 그냥 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의 대체품이 아니라는 겁니다.