HTML파일 생성과 TAG,웹브라우저로 보기.

자. 점심시간에 잠시 짬을 내서 하는 설명이기 때문에

가볍게 읽고 가볍게 습득하도록 하자. 긴설명은 지루할것으로 생각된다.

 

독학으로 공부하는 아주아주 초보인 디자이너 지망생을 위한 글임을 미리 밝힌다.

 

HTML 파일을 생성하고 웹 브라우저에서 확인하기

 

먼저 공부를 할 폴더,메모장,양손 이렇게 준비하자.

대략적으로 배울 순서를 미리 설명하겠다.

 

1.HTML 파일 생성하기

2.생성된 HTML 파일에 태그(Tag) 기본 명령어 작성하기

3.작성한 HTML 파일을 웹브라우저에서 확인하기.

4.점심먹기

 

자 대충 오늘의 설명은 이렇다. 4번에 눈길이 가는 사람은 창을 닫아라.

 

1.HTML 파일 생성하기

가장먼저 시작 > 모든 프로그램 > 보조 프로그램 > 메모장 을 열도록 하자.(물론 이건 윈도우 메뉴다.)

 

(이 메모장을 열었다면 당신은 이미 오늘 공부의 반은 한것이다.)

메모장을 열었다면 아무글이나 마구마구 입력해보자.

 

 

그리고 이 의미없는 글들을 저장해보자.

 

여기서 주의할점은 파일의 확장자를 html로 적어 주어야 한다.
파일의 이름은 index 라고 정하고 확장자를 .html 로 적고 저장을 하자
(처음에 준비했던 공부할 폴더에 저장하자.)

파일을 저장했다면 메모장의 타이틀이 index.html 로 변경되어 있을 것이다.

 

자 그럼 모든 준비는 끝났다. html 파일을 생성도 했고, 폴더도 준비했고~ 양손도 준비가 끝났다.

그럼 이제 저 저장한 index.html 파일에다가 태그(Tag)를 연습해보자.

 

오늘은 글짜의 색상을 변경하고 웹브라우저로 확인하는 방법을 알아보겠다.

(참고로 매일 이런 설명은 하지 않는다, 계념을 이해하라는 뜻에서 설명하는것이니 너무 쉽다고 기분나빠 하지 않길 바란다.)

 

1.글짜의 색상을 변경해보자.

 

태그는 "<"로 시작한다고 했으니

<

 

폰트의 색상을 변경하고 싶으니

<Font Color

 

폰트의 색상이 어떤것인지를 정의하기 위해

<Font Color="Blue"

 

HTML은 ">"로 끝난다고 했으니

<Font Color="Blue">

 

그리고 태그 덩어리의 끝은 "</명령된태그"> 였으니

<Font Color="Blue"></Font>

 

마지막으로 지금 작성한 태그에 영향을 받을 글짜를 입력하자

<Font Color="Blue">판다씨 바보</Font>

 

 

자 이제 글짜색상을 변경하는 태그를 완성했다. 이파일을 저장하자.

 

 

저장을 정상적으로 했다면 위처럼 index.html 이라는 파일이 하나 딱!! 생성되어 있을것이다.

저녀석을 한번 더블클릭 해보도록 하자.(트리플 클릭도 무관하다.)

두둥!!! 글짜색이 파란색으로 나왔다! 당신이 지정한 Blue 색상으로 나왔다.

이제 파일을 저장하고 TAG를 입력하고 웹브라우저로 확인하는 방법까지 알아낸것이다.

시작이 반이라고 했으니 이미 반이상은 한것이 아닌가!

 

수고했다. 이제 4번 섹션인 "점심식사" 로 넘어가길 바란다.

 

미리보는 고급기술

글짜색을 바꾸는 방법에는 여러가지가 있다.대충 미리보도록 하자.

 

1.색상의 고유 내장명령어를 치는 방법.

<font color="red">

2.색상의 고유코드를  RGB형식으로 작성해주는 방법

<font color="#FF0000">

 

3.html과 java의 혼합이랄까.어느 위치에든 색상을 먹일수 있다.

<Table style="color:ff0000;"

<TD style="color:red;"

 

 

위의 색상 변경을 모두 알고 있었다면 당신은 이미고수