HTML 소스코드

2011년에 HTML공부시에 책에 딸려있던 소스코드입니다.

책은 이미버려서 어느책의 내용인지는 모르겠는데.. 

모든소스코드랑 차례를 첨부하니 원하는부분을 간단하게 참고해도 될거같으니 올려둡니다!

소스코드 다운로드 :

HTML 소스.zip

예제

2장

1. HTML 기본구조
2. 단락제목
3. 단락과 줄
4. 다양한 텍스트 표현
5. 목록
6. 테이블
7. 테이블의 장식
8. 테이블 고급
9. div와 span
10. 문서구조화

3장

1. ex300_start.html
2. ex301_external
3. ex302_internal
4. ex303_iframe
5. ex304_images
6. ex305_audio1
7. ex306_audio2
8. ex307_video1
9. ex308_video2

4장

1. ex401_start
2. ex402_text
3. ex403_button
4. ex403_choice
5. ex404_file
6. ex404_group
7. ex404_label
8. ex405_adv-text
9. ex405_date
10. ex405_dtime
11. ex405_reserve
12. ex406_color
13. ex406_datalist
14. ex406_purchase

5장

1. ex501_start1
2. ex502_start2
3. ex503_cascading
4. ex504_internal
5. ex505_external
6. ex506_inline
7. ex507_classID
8. ex508_pseudo
9. ex509_context
10. ex510_font
11. ex511_text
12. ex512_background
13. ex513_box
14. ex514_border
15. ex514a_bordertype
16. ex515_display

6장

1. ex611liststyle
2. ex612listpos
3. ex613tablelayout
4. ex613tablelayout(2)
5. ex614tableborder(a)
6. ex614tableborder(b)
7. ex614tablecaption
8. ex620_layout
9. ex621_position
10. ex622_zindex
11. ex623_float
12. ex624_size
13. ex625_overflow
14. ex631_border
15. ex632_boxshadow
16. ex633_opacity
17. ex641_transition0
18. ex641_transition1
19. ex642_transform
20. ex643_animation

7장

1. 예제

8장

1. ex0801_welcomejavascript
2. ex0802_variable
3. ex0803_typeconv
4. ex0804_screenoutput
5. ex0805_alert
6. ex0806_confirm
7. ex0807_prompt
8. ex0808_ifloop
9. ex0809_switch
10. ex0810_datemath
11. ex0811_array
12. ex0812_arraymethod
13. ex0813_object
14. builtin
15. method

9장

1. ex0901_domtree
2. ex0902_domacess
3. ex0903_window
4. ex0904_navigator
5. ex0905_eventhandling
6. ex0906_formhandling
7. ex0907_changecontents
8. ex0908_cssaccess
9. ex0909_changebackground
10. ex0910_changeposition
11. ex0911_changevisibility

10장

1. ex1001_lineto
2. ex1002_rect
3. ex1003_arc
4. ex1004_curve
5. ex1005_linedeco
6. ex1006_shapedeco
7. ex1007_image
8. ex1008_text
9. ex1009_composite
10. ex1010_transform
11. ex1011_dataURL

11장

1. 위치정보 가져오기
2. 위치정보 추적하기
3. 비디오/오디오 제어하기
4. 요소 드래그하기
5. 요소 드롭하기
6. 드래그앤드롭 사용하기

12장

1. 로컬스토리지 사용하기
2. 세션스토리지 사용하기
3. 스토리지 이벤트
4. 파일정보 가져오기
5. 파일 읽기

13장

1. 예제

예제 실행하기

• 예제 중 일부는 보안 문제로 웹 서버 필요. 웹 서버 실행하기 항목을 실행 후 결과를 확인하면 됨.

웹 서버 실행하기

Window

• mongoose
• 실행하기
  1. 프로그램 다운로드
  2. 실행파일 실행
  3. 웹 브라우저에서 http://localhost:8080 접근
• 만약 컴퓨터의 다른 프로그램이 8080 포트를 사용하고 있는 경우에는 프로그램 설정에서 포트 번호 변경

Linux / Mac

• 다음 명령어 실행(python 필요)

  python -m SimpleHTTPServer

• 포트 기본값은 8000임

• 만약 다른 포트로 변경하고자 하는 경우는 다음 명령어 실행 (예제는 8080 포트)

  python -m SimpleHTTPServer 8080