기사와 마찬가지로 웹 페이지에는 명확한 단락과 중요도의 제목이 있어야합니다. 이 섹션에서는 제목, 단락 및 기타 기능을 구현하는 XHTML에 공통 서명을 소개합니다.
제목을 정의하기 위해 <h1>에서 <h6>까지 태그를 사용할 수 있습니다. 해당 종료 태그는 각각 </h1> 내지 </h6>이며, 여기서 <h1> ~ <h6>의 글꼴 크기 순서가 줄어들고 중요성이 점차 줄어 듭니다. 브라우저는 제목 위와 아래의 줄을 자동으로 자유롭게합니다.
단락을 정의하면 <p>와 </p>가 사용되며 <p>와 </p> 사이의 내용은 단락으로 인식되며, 이는 우리가 일반적으로 단락이라고 부르는 것과 유사합니다. 제목과 마찬가지로 브라우저는 단락이 시작되기 전후의 빈 공간을 추가합니다.
다른 줄을 쓰는 것에 대해 생각하지만 다른 단락을 원하지 않을 때는 태그를 적용 할 수 있습니다. <br> 태그도 빈 태그이며 XHTML의 요구 사항을 충족시키기 위해 하나/ 추가해야합니다.
수평 분할 라인을 깨닫는 레이블은 <hr />입니다. <br> 태그와 마찬가지로 <hr>도 빈 태그입니다. XHTML의 규칙을 준수하려면 A /를 추가해야합니다. (다음은 분할 선입니다)
위에 소개 된 4 개의 태그를 합리적으로 사용하면 웹 페이지를 탐색하는 사용자가 웹 페이지를 명확하게 느끼게 할 수 있지만, 웹 페이지 소스 코드를 읽을 때 웹 페이지가 명확하다고 느낄 수 있으므로 혼란스럽지 않도록 주석이 될 수 있습니다. <!-와-> 사이의 것은 주석의 내용이며 웹 페이지에 표시되지 않습니다. 아래 운동 예제에 주석을 삽입하는 방법을 확인하십시오.
이제 이전 섹션에서 저장 한 웹 페이지를 열고이 섹션에서 배운 중요한 태그를 연습하십시오. <body> </body>를 내 첫 번째 <b> 웹 페이지 </b>로 두십시오. 다음을 제거하고 입력하십시오.
| <H1> 서비스 발표 </h1> <!-제목의 사용을 연습하고 글꼴 크기가 커 졌는지 확인하십시오. -> <hr /> <!-수평 분할 선, /->를 잊지 마십시오 <H2> 저는 이제 전국의 초등학생과 학부모에게 다음 서비스를 제공하고 있습니다. </h2> <!-제목 번호 2, 글꼴 크기가 타이틀 No. 1보다 작은지 확인하십시오. <H3> 학생을위한 서비스 </h3> <p> 겨울과 여름 숙제 작성 (수학은 잘못된 질문이 없다고 보장하지 않습니다. 중국어는 잘못된 단어가 없다고 보장하지 않습니다. 영어 숙제, 다른 사람을 찾으십시오) <BR /> 4 학년에 걸쳐 괴롭힘을 겪으려면 특별 스포츠 비용이 청구되어야합니다. <br /> 부모는 부모 인 척하는 데 도움이 될 것입니다. </p> <!-위의 내용은 단락->입니다 <H3> VIP 서비스 </h3> <p> 세 서비스를 모두 구매하는 사람은 누구나 VIP로 자동 업그레이드됩니다. W3C의 XHTML 표준 및 ISO2009 ~를 완전히 준수하는 개인 홈페이지를 무료로 만들 것입니다. </p> <!-여기의 웹 페이지는 상당히 뚜렷하지만 인터페이스가 정말 추악하고 단순하다고 생각하십니까? 예를 들어, 선 사이의 간격이 없습니다. 제목 번호 1 너무 큽니다. 웹 페이지의 모양을 정의하는 방법은 CSS 튜토리얼의 뒷부분에서 설명됩니다. 메인 컨텐츠에 대해 이야기하는 것을 잊어 버렸습니다. 주석이 웹 페이지에 나타나지 않을 것입니다. 우리는 여기서 많은 넌센스를 만들 수 있습니다. 그러나 웹 페이지 디자인의 향후 프로세스에서 몇 가지 신속한 의견을 작성하십시오. -> |