간단한 웹 페이지를 만들어 보겠습니다. 나는 당신이 우리를 따라갈 수 있기를 바랍니다. 1 분만 걸릴 것입니다. 이제 당신은 그 각도 괄호 <> 내부의 문자가 무엇인지 알지 못할 것입니다. 걱정하지 마십시오. 아래 튜토리얼에서 소개하겠습니다.
먼저, 메모장을 실행하거나 어디서나 새 텍스트 문서를 작성하고 메모장에서 다음 내용을 입력하십시오.
| 다음은 인용 된 내용입니다. <html> <헤드> <title> 나는이 페이지의 제목입니다 </title> </head> <body> <p> 이것은 나의 첫 페이지입니다. </p> </body> </html> |
입력 한 후 파일을 저장하고 index.html의 이름을 저장하십시오. (파일을 클릭 -> 저장. 파일 이름 열을 index.html로 채우고, 저장 열에서 모든 파일을 선택한 다음 저장 버튼을 클릭하십시오)
저장 후 파일을 두 번 클릭하면 브라우저가 웹 페이지를 자동으로 엽니 다. 웹 페이지가 페이지와 동일한 지 확인하십시오. 그것이 동일하다면, 당신은 첫 번째 비교적 간단한 웹 페이지를 성공적으로 완료했습니다.
이것은 단순한 페이지 일뿐입니다. XHTML 표준을 구문 적으로 준수하지만 완전한 W3C 호환 XHTML 웹 페이지라면 컨텐츠가 부족합니다. 관련 컨텐츠는 아래 튜토리얼에 소개됩니다. 이 웹 페이지는 기본적인 XHTML 지식을 설명하는 데 사용됩니다.
기본 지식의 설명우리가 방금 만든 웹 페이지는 <html>로 시작하고 </html>로 끝납니다. </html>은 각각 웹 페이지 파일의 시작과 끝을 나타냅니다.
영어에서는 머리가 머리를 의미하며 신체는 몸을 의미합니다. 웹 페이지의 두 부분은 각각 웹 페이지의 헤드와 본문을 나타냅니다. 아마도 당신은 우리 웹 페이지의 헤드에 <title> </title>이 있다는 것을 알았을 것입니다. Title Title은 제목을 의미하며 웹 페이지의 제목은 브라우저 위의 제목 표시 줄에 표시됩니다. 웹 페이지의 본문, 즉 <body>와 </body> 태그 사이의 내용은 브라우저에 텍스트로 표시됩니다.
이 웹 페이지는 매우 얇고 머리와 몸에 아무것도 없습니다. 향후 자습서에서 웹 페이지의 내용을 점차적으로 풍부하게 할 것입니다. 그러나 이제 개념을 기억하십시오. 웹 페이지의 헤드는 브라우저를 위해 작성되었으며 페이지에 표시되지 않으며 본문은 웹 사이트 사용자를 위해 작성되었으며 브라우저가 표시하는 내용입니다.
신인 스푸핑 XHTML의 오류의 예다음 두 가지 오류 예제를 엽니 다. 두 코드 모두 매우 심각한 오류가 있지만 브라우저에는이 두 웹 페이지가 정확하게 표시됩니다.
| 예 1- 몸이 머리에서 자랍니다 <html> <헤드> <title> 나는이 페이지의 제목입니다 </title> <p> 이것은 나의 첫 페이지입니다. </p> </head> <body> </body> </html> |