웹 디자인 학습에서의 XHTML 응용 개요_HTML/Xhtml_웹 페이지 제작

일반적으로 "표준 웹페이지"의 파일 구성은 XHTML CSS입니다. XHTML은 주로 웹 페이지 구조를 표현하고 콘텐츠를 표시하는 데 사용되는 반면 CSS는 구조적 레이아웃을 정의하고 콘텐츠 스타일을 수정하는 데 사용됩니다.
레이아웃에 일반적으로 사용되는 XHTML은 다음과 같습니다.
DIV: 주로 페이지 콘텐츠의 논리적 분할에 사용됩니다. 예를 들어 웹페이지에는 일반적으로 헤더, 탐색, 사이드바, 콘텐츠 및 저작권과 같은 담당 파티션이 포함됩니다. 이 시점에서 DIV 태그를 사용하여 분할할 수 있습니다.
동시에 각 블록의 이름을 다음과 같이 지정하는 것이 좋습니다.
인용된 내용은 다음과 같습니다.
헤더:

탐색:

사이드바:

내용:

저작권 :

참고: ID는 고유합니다. 즉, 동일한 페이지에 ID가 두 번 이상 표시될 수 없습니다. 그렇지 않으면 수업을 사용하십시오.
ul: 원래 순서가 지정되지 않은 목록이며 XHTML CSS 애플리케이션에서 비구조 클래스의 동등한 요소를 나타내는 데 자주 사용됩니다. UL의 하위 요소 LI와 함께 사용해야 합니다.
인용 내용은 다음과 같습니다.

• 링크1


• 링크2


• 링크3

span: 이 요소를 DIV와 비교하면, span은 가방이고 div는 상자입니다(Xiao Yi: XHTML 코드의 기본 응용). 실제로 div는 블록 수준 요소이고, 범위는 인라인 요소입니다(관련 인라인(인라인) 요소 및 블록 수준 요소 참조). 범위를 통해 단락 또는 요소 행에서 세그먼트 요소를 개별적으로 정의할 수 있습니다. .
예:
인용내용은 다음과 같습니다.

• (2006-11-13)XHML CSS 레이아웃의 XHTML 적용 개요

CSS에서 범위를 왼쪽/오른쪽 부동으로 정의하면 날짜와 제목이 양쪽에 표시될 수 있습니다. 이는 사용하는 것과 관련이 있습니다.
인용된 내용은 다음과 같습니다.

• 2007-11-5jb51.net


• XHML CSS 레이아웃 요약

훨씬 더 간단합니다.
=======================================
레이아웃에 사용되는 일반적인 XHTML 태그에 대해 설명한 후에 웹페이지 콘텐츠를 표시하는 데 사용되는 XHTML 태그도 있습니다. 예를 들어:
인용된 내용은 다음과 같습니다.

은 이미지를 나타냅니다.
은 하이퍼링크를 나타냅니다.
(n=1,2,...,6)은 페이지 콘텐츠 제목을 나타냅니다.
h1-h6은 중요도 순으로 줄이는 것이 좋습니다. h1이 가장 중요한 제목입니다(greengnn: div css 명명 참조 참조).
원래 및 을 사용하여 굵은꼴 및 기울임꼴 태그를 표시했지만 대신 및 을 사용하도록 선택합니다.