메모장을 사용하여 새 웹 페이지 만들기

by 제니퍼 키린

07 년 1 월

새 폴더에 파일 놓기

파일을 새 폴더에 저장하십시오. 제니퍼 키린

Windows 메모장은 웹 페이지를 작성하는 데 사용할 수있는 기본 워드 프로세싱 프로그램입니다. 웹 페이지는 텍스트 일 뿐이며 모든 워드 프로세싱 프로그램을 사용하여 HTML을 작성할 수 있습니다. 이 자습서는 프로세스를 안내합니다.

메모장에 새 웹 사이트를 만들 때해야 할 첫 번째 일은 메모장에 저장할 폴더를 별도로 만드는 것입니다. 일반적으로 웹 페이지는 "내 문서"폴더의 HTML 폴더에 저장하지만 원하는 위치에 저장할 수 있습니다.

내 문서 창 열기
파일 > 새로 만들기 > 폴더를 클릭하십시오.
폴더 이름을 my_website로 지정하십시오.

중요 참고 사항 : 웹 폴더 및 파일의 이름을 모두 소문자로하고 공백이나 구두점을 사용하지 마십시오. Windows에서는 공백을 사용할 수 있지만 많은 웹 호스팅 공급자는 그렇지 않습니다. 처음부터 파일과 폴더의 이름을 올바르게 지정하면 시간과 문제를 줄일 수 있습니다.

07 년 2 월

HTML로 페이지 저장

페이지를 HTML로 저장하십시오. 제니퍼 키린

메모장에 웹 페이지를 작성할 때 가장 먼저해야 할 일은 HTML로 페이지를 저장하는 것입니다. 이렇게하면 나중에 시간과 문제를 줄일 수 있습니다.

디렉토리 이름과 마찬가지로 항상 소문자 만 사용하고 파일 이름에는 공백이나 특수 문자를 사용하지 마십시오.

메모장에서 파일을 클릭 한 다음 다른 이름으로 저장을 클릭 하십시오.
웹 사이트 파일을 저장하고있는 폴더로 이동하십시오.
파일 형식 드롭 다운 메뉴를 모든 파일 (*. *)로 변경하십시오.
파일의 이름을 지정하십시오.이 자습서에서는 pets.htm 이라는 이름을 사용합니다 .

03 / 07

웹 페이지 작성 시작

귀하의 웹 페이지를 시작하십시오. 제니퍼 키린

메모장 HTML 문서에서 가장 먼저 입력해야하는 것은 DOCTYPE입니다. 이것은 브라우저에게 예상 할 HTML의 유형을 알려줍니다. 이 자습서에서는 HTML5를 사용합니다.

doctype 선언 은 태그가 아닙니다. HTML5 문서가 도착 중임을 컴퓨터에 알려줍니다. 모든 HTML5 페이지의 상단에 있으며 다음 형식을 취합니다.

DOCTYPE이 있으면 HTML을 시작할 수 있습니다. 시작 부분과 시작 부분을 모두 입력하십시오.

태그와 끝 태그를 추가하고 웹 페이지 본문 내용에 약간의 공간을 남겨 둡니다. 메모장 문서는 다음과 같아야합니다.

04 / 07

귀하의 웹 페이지를위한 머리 만들기

귀하의 웹 페이지에 대한 헤드를 만듭니다. 제니퍼 키린

HTML 문서의 머리 부분은 웹 페이지에 대한 기본 정보가 저장되는 곳입니다. 페이지 제목 및 검색 엔진 최적화를위한 메타 태그 등이 있습니다. 헤드 섹션을 만들려면

태그 사이에 메모장 HTML 텍스트 문서의 태그.

마찬가지로

태그 사이에 간격을두고 머리 정보를 추가 할 공간이 있어야합니다.

07 년 5 월

헤드 섹션에 페이지 제목 추가

페이지 제목을 추가하십시오. 제니퍼 키린

웹 페이지의 제목은 브라우저 창에 표시되는 텍스트입니다. 또한 누군가가 귀하의 사이트를 저장할 때 북마크 및 즐겨 찾기에 쓰여지는 것입니다. 제목 텍스트를

태그를 사용하여 태그. 웹 페이지 자체에는 나타나지 않으며 브라우저 상단에만 표시됩니다.

이 예제 페이지의 제목은 "McKinley, Shasta 및 기타 애완 동물입니다."

McKinley, Shasta 및 기타 애완 동물

제목이 얼마나 오래 머무르는 지 또는 HTML에서 여러 줄에 걸쳐 있더라도 상관 없지만 짧은 제목은 읽기 쉽고 일부 브라우저는 브라우저 창에서 긴 제목을 잘라냅니다.

07 년 6 월

귀하의 웹 페이지의 본문

귀하의 웹 페이지의 본문. 제니퍼 키린

웹 페이지의 본문은

태그. 여기에 텍스트, 헤드 라인, 부제목, 이미지 및 그래픽, 링크 및 기타 모든 콘텐츠를 넣습니다. 원하는만큼 오래있을 수 있습니다.

메모장에 웹 페이지를 쓰려면이 형식을 따라야합니다.

너의 제목 머리가 여기에있다. 웹 페이지의 모든 것은 여기에 간다.

07 년 7 월

이미지 폴더 만들기

이미지 폴더 만들기. 제니퍼 키린

HTML 문서 본문에 내용을 추가하기 전에 디렉토리를 설정하여 이미지 용 폴더를 만들어야합니다.

내 문서 창을 엽니 다.
my_website 폴더로 변경하십시오.
파일 > 신규 > 폴더를 클릭하십시오 .
폴더 이미지의 이름을 지정하십시오.

이미지 폴더에 웹 사이트의 모든 이미지를 저장하여 나중에 찾을 수 있습니다. 이렇게하면 필요할 때 쉽게 업로드 할 수 있습니다.