HTML 기초
대부분의 브라우저에는 찾아보는 페이지의 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 버전입니다.