Windows 메모장은 웹 페이지를 작성하는 데 사용할 수있는 기본 워드 프로세싱 프로그램입니다. 웹 페이지는 텍스트 일 뿐이므로 모든 워드 프로세싱 프로그램을 사용하여 HTML을 작성할 수 있습니다. 이 자습서는 프로세스를 안내합니다.
07 년 1 월새 폴더에 파일 놓기
메모장에 새 웹 사이트를 만들려면 먼저 저장소를 저장할 별도의 폴더를 만드십시오. 일반적으로 내 문서 폴더에 HTML이라는 폴더에 웹 페이지를 저장하지만 원하는 위치에 저장할 수 있습니다.
- 그내 문서 창문.
- 딸깍 하는 소리 파일 > 새로운 > 폴더.
- 폴더 이름 지정 나의 웹 사이트.
중요 사항: 모든 소문자와 공백이나 구두점을 사용하지 않고 웹 폴더와 파일의 이름을 지정하십시오. Windows에서는 공백을 사용할 수 있지만 많은 웹 호스팅 제공 업체에서는 공백을 사용할 수 없지만 처음부터 파일과 폴더의 이름을 올바르게 지정하면 시간과 문제를 줄일 수 있습니다.
HTML로 페이지 저장
디렉토리 이름과 마찬가지로 페이지를 저장할 때 소문자로 모두 사용하고 파일 이름에는 공백이나 특수 문자를 사용하지 마십시오.
- 메모장에서를 클릭하십시오. 파일 그리고 다른 이름으로 저장.
- 웹 사이트 파일을 저장하는 폴더로 이동하십시오.
- 변경 다른 이름으로 저장 드롭 다운 메뉴에서 모든 파일 (*. *).
- 파일 이름을 지정하십시오. 이 자습서에서는 이름을 사용합니다. pets.htm.
03 / 07
웹 페이지 작성 시작
메모장 HTML5 문서에서 가장 먼저 입력해야하는 것은 DOCTYPE입니다. 이것은 브라우저에게 예상 할 HTML의 유형을 알려줍니다.
doctype 선언은 태그가 아닙니다. HTML5 문서가 도착 중임을 컴퓨터에 알려줍니다. 모든 HTML5 페이지의 상단에 있으며 다음 형식을 취합니다.
DOCTYPE이 있으면 HTML을 시작할 수 있습니다. 시작 태그와 종료 태그를 모두 입력하고 웹 페이지 본문 내용에 약간의 공간을 남겨 둡니다. 메모장 문서는 다음과 같아야합니다.
귀하의 웹 페이지를위한 머리 만들기
HTML 문서의 헤드는 웹 페이지에 대한 기본 정보가 저장되는 곳입니다. 페이지 제목 및 검색 엔진 최적화를위한 메타 태그 등이 있습니다. 헤드 섹션을 만들려면 헤드 태그를 메모장 HTML 텍스트 문서에 html 태그 사이에 추가하십시오.
html 태그와 마찬가지로 머리말 정보를 추가 할 공간이 있으므로 그 사이에 약간의 간격을 둡니다.
07 년 5 월헤드 섹션에 페이지 제목 추가
웹 페이지의 제목은 브라우저 창에 표시되는 텍스트입니다. 또한 누군가가 귀하의 사이트를 저장할 때 북마크 및 즐겨 찾기에 쓰여지는 것입니다. 제목 태그 사이에 제목 텍스트를 저장하십시오. 웹 페이지 자체에는 나타나지 않으며 브라우저 상단에만 표시됩니다.
이 예제 페이지의 제목은 "McKinley, Shasta 및 기타 애완 동물입니다."
제목이 얼마나 오래 머무르는 지 또는 HTML에서 여러 줄에 걸쳐 있더라도 중요하지 않지만 짧은 제목은 읽기 쉽고 일부 브라우저는 브라우저 창에서 긴 제목을 잘라냅니다.
07 년 6 월귀하의 웹 페이지의 본문
웹 페이지의 본문은 body 태그 내에 저장됩니다. head 태그 뒤에 있지만 html 태그 끝 앞에 와야합니다. 여기에 텍스트, 헤드 라인, 부제목, 이미지 및 그래픽, 링크 및 기타 모든 콘텐츠를 넣습니다. 원하는만큼 오래있을 수 있습니다.
body 태그의 시작과 끝 사이에 여분의 공백을 둡니다.
메모장에 웹 페이지를 쓰려면이 형식을 따라야합니다.
07 년 7 월이미지 폴더 만들기
HTML 문서 본문에 내용을 추가하기 전에 디렉토리를 설정하여 이미지 용 폴더를 만들어야합니다.
- 그 내 문서 창문.
- 변경 나의 웹 사이트 폴더.
- 딸깍 하는 소리 파일 > 새로운 > 폴더.
- 폴더 이름 지정 이미지들.
이미지 폴더에 웹 사이트의 모든 이미지를 저장하여 나중에 찾을 수 있습니다. 이렇게하면 필요할 때 쉽게 업로드 할 수 있습니다.
