본문 바로가기

웹제작 강의/HTML

HTML 5강 html 태그연습(body 태그, 글자크기)

오늘은 html 5강 글자의 크기와 body 태그 연습을 해보겠습니다.


<강의 1 - 글자크기>

html5 from Lee Jun Ho on Vimeo.




 


<강의 2 - body 태그연습>

html5-1 from Lee Jun Ho on Vimeo.



 


웹 컬러를 알 수 있는 사이트 : http://blog.naver.com/hipjun/20056367288





                                 <동영상 강의 내용>

<h1>글자크기</h1>
<h2>글자크기</h2>
<h3>글자크기</h3>
<h4>글자크기</h4>

    <h#></h#> : (#은 숫자 1~6까지)

   1. 글자가 진하고 크며 자동줄 바꿈이 적용된다.

   2. 숫자의 범위는 1부터 6까지이며 숫자가 클수록 글자 크기가 작다. 
   3. 자동으로 한줄이 띄어진다.





<body bgcolor=웹 컬러색 수치 background=이미지 경로>
본문내용
</body>

웹 페이지에서의 본문 내용은 <body> 와 </body>  사이에 들어가며 배경색은 bgcolor, 배경 이미지는 background를 사용합니다.

<br> : 한 줄 띄우기
<p> : 두 줄 띄우기



p.s
어떤 분께서 html 파일은 서버에 올리지 않고 개인 pc에서도 되는데 왜 계속 서버에 올리냐고 질문을 해주셨는데요 그 질문에 대한 답변입니다.
 html 파일은 확실히 개인pc에서도 결과화면을 볼 수 있습니다. 하지만 개인pc에 저장을 시킬 경우 다른 컴퓨터에서 확인을 할 수가 없습니다. 즉, 개인 pc에서만 웹 페이지를 볼 수 있는 것이지요. 그래서 다른 컴퓨터에서는 작업을 할 수가 없을 뿐더러 다른 이들에게 보여줄 수도 없지요.^^ (물론 여러분의 pc에 서버프로그램을 설치하면 외부에서도 여러분의 컴퓨터에 접속을 할 수 있기 때문에 가능합니다.)
 또 다른 이유는 여러분께서 나중에 제로보드나 php, asp, jsp 같은 cgi를 배울경우, 그땐 항상 서버에서 작업을 할 것이기 때문에 그때를 대비해서 지금부터 서버를 사용하는 연습을 하는 것입니다. 하지만 이런과정이 싫으신 분은 그냥 개인pc에서만 작업을 하셔도 상관없습니다. 작업한 파일을 나중에 한꺼번에 서버에 올리시면 되니까요.^^



<참고 내용>

                                                                   
HTML문서 작성하기 기초

   

 <html>

  <head>
<title>제목</title>

  </head>

  <body>

    홈페이지 본문 내용

  </body>

 </html>

     

 1) HTML의 기본 형식

   1. <html>    html문서   </html>

   2. <head>   html문서에 대한 전반적인 정보와 메타태그   </head>

   3. <title>   웹 브라우저의 제목    </title>

   4. <body>    홈페이지 본문 내용     </body>


 2) HTML문서의 확장자 : 홈페이지 문서는 확장자형식이 HTML 또는 HTM 이어야한다.
 3) HTML 문서의 파일명 : 파일명은 영어이거나 숫자이어야 한다. 한글로 파일명을 작성하며 안 된다.