본문으로 바로가기

[HTML][기초]

category HTML 2018. 4. 4. 18:01

 

the space coding

 

HTML=쉽지만 방대 합니다.

 

 

 

1) HTML 이란

 

H yper

Text

M arkup

L anguage

 

-월드와이드웹 문서를 작성하는 Markup  Language 입니다.

-HTML 은 여러 태그들로 구성되어 있습니다.

-각 태그들을 사용하여 원하는 형태의 문서를 만들어 갈 수 있습니다.

 

2) HTML 문서작성

 

-HTML 문서의 작성은 일반 텍스트 에디터나 전용 에디터를 사용하면 누구나 쉽게 작성할 수 있습니다.

 

-일반 텍스트 문서와 같이 작성하면 되며 저장시 확장자를 *.HTM 이나 *.HTML으로 저장하면 브라우저가 인터넷 문서임을 인식하고 브라우저 화면에 뿌려줍니다.

 

-  일반적으로 초기 파일의 이름은 index.html 입니다. 

 

3) 인터넷문서의 기본형식

HTML 문서는 기본적인 골격은 다음과 같다 


 

<html>

<head> <title>타이틀</title> </head>

<body>

문서의 본문내용

</body>

</html> 


-안드로이드 xml과 비슷한형식

-태그는 일반적으로 시작을 알리는 태그와 그 태그가 끝났음을 알리는 태그로 이루어져 있습니다

-각 태그 안< >에는 태그 내용을 제어할 수 있는 여러 속성들을 포함하고 있습니다. 하지만 모든 태그가 모두 동일한 형식을 취하는 것은 아니며 어떤 태그는 쌍을 이루지 않은 하나의 태그로써 가능한 것도 있으며 자체에 다른 속성을 포함하지 않는 것도 있습니다.

 

 

4) 기본적인 형식을 이루는 태그들

-<HTML> </HTML>

:문서가 인터넷 문서의 시작과 끝임을 알리는 역할을 합니다. 항상 인터넷문서의 맨 처음과 끝에 위치합니다. 

-<HEAD> </HEAD>

문서 서문의 시작과 끝을 알립니다. 별다른 기능을 하진 않습니다. 

<TITLE>타이틀 명 기입</TITLE>

문서의 제목을 나타내주는 태그이다 브라우저의 맨 위를 보면 문서의 제목이 나와있는 것을 볼 수 있습니다. 

<BODY>본문의 내용</BODY>

문서 본문의 시작과 끝임을 알립니다. 이 태그 안에는 문서 전반에 영향을 주는 여러 속성들이 있습니다. 그 속성들은 다음과 같습니다. 

(a) Background color

<BODY BGCOLOR="컬러명 또는 헥사코드">

배경의 색을 바꿔줍니다. 보통 브라우저의 배경색은 윈도우의 디폴트 색인 회색입니다 색상은 색상명(Black, White, Blue...)과 헥사코드 값으로 나타낼 수 있습니다. 헥사코드는 색상의 R. G. B 값을 16진수로 나타낸 것이다.

(예)

<BODY BGCOLOR="#ff0000"> 빨강 배경

<BODY BGCOLOR="#00ff00"> 초록 배경

<BODY BGCOLOR="blue">파랑 배경 

(b) Background image

<BODY BACKGROUND="배경이미지가 있는 URL">

웹사이트들을 돌아다니다 보면 벽돌 모양에, 암석 모양의 배경들이 펼쳐진 것을 보셨을 것입니다. 이 속성이 바로 그러한 배경이미지를 지정해 주는 속성입니다 URL이란 경로를 말하는 것으로 잘 모르시는 분은 계속되는 강좌를 통해서 알게됨으로 그냥 넘어가시기 바랍니다

(예)

<BODY BACKGROUND="../../image.gif">

<BODY BACKGROUND="http://www.haninfo.net/~narsis/image.gif"> 

(c) Text Color

<BODY TEXT="색상명 또는 헥사코드">

이 속성은 문서전반에 쓰이는 문자의 색깔을 지정해주는 속성입니다. 색상지정은 (a)와 같습니다

(예)

<BODY TEXT="#0000ff"> 

(d) Link Color

<BODY LINK="색상명 또는 헥사코드">

링크된 텍스트의 색깔을 바꿔줍니다. 기본적인 색상은 파란색입니다. 링크란 다른 문서나 멀티미디어요소를 연결시키는 것으로 링크에 관련된 태그에서 언급합니다. 

(e) Visited Link

<BODY VLINK="색상명 또는 헥사코드">

방문했던 링크부분의 색상을 지정하는 속성입니다. 기본적인 색상은 보라색입니다 

(f) Active Link

<BODY ALINK="색상명 또는 헥사코드">

이 속성은 마우스로 링크된 부분을 클릭하고 아직 손을 떼지 않았을 때의 색깔을 말합니다. 기본적인 색상은 빨간색입니다 

 

 

<h1>김선영</h1>

<html>
<head>

<title>집에 안가고 십다  </title>

<META http-equiv="refresh"content="5;
url=http://www.netmarble.net/">

 

</head >

<body>
내가 처음 만든 HTML문서 
</body>

</html>

'HTML' 카테고리의 다른 글

[jQuery][유효성 검서]  (0) 2018.04.09
[html][달력]  (0) 2018.04.06
[html][계산기]  (0) 2018.04.06
[HTML][기능 넣어주기]  (0) 2018.04.04
[HTML][회원 가입 양식]  (0) 2018.04.04