텍스트 편집기로 웹 페이지 만들기

메모장과 같은 표준 텍스트 편집기에서 HTML 태그를 직접 입력하는 방식으로 웹 페이지를 만들 수 있습니다. HTML 태그는 웹 브라우저에게 문서 표시 방식을 지시하는 서식 명령의 역할을 합니다. 태그는 꺾쇠 기호(< >)로 둘러싸인 한 쌍의 텍스트 단어로 이루어집니다. 예를 들어, 다음 HTML 코드는 여러분, 안녕하십니까?라는 단어를 굵은 글씨체로 웹 브라우저에 표시합니다. 여러분, 안녕하십니까?. 그러므로 이것은 여러분, 안녕하십니까?로 나타납니다.

여러 가지 속성을 적용하기 위해 태그를 중첩 사용할 수도 있습니다. 즉, 전체적으로 굵은 글씨체 서식을 적용하면서 안녕하십니까?에만 기울임꼴 서식을 추가로 적용하려면 다음과 같이 합니다. 여러분, 안녕하십니까? 이것은 여러분, 안녕하십니까?와 같이 표시됩니다. 태그를 겹쳐서 사용하지 않도록 주의해야 합니다. 예를 들어, 다음과 같이 유효하지 않은 HTML 구문을 사용하면 웹 브라우저에 따라 예기치 않은 결과가 발생할 수 있습니다. 여러분, 안녕하십니까?

텍스트 편집기로 웹 페이지를 만들려면

표준 텍스트(ASCII) 편집기에서 기본 골격 즉, 템플릿을 만들어 중요한 HTML 헤더 및 서식 정보를 브라우저에 제공합니다. 태그를 다음과 같이 입력합니다.

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

<TITLE> 태그 사이에 웹 페이지의 제목을 넣습니다. 이 제목은 웹 브라우저의 제목 표시줄에 나타나며 페이지에는 나타나지 않습니다. 웹 페이지의 내용을 설명하는 간략한 제목을 사용합니다.
<BODY> 태그 사이에 웹 브라우저에 나타낼 텍스트와 그 밖의 내용을 넣습니다.
.htm 확장명을 사용하여 HTML 파일을 저장한 다음(텍스트 편집기가 문서에 .txt 확장명을 자동으로 추가하지 않도록 해야 함), 웹 브라우저에서 파일을 열어 변경된 내용을 확인합니다.
그 밖의 요소나 서식을 웹 페이지에 추가합니다. 다음 HTML 태그 표를 참조하십시오. 단계 4를 반복하여 변경된 내용을 확인합니다.

팁 HTML을 충분히 이해하고 활용하기 위해서는 HTML 지정(인터넷의 여러 웹 사이트에서 제공함)을 검토해 보아야 합니다. 또한, 웹 브라우저의 HTML 보기 기능을 사용하면 거의 모든 웹 페이지의 HTML 소스를 볼 수 있습니다. 이 기능으로 다른 HTML 작성자들이 웹 페이지를 어떻게 디자인하는지 볼 수 있습니다.

HTML 태그	설명
<P> </P>	단락을 시작하고 끝냅니다.
<Hn> </Hn>	제목 텍스트를 시작하고 끝냅니다. n 값은 다양한 글꼴 크기를 지정하는 1부터 6까지의 정수여야 합니다.
<U> </U>	밑줄친 텍스트를 시작하고 끝냅니다.
<UL> </UL>	글머리표 항목 목록을 시작하고 끝냅니다. 목록의 각 항목은 <LI> 태그로 시작해야 합니다.
<OL> </OL>	번호가 매겨진 항목 목록을 시작하고 끝냅니다. 목록의 각 항목은 <LI> 태그로 시작해야 합니다.
<LI>	목록 항목을 나타냅니다. 끝 태그는 필요 없습니다.
<B> </B>	굵은 글씨체 서식을 시작하고 끝냅니다.
< IMG SRC=image file>	웹 페이지에 이미지를 삽입합니다.
< BGSOUND SRC=sound file>	페이지가 로드된 후 배경 음악을 재생합니다. 참고 이 기능은 Microsoft Internet Explorer 버전 2.0 이상에서만 지원됩니다.
<FONT SIZE=n FACE=font type> < /FONT >	크기, 색, 서체 등과 같은 텍스트 글꼴 특징을 시작하고 끝냅니다.
<A HREF=file > </A>	파일의 다른 위치나 다른 문서에 대한 하이퍼링크를 만듭니다. 예를 들어, 다음은 링크를 클릭하여 다른 HTML 문서를 볼 수 있는 코드입니다. – <a href="mainpage.html">기본 페이지로 돌아가기 </a>
<HTML> </HTML>	파일 내용이 HTML 언어로 되어 있음을 나타냅니다. 일반적으로, 이 태그는 모든 HTML 문서의 처음과 마지막에 나옵니다.
<HEAD> </HEAD>	문서 제목과 그 밖의 설명 정보와 같은 HTML 문서 제목 정보를 포함합니다. 웹 브라우저와 웹 페이지의 찾기 프로그램에서 이 정보를 사용할 수 있습니다. 그러나, 문서의 텍스트를 이 태그 사이에 넣으면 안됩니다.
<TITLE> </TITLE>	HTML 문서의 제목을 나타냅니다. 제목은 웹 브라우저의 제목 표시줄에 나타나며 내용 텍스트에는 나타나지 않습니다.
<BODY> </BODY>	웹 페이지에 나타낼 내용을 포함합니다.