Last updated Feb 16, 2010 - 북마크 & 공유하는이 페이지로!

귀하의 첫 번째 웹 페이지

귀하의 첫 번째 웹 페이지 만들기

그리고 이제 마지막으로 HTML 코딩에 점프하여 최초의 웹 페이지를 만들 시간이 없어요!

  1. 귀하의 프로그래밍 또는 텍스트 편집기에서 새 페이지를 만들고 엽니다.
  2. 우리가 우리 자신이 사용거야에는 그냥 지우면 몇 가지 미리 설정 편집기에서 코드를 선수야.
  3. 아래 코드를 복사하여 문서에 어딘가에 당신이 기억할 수있는 저장 (만약 당신이 이전에 당신이 중 하나를 index.html 또는 index.php로 www가 루트 디렉토리에 파일을 저장할 수, 그냥 그것에 대해서만 색인 파일이 있는지 확인 튜토리얼에서 WAMP를 설치 안에서 그렇게) 귀하의 브라우저에 localhost를 입력하면 표시됩니다.

XHTML 1.0과 엄격한 템플릿

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>My first web page!</title>
  </head>
  <body>
    <p>Hello there ...</p>
  </body>
</html>

귀하의 웹 페이지를보기

판매가 HTML 코드를 자체적으로 많이 안됩니다 상당히 많은 텍스트 파일입니다. 우리가 웹 브라우저에서 열어 줘야 설명 웹 페이지를 참조하십시오.

  1. 귀하의 웹 브라우저를 시작하고 파일 이동 "열려있는 파일 및 HTML을 단지 또는 브라우저의 표시줄에 localhost를 입력 만들어진 파일을 선택하고 실행하면 WAMP가와 www가 루트 디렉토리에 파일을 배치.

이제이 페이지에서 비슷한 나타납니다 :

귀하의 첫 번째 웹 페이지귀하의 첫 번째 웹 페이지

귀하의 웹 페이지 분석

첫째 날 그 코드는 내가 위에서 준 자네에게 말하지만 그대로 그것을 얻고, W3C의 XHTML을 다음과 같이 1.0 규격 편지 올바른 슈퍼. 당신은 안전하게 XHTML 1.0과 미래의 모든 웹 페이지에 대한 템플릿을 엄격로 사용할 수있습니다.

DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

이것은 첫 번째 줄은 실제 HTML 태그, 그럼에도 불구하고 그것을 모든 HTML 문서가 필요하지 않습니다. 이것은 소위 DOCTYPE 함께 처리의 파일을 웹 브라우저에 어떤 종류의 알려줍니다. 우리의 경우에서는 XHTML 1.0과 엄격한 파일. 이러한 doctypes 돌에서 설정됩니다 항상 그렇게 마음에 의해 자신이 학습의 고문을 저장하십시오 보였 수있습니다.

HTML 요소

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  ...
</html>

이것은 우리의 실제 HTML 문서를 시작합니다. <html>...</html> 요소는 그 자체로 흥미있는 모든되지 않습니다. 그것은 단지 시작과 우리의 모든 HTML 코드의 끝을 표시한다. xmlns 속성이 다른 두 사람은 선택 사항입니다 XHTML을 문서가 필요합니다하지만 좋은 연습에 포함합니다.

머리 요소

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>My first web page!</title>
</head>

다음 다음 <head> 우리가 HTML 문서. 제외 <title> 요소는 브라우저 창에 나타납니다 머리에 아무 정보 페이지에 표시됩니다. 머리가 일반적으로 언어와 같은 정보를 전달, 문자 인코딩, 저작권 정보, 페이지의 설명과 너무. <meta> 우리가 만든 코드에 태그 옵션이기는하지만 어쨌든 경우 백업 서버에 포함되어야하는이 정보가 제공되지 않거나 페이지를 오프라인으로 볼 수 있어요.

Body 요소

<body>
  <p>Hello there ...</p>
</body>

여기서 흥미로운 일이 시작됩니다. <body> 요소는 웹 페이지로 표시되는 모든 콘텐츠를 보유하고있다. 이 경우 우리는 단락 요소 <p> 텍스트 안녕하세요 .. 다음 챕터에서는 이러한 HTML 태그 귀하의 웹 페이지를 구축하는 데 사용할 수있는 더 알게 될 것입니다.

연습 마스터하게

웹사이트를 만드는 방법을 배우는 가장 좋은 방법은 없어 - 그것 - 자신 방법입니다. 당신의 자신의 페이지에서 모든 튜토리얼의 예제를 밖으로 시도하고 코드와 함께 놀러 사물이 작동하는 방법을 더 잘 이해하실 것을 권해드립니다.

  • 북마크 & 공유하는이 페이지로!