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 문서의 파일명 : 파일명은 영어이거나 숫자이어야 한다. 한글로 파일명을 작성하며 안 된다.
                                                                           
                                                                   


Trackback 0 And Comment 17

Trackback http://www.imlcc.com/trackback/7 관련글 쓰기

  1. kb 2009/04/13 17:41 address edit & del reply

    오늘도 강의 잘 보고있습니다..^^
    그런데 http://www.log.pe.kr/132 이 사이트가 안 열리네요.
    다른 사이트 소개 부탁드려도 될까요?

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/04/13 23:23 address edit & del

      댓글달아 주셔서 감사합니다.^^
      항상 댓글을 볼 때마다 많은 힘이 되네요..^^
      그리고 본문에서 링크는 수정했습니다.
      http://blog.naver.com/hipjun/20056367288
      로 가시면 웹컬러를 보실 수 있을 겁니다..^^
      그럼 열공하세요~~~~~

  2. lws 2009/07/29 11:06 address edit & del reply

    강의 정말 짧고 너무 귀에 쏙쏙들어와요-0-ㅋㅋ
    최고입니다!ㅋ

    아 그리고요 배경색은 바꾸는데 글씨색은 어떻게 바꾸나요?

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/07/29 22:06 address edit & del

      안녕하세요^^ 좋게 평가해 주셔서 감사합니다~~

      글씨색은

      http://www.imlcc.com/10

      를 보시면 아실 수 있을 겁니다~~~ㅋㅋ

  3. Q 2009/08/05 12:50 address edit & del reply

    따라하면서 하니까 정말 좋네요..쉽게 설명해주시구요 ㅎㅎ
    질문이 하나...이미지파일 올릴때요...올라가는것도 있고 안올라가는것도 있고한데 왜 그럴까요...
    사진이름 영어 숫자로 바꿨구요...대문자 소문자 가렸구요..경로폴더도 썼는데...
    디카사진 좀 배경으로 올려볼까 했는데 안되네요...

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/08/05 22:58 address edit & del

      안녕하세요~~~^^ 일단 Q님의 질문에 답변을 드리고 싶으나 Q님의 질문이 구체적으로 무엇인지 잘 모르겠습니다..ㅜ.ㅜ 아래 제가 적은 질문들을 참고하셔서 다시 질문을 해주신다면 제가 아는 한 최선을 다해서 알려드리겠습니다~~~^^

      이미지가 안 올라간다는 말은 FTP로 안 올라간다는 말씀인가요? 만약 그렇다면 FTP로 이미지를 업로드 했는데 웹상에서 이미지가 안보인다는 것인가요 아니면 업로드 자체가 안되다는 말씀이신가요? 그리고 이미지 파일의 확장자는 무엇인가요?

  4. 칠숙 2009/10/08 13:48 address edit & del reply

    강의 잘보고 있읍니다
    인터넷이 일케 좋은줄은....님의 강의 듣고 새삼...
    너무 감사해요...

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/10/08 23:27 address edit & del

      안녕하세요 칠숙님~~방갑습니다...ㅋㅋㅋ

      좋게 평가해주셔서 감사합니다...

      자주 들려주세요~~~~

  5. Favicon of http://cctvtime.co.kr BlogIcon 밥중독 2009/10/09 18:54 address edit & del reply

    오늘 처음 보았습니다.
    필요한 자료 검색중에...

    정말 좋은 강의를 들을 수 있어서 너무 좋았습니다.
    앞으로 자주 방문 드리겠습니다.

    무지한 사람들에게 좋은 지식을 나누어 주시는 모습에 감동했습니다.

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/10/09 22:10 address edit & del

      안녕하세요 방갑습니다...^^

      좋게 평가해주셔서 감사합니다...

      그런데 쇼핑몰을 운영하시나요? 번창하시기 바랍니다..

  6. 2009/10/10 12:15 address edit & del reply

    비밀댓글입니다

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/10/10 19:30 address edit & del

      안녕하세요 감사합니다....도움이 되셨다니 저도 기분이 좋네요..

      나중에 CCTV나 피아노 필요할 일 있으면 꼭 연락드리겠습니다..

      사업 번창하세요~~~~^^

  7. Favicon of http://englishacme.co.kr BlogIcon 춘애 2009/10/29 12:15 address edit & del reply

    알 ftp에서 서버로 연결은 되는데요.. 메모장에 html문서 작업한것을 저장하고 업로드 하여 인터넷 저의 서버에서 확인하기가 안됩니다. 없는 주소이거나 파일 경로를 확인하라는 메세지가 뜹니다. 왜그런지요?
    제 웹호스팅 주소는 chun1171.hosting.paran.com인데요... 메모장에 저장후 업로드하여 chun1171.hosting.paran.com/html/chun(메모장 파일명).html 이라고 인터넷 주소창에 치면 제가 메모장에 저장한 내용이 보여야 하는것이 맞는거죠?
    강의에서 말씀대로 제 컴퓨터에서는 실행이 됩니다.. 인터넷에서 안되요..

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/10/29 20:36 address edit & del

      안녕하세요 춘애님~~

      제가 생각하기에 춘애님께서 url을 잘못 입력하신 것 같습니다..

      html 파일의 정확한 위치한 확인해 보시기 바랍니다...

      즉 ftp로 접속해서 서버의 html 폴더 안에 html 파일이 제대로 올라갔는지 확인해 보시기 바랍니다... 많은 분들이 파일의 경로를 헷갈려 하시더라구요....
      그리고 파일명도 한 번 확인해 보시구요..
      지금상황에선 해드릴 수 있는 답변이 이것밖에 없네요...

  8. 김필열 2009/11/06 17:30 address edit & del reply

    일케 좋은 강의를 해주시어 감사합니다.

    • Favicon of http://www.imlcc.com BlogIcon vonzone 2009/11/08 22:37 address edit & del

      네~~ 자주 들려주세요^^

  9. 이순신 2010/05/22 21:51 address edit & del reply

    차근차근 좋은강의에요~ 다음강의보러갑니다 ㅎ

prev | 1 ... | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 ... | 199 | next