1 / 22

HTML 1 장 HTML 이란 ? 2 장 html 의 기본 구조 익히기 3 장 글자 형식 및 문단 관련 태그 사용하기

HTML 1 장 HTML 이란 ? 2 장 html 의 기본 구조 익히기 3 장 글자 형식 및 문단 관련 태그 사용하기. 허하나 - ilovell - @ hanmail.net 군산대학교 정보통계학과 정보과학기술 연구실 2011.06.27. 목차. 1. Html 이란 ? 2. Html 의 기본 구조 익히기 3. 글자 형식 및 문단 관련 태그 사용하기. 1.Html 이란 ? (1/1). * Asp ; 윈도우 서버기반에서 웹페이지 만들기위해 사용하는 언어

terri
Download Presentation

HTML 1 장 HTML 이란 ? 2 장 html 의 기본 구조 익히기 3 장 글자 형식 및 문단 관련 태그 사용하기

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML1장 HTML이란?2장 html의 기본 구조 익히기3장 글자 형식 및 문단 관련 태그 사용하기 허하나 -ilovell-@hanmail.net 군산대학교 정보통계학과 정보과학기술 연구실 2011.06.27

  2. 목차 1. Html 이란? 2. Html의 기본 구조 익히기 3. 글자 형식 및 문단 관련 태그 사용하기 IST (Information Sciences & Technology) Laboratory

  3. 1.Html이란? (1/1) * Asp ; 윈도우서버기반에서 웹페이지만들기위해 사용하는 언어 *Php ; 리눅스 서버기반에서 웹페이지만들기위해 사용 언어 Jsp:html내 자바 코드를 삽입하여 웹서버에서 동적으로 웹 페이지를 생성 클라이언트 <사용자> 웹서버 홈페이지를 제작하기 위한 많은 언어들 가운데 하나 Asp, php, jsp와 같은 언어가있음 웹서버와클라이언트 사이에 정보주고받기위하여사용 html 문서로 서비스제공 정보요청 IST (Information Sciences & Technology) Laboratory

  4. 1.Html의 기본 구조 익히기 (1/7) (예) <TITLE>…</TITLE>, <BODY>…</BODY>, <FONT>…</FONT>등 (예) <P> , <BR>, <HR> (예)SAM.HTM (=SAM.HTML) , TEST.HTM (=TEST.HEML) (예) <TITTLE>…</TITTLE>, <tittle>…</tittle> tag*(태그) : 문서를 구성과 ,작업 지시 명령어 웹브라우저 : 태그들을 번역하여 그에 해당하는 동작 시작태그”<태그이름>” 닫는태그”</태그이름>” 닫는태그가없는 예 문서를 저장할땐 반드시 확장자이름을“.HTM”또는 “.HTML”로지정 HTML 태그들은 대 소문자를 구분하지 않음 IST (Information Sciences & Technology) Laboratory

  5. 2. Html의 기본 구조 익히기(2/7) <HTML>…</HTML> 시작과 끝을 나타내는 태그 <HTML>안에서 사용되는 태그 : <BODY>.<HEAD> 반드시 <HEAD> 태그가 <BODY>앞에 나타나야 함 IST (Information Sciences & Technology) Laboratory

  6. 2. Html의 기본 구조 익히기 (3/7) <title>…</title> 제목표시줄에 나타남 <body>…</body> IST (Information Sciences & Technology) Laboratory

  7. 2.Html의 기본 구조 익히기(4/7) 1. back ground 옵션 ; 배경삽입 <body background=“a”> IST (Information Sciences & Technology) Laboratory

  8. 2. Html의 기본 구조 익히기(5/7) Bgcolor옵션 ; 배경 색상 <body bgcolor=“a”> a= #RGB 또는 색상의 영문 표기 Text 옵션 IST (Information Sciences & Technology) Laboratory

  9. 2. Html의 기본 구조 익히기(6/7) 특수문자 삽입 방법 1: asc2 코드에 의해 특수문자 표기 &# 10진수표시 주석문: html문서에 임의의 참고 내용을 표시하고자할때 사용 <br> : 강제로 줄 넘김 태그 <nobr>.. </nobr> : 줄을 넘지기못하도록함 IST (Information Sciences & Technology) Laboratory

  10. 2. Html의 기본 구조 익히기(7/7) <hr> : 선을 긋기위한 태그 <hrsize=“a” width=“a” align=“b” noshade> a : pixel 수 또는 백분율(%) B : left, center, right Size/ width 옵션 Size : 선의 두께 설정 With : 선의 너비 Align 옵션 ; 어떤 위치에 표시 Noshade옵션 ; 음영 벗는 선 IST (Information Sciences & Technology) Laboratory

  11. 3. 글자 형식 및 문단 관련 태그 사용하기(1/11) 글자 크기에 관한 태그 <hn> … </hn> : 제목에해당하는 글자 <h “a” align=“b”> .. </h a> a ; 1~6까지의숫자 , b ; left, center, right IST (Information Sciences & Technology) Laboratory

  12. 3. 글자 형식 및 문단 관련 태그 사용하기(2/11) <font> … </font> : 임의로 크기조절가능 <font size=”a”> … </font> a ; 글자크기(1-7) 또는 + ,- <big> … </big> / <small> … </small> IST (Information Sciences & Technology) Laboratory

  13. 3. 글자 형식 및 문단 관련 태그 사용하기(3/11) <acronym> … </acronym> <acronym title= “a” > b </acronym> a; 마우스를 가져갔을 때 표시할 원문 b; 웹브라우저에 표시할 약자 <address>..</address>; <b>..</b>; <cite>..</cite>; <code>..</code>; <del> .. </del> IST (Information Sciences & Technology) Laboratory

  14. 3. 글자 형식 및 문단 관련 태그 사용하기(4/11) <den>..</den>; <em>..</em>; <i>..</i>; <ins>..</ins <kbd>..</kbd> <samp>..</samp> IST (Information Sciences & Technology) Laboratory

  15. 3. 글자 형식 및 문단 관련 태그 사용하기(5/11) <strike>..</strike> <STRONG>..</STRONG> <sub>..<sub> <sup>..<sup> <tt>..</tt> <u>..</u> <var>.. </var> IST (Information Sciences & Technology) Laboratory

  16. 3. 글자 형식 및 문단 관련 태그 사용하기(6/11) Color 옵션 <fontcolor=“a”>…</font> a=:#rgb또는색상의 영문표기 IST (Information Sciences & Technology) Laboratory

  17. 3. 글자 형식 및 문단 관련 태그 사용하기(7/11) <blockquote>…</blockquote>,<q>…</q>;인용구 IST (Information Sciences & Technology) Laboratory

  18. 3. 글자 형식 및 문단 관련 태그 사용하기(8/11) <pre>…</pre> <listing>…</listing> <xmp>…</xmp> IST (Information Sciences & Technology) Laboratory

  19. 3. 글자 형식 및 문단 관련 태그 사용하기(9/11) <p>…</p> ; 문단을나타냄, 태그 중복사용안됨 <p align=“a”>…</p> a; center, left , right IST (Information Sciences & Technology) Laboratory

  20. 3. 글자 형식 및 문단 관련 태그 사용하기(10/11) <div>…</div> ; 중복사용가능, 정렬할때사용 <div align=“a”>…</div> a; left, center, right IST (Information Sciences & Technology) Laboratory

  21. 3. 글자 형식 및 문단 관련 태그 사용하기(11/11) <center>…</center>; 가운데 정렬 IST (Information Sciences & Technology) Laboratory

  22. 감사합니다-ilovell-@hanmail.net허하나

More Related