HTML 기초

아티클
10/12/2023

대부분의 브라우저에는 찾아보는 페이지의 HTML 원본을 검사하는 기능이 있습니다. 원본을 보면 텍스트가 흩어져 있는 여러 HTML(하이퍼텍스트 태그 언어) 태그가 꺾쇠괄호()<>로 둘러싸여 표시됩니다.

아래 단계에서는 HTML 태그를 사용하여 간단한 웹 페이지를 빌드합니다. 이 단계에서는 메모장 파일에 일반 텍스트를 입력하고, 몇 가지 변경을 수행하고, 파일을 저장하고, 브라우저에서 페이지를 다시 로드하여 변경 내용을 확인합니다.

HTML 파일을 만들려면

메모장 또는 일반 텍스트 편집기를 엽니다.
파일 메뉴에서 새로 만들기를 선택합니다.

다음 줄을 입력합니다.

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

파일 메뉴에서 저장을 선택하고 파일을 c:\webpages\First.htm으로 저장합니다. 편집기에서 파일을 열어 둡니다.
브라우저로 전환하고 파일 메뉴에서 열기를 선택하거나 브라우저의 URL 편집 상자에 file://C:/webpages/first.htm 입력합니다. 창이 "상위 HTML 태그"캡션 있는 빈 페이지가 표시됩니다.

태그는 쌍으로 연결되고 꺾쇠 괄호에 포함됩니다. 태그는 대/소문자를 구분하지 않지만 대/소문자를 구분하여 태그를 돋보이게 하는 데 자주 사용됩니다.

태그 <HTML> 은 문서를 시작하고 태그 </HTML> 은 문서를 종료합니다. 끝 태그(항상 필요한 것은 아님)는 시작 태그와 동일하지만 태그 앞에 슬래시(/)가 있습니다. 꺾쇠괄호(<)와 태그의 시작 사이에 공백이 없어야 합니다.
메모장 다시 전환하고 /HEAD> 줄 뒤를 <입력합니다.
```
<BODY>
    HTML is swell.
    Life is good.
</BODY>
```
파일 메뉴에서 저장을 선택합니다.
브라우저로 다시 전환하고 페이지를 새로 고칩니다.

단어는 브라우저 창의 클라이언트 영역에 표시됩니다. 캐리지 리턴은 무시됩니다. 줄 바꿈을 사용하려면 첫 번째 줄 뒤의 태그를 <BR> 포함해야 합니다.

다음 모든 단계를 수행하려면 본문과 </BODY>> 사이에 <텍스트를 삽입하여 문서의 본문에 추가합니다.
헤더를 추가합니다.
```
<H3>Here's the big picture</H3>
```
페이지와 동일한 디렉터리에 저장된 .gif 파일을 사용하여 이미지를 추가합니다.
```
<IMG src="yourfile.gif">
```

목록 추가:

<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

대신 목록에 번호를 매기려면 UL 및 /UL>> 태그 대신 <쌍<을 이루는 OL> 및 <</OL> 태그를 사용합니다.

그것은 당신이 시작해야합니다. 웹 페이지에 유용한 기능이 표시되면 HTML 원본을 검사하여 만든 방법을 확인할 수 있습니다. Microsoft Front Page와 같은 HTML 편집기를 사용하여 단순 및 고급 페이지를 모두 만들 수 있습니다.

빌드한 파일의 전체 HTML 원본은 다음과 같습니다.

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

태그, 특성 및 확장에 대한 전체 설명은 HTML(Hypertext Markup Language) 사양을 참조하세요.

W3C.org 최신 게시된 HTML 버전입니다.

참고 항목

MFC 인터넷 프로그래밍 기본 사항

다음을 통해 공유

HTML 기초

HTML 파일을 만들려면

참고 항목

피드백

피드백

추가 리소스