Presentation is loading. Please wait.

Presentation is loading. Please wait.

목록관련 태그 오산대학 컴퓨터정보과 김 영 권. 태그와 태그 태그와 태그 q 태그 4 unorderlist 4 순서 없는 목록 q 태그 4 orderlist 4 순서 있는 목록 4A( 알파벳 대문자 ), a( 알파벳 소문자 ), I( 로마숫자 대문자 ), i( 로마숫자.

Similar presentations


Presentation on theme: "목록관련 태그 오산대학 컴퓨터정보과 김 영 권. 태그와 태그 태그와 태그 q 태그 4 unorderlist 4 순서 없는 목록 q 태그 4 orderlist 4 순서 있는 목록 4A( 알파벳 대문자 ), a( 알파벳 소문자 ), I( 로마숫자 대문자 ), i( 로마숫자."— Presentation transcript:

1 목록관련 태그 오산대학 컴퓨터정보과 김 영 권

2 태그와 태그 태그와 태그 q 태그 4 unorderlist 4 순서 없는 목록 q 태그 4 orderlist 4 순서 있는 목록 4A( 알파벳 대문자 ), a( 알파벳 소문자 ), I( 로마숫자 대문자 ), i( 로마숫자 소문자 ) q 태그 4 List Item 4 태그 생략 가능

3 순서 있는 목록 <HTML><HEAD> 순서 있는 목록 순서 있는 목록 </HEAD><BODY> 좋아하는 것 사과 사과 딸기 딸기 바나나 바나나</ol></BODY></HTML>

4 순서 있는 목록 ( 결과 )

5 순서 없는 목록 <HTML><HEAD> 순서 있는 목록 순서 있는 목록 </HEAD><BODY> 좋아하는 것 사과 사과 딸기 딸기 바나나 바나나</ul></BODY></HTML>

6 순서 없는 목록 ( 결과 )

7 번호가 없는 목록 만들기 <HTML><HEAD> 목록 만들기 목록 만들기 </HEAD><BODY> 유용한 검색 사이트 <UL> 네이버 (http://www.naver.com) 네이버 (http://www.naver.com) 엠파스 (http://www.empas.com) 엠파스 (http://www.empas.com) 야후 (http://kr.yahoo.com) 야후 (http://kr.yahoo.com)</UL><BR> 유용한 신문 사이트 <UL> 동아일보 (http://www.donga.com) 동아일보 (http://www.donga.com) 중앙일보 (http://www.joins.com) 중앙일보 (http://www.joins.com) 조선일보 (http://www.chosun.com) 조선일보 (http://www.chosun.com)</UL></BODY></HTML>

8 번호가 없는 목록 만들기 (2-11 : 결과 )

9 번호가 있는 목록 관리하기 <HTML><HEAD> 목록 만들기 목록 만들기 </HEAD><BODY> 방송사 홈페이지 <OL><Li>KBS(http://www.kbs.co.kr)<Li>MBC(http://www.imbc.com)<Li>SBS(http://www.sbs.co.kr)<Li>ITV(http://www.itv.co.kr)</OL><BR> 번호의 모양 <OL> A, B, C 순서의 번호 A, B, C 순서의 번호 a, b, c 순서의 번호 a, b, c 순서의 번호 I, II, III 순서의 번호 I, II, III 순서의 번호 i, ii, iii 순서의 번호 i, ii, iii 순서의 번호</OL></BODY></HTML>

10 번호가 있는 목록 관리하기 (2-12 : 결과 )

11 번호가 있는 목록과 없는 목록을 함께 사용하기 <HTML><HEAD> 목록 만들기 목록 만들기 </HEAD><BODY> 웹사이트 제작에 필요한 기술 <OL> 웹디자인 웹디자인 포토샵 포토샵 일러스트 일러스트 드림위버 드림위버 플래시 플래시 웹프로그래밍 웹프로그래밍 자바스크립트 자바스크립트 ASP ASP XML XML </OL></BODY></HTML>

12 번호가 있는 목록과 없는 목록을 함께 사용하기 ( 결과 )

13 정의된 내용을 목록처럼 나타내기 <HTML><HEAD> 목록 만들기 목록 만들기 </HEAD><BODY><DL><DT>HTML HyperText Markup Language HyperText Markup Language<DT>VRML Virtual Reality Modeling Language Virtual Reality Modeling Language</DL></BODY></HTML>

14 정의된 내용을 목록처럼 나타내기 ( 결과 )

15 연습문제 <HTML><HEAD> 컴퓨터정보계열 컴퓨터정보계열 </HEAD><BODY> 정보화사회의 주역이 될 컴퓨터 전문인력 양성이 교육목표이다. 교육과정 교육과정 <OL> 소프트웨어에 대한 기초적 지식과 능력 배양 소프트웨어에 대한 기초적 지식과 능력 배양 다양한 프로그래밍 언어 습득 다양한 프로그래밍 언어 습득 실무능력 배양 실무능력 배양 지속적이고 개별적인 학생지도 지속적이고 개별적인 학생지도 </BODY></HTML>

16 연습문제 ( 결과 )

17 연습문제 <HTML><HEAD> 컴퓨터정보계열 컴퓨터정보계열 </HEAD><BODY> 정보화사회의 주역이 될 컴퓨터 전문인력 양성이 교육목표이다. 교육과정 교육과정 소프트웨어에 대한 기초적 지식과 능력 배양 소프트웨어에 대한 기초적 지식과 능력 배양 다양한 프로그래밍 언어 습득 다양한 프로그래밍 언어 습득 실무능력 배양 실무능력 배양 지속적이고 개별적인 학생지도 지속적이고 개별적인 학생지도<OL></BODY></HTML>

18 연습문제 ( 결과 )

19 연습문제 <HTML><HEAD> 컴퓨터정보계열 컴퓨터정보계열 </HEAD><BODY> 정보화사회의 주역이 될 컴퓨터 전문인력 양성이 교육목표이다. 교육과정 교육과정 소프트웨어에 대한 기초적 지식과 능력 배양 소프트웨어에 대한 기초적 지식과 능력 배양 다양한 프로그래밍 언어 습득 다양한 프로그래밍 언어 습득 실무능력 배양 실무능력 배양 지속적이고 개별적인 학생지도 지속적이고 개별적인 학생지도 </BODY></HTML>

20 연습문제 ( 결과 )

21 연습문제 <HTML><HEAD> 컴퓨터정보계열 컴퓨터정보계열 </HEAD><BODY> 정보화사회의 주역이 될 컴퓨터 전문인력 양성이 교육목표이다. 교육과정 교육과정 소프트웨어에 대한 기초적 지식과 능력 배양 소프트웨어에 대한 기초적 지식과 능력 배양<ul> HTML&JavaScript HTML&JavaScript Visual Basic Visual Basic Java Java</ul> 다양한 프로그래밍 언어 습득 다양한 프로그래밍 언어 습득 실무능력 배양 실무능력 배양 지속적이고 개별적인 학생지도 지속적이고 개별적인 학생지도</OL></BODY></HTML>

22 연습문제 ( 결과 )

23 연습문제 <HTML><BODY> 저자 신문섭이 지은 책 저자 신문섭이 지은 책 <UL> HTML+ 자바스크립트 30 일 완성 HTML+ 자바스크립트 30 일 완성 비주얼베이직 6 30 일 완성 비주얼베이직 6 30 일 완성 비주얼베이직 6 시작 그리고 완성 비주얼베이직 6 시작 그리고 완성 콘택트 ASP3 콘택트 ASP3 </UL></FONT></BODY></HTML>

24 연습문제 ( 결과 )

25 연습문제 <HTML><BODY> 저자 신문섭이 지은 책 저자 신문섭이 지은 책 비주얼베이직 6 시작 그리고 완성 비주얼베이직 6 시작 그리고 완성 콘택트 ASP3 콘택트 ASP3 </OL> 비주얼베이직 6 시작 그리고 완성 비주얼베이직 6 시작 그리고 완성 콘택트 ASP3 콘택트 ASP3 </OL> 비주얼베이직 6 시작 그리고 완성 비주얼베이직 6 시작 그리고 완성 콘택트 ASP3 콘택트 ASP3 </OL> 비주얼베이직 6 시작 그리고 완성 비주얼베이직 6 시작 그리고 완성 콘택트 ASP3 콘택트 ASP3 </OL> 비주얼베이직 6 시작 그리고 완성 비주얼베이직 6 시작 그리고 완성 콘택트 ASP3 콘택트 ASP3 </OL></BODY></HTML>

26 연습문제 ( 결과 )


Download ppt "목록관련 태그 오산대학 컴퓨터정보과 김 영 권. 태그와 태그 태그와 태그 q 태그 4 unorderlist 4 순서 없는 목록 q 태그 4 orderlist 4 순서 있는 목록 4A( 알파벳 대문자 ), a( 알파벳 소문자 ), I( 로마숫자 대문자 ), i( 로마숫자."

Similar presentations


Ads by Google