?6? HTML??????

1
?6? HTML??????
2
??????

• ????
• ????
• ??????
• ????

3
??????
4
HTML??

• HTML(Hyper Text Markup Language ???????)
• ????????????????????
• ?HTML??????????HTML???

5
HTML???????

• ??????
• ????,??.htm .html??
• ?????HTML? ? ?
• Frontpage?Dreamweaver?
• ?Web ???( ??HTTP ???) ? ?????????

6
??????

1. .htm?.html
2. ???
3. ?????(????),???????_,?????????
4. ?????
5. ????????index.htm ? index.html

7
HTML ????

• lthtmlgt...lt/htmlgt
• ltheadgt...lt/headgt
• ltbodygt...lt/bodygt
• ???HTML????????????????,????????????????(?ltbodygt)
  ,?????????(?lt/bodygt)????????????????,?????????????
  ?????????

8
HTML ????(Document Structures)

• ltHTMLgt
• ltHEADgt
• lttitlegtlt/titlegt
• ltmetagt
• lt/HEADgt
• ltBODYgt
• HTML ?????
• lt/BODYgt
• lt/HTMLgt

9
?????(01.htm)

• lthtmlgt
• ltheadgt
• lttitlegtmy first pagelt/titlegt
• lt/headgt
• ltbodygt
• ?????????
• This is my first homepage!
• lt/bodygt
• lt/htmlgt

10
??????HTML????

• HTML????????????,????????????????????????????????lt
  gt?,???????????????????????

11
?????(02.htm)

• lthtmlgt
• ltheadgt
• lttitlegtmy first pagelt/titlegt
• lt/headgt
• ltbodygt
• ltp align"center"gtThis is my first
  homepage!lt/pgt
• lt/bodygt
• lt/htmlgt

12
??????
13

• HEAD??1 ltheadgt?????????????ltheadgt?lt/headgt??????
  ????????????,????????????????
• lttitlegt
• lttitlegt????HTML??????lttitlegt?lt/titlegt?????????????
  ??????(2-1.html)

14
ltbodygt???????

• ltbodygt?????HTML?????????ltbodygt?lt/bodygt??,?????????
  ?????????????HTML????????
• (2-2.html)

15
ltbodygt???????2

• ltbodygt??????????
• (1)bgcolor
• bgcolor????HTML?????????bgcolor"CCFFCC"?
• (2-3.html)

16
HTML??????

• HTML??????????????HTML??16???RGB???????????
• 16 ?????? 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

17
???????
?? ????RGB?
?? Black000000
?? Silverc0c0c0
?? Redff0000
?? Blue0000ff
?? Whiteffffff
?? Yellowffff00
?? Green00ff00
??? Aqua00ffff
18
ltbodygt???????3

• ltbodygt??????????
• (2)background
• background????HTML?????????backgroundimages/bg.
  gif"?
• ??????????GIF,JPG

19
ltbodygt???????4

• ltbodygt??????????
• (3)bgpropertiesfixed
• bgpropertiesfixed??????????,????????????????

20
ltbodygt???????5

• ltbodygt??????????
• (4)text
• text????HTML???????????textFF6666?Text???????
  ?????????

21
ltbodygt???????6

• ltbodygt??????????
• (5)??????
• link?vlink?alink???????????????????????????????

22
ltbodygt???????7

• ltbodygt??????????
• (6) leftmargin?topmargin
• ?????????????????????leftmargin"20"
  topmargin"30"

23
??????

• ltmetagt??
• ltmetagt?????????????????????????
• ltmeta name"keywords" content"study,computer"gt
• ????????????????????????

24
??????-2

• ltmetagt??
• ltmeta nameauthor content??"gt
• ??????????

25
??????-3

• ltmetagt??
• ltmeta http-equivContent-Type
  contenttext/html charsetgb2312gt
• ??????????????

26
??????-4

• ltmetagt??
• ltmeta http-equivrefresh content5URLhttp//w
  ww.nju.edu.cngt
• ????????

27
??????HTML??

• HTML???????????????????????
• HTML??????lt!-- ???? -- gtlt!--?????? -- gt

28
????????
29
????

• ltH1gt lt/H1gt
• .
• ltH6gt lt/H6gt
• (2-4.html)

30

• ????
• ltfont sizegt ... lt/fontgt
• 1, 2, 3, 4, 5, 6, 7 or , -
• ????
• ???? ltfont colorgt ... lt/fontgt
• RRGGBB 16 ????
• ????
• ltfont face, , ..., gt ... lt/fontgt?????????
  
• (2-5.html)

31
???????

• ????
• ?(Paragraph) (???????) ltpgt
• ??
• ?????nbsp
• ?2-6.html

32
?????

• lthr size gt????
• lthr widthgt????
• lthr aligngt?????? left, right
• lthr colorgt ??????
• lthr noshadegt ?????????
• ?2-7.html

33
???????

• ltigt????lt/igt
• ltbgt????lt/bgt
• ltugt?????lt/ugt
• ltsgt?????lt/sgt
• ?2-8.html

34

• ??--- ltcentergt??
• ltcentergt????????????????????????????ltpgt????align
  center??
• ??ltcentergt????lt/centergt

35
??????
36
????????

• ??????ltulgt?ltligt?????
• ltulgt
• ltligtsportslt/ligt
• ltligt food lt/ligt
• ltligt drink lt/ligt
• ltligt friends lt/ligt
• lt/ulgt

37

• ????????????? ltulgt???type??,???????type??????????
  ??????,type???????disc(?)?circle(??)?square(??)

38
????

• ?????ltolgt?ltligt??
• ltolgt
• ltligtsportslt/ligt
• ltligt drinklt/ligt
• ltligt friendslt/ligt
• lt/olgt

39

• ltolgt???????type??,type???????1?A?a?I?i??
• ltolgt??????????????,??????????????5,???1,?????ltolgt?
  ??start??

40
????

• ltdlgt
• ltdtgt??1
• ltddgt??1
• ltdtgt??2
• ltddgt??2
• ltdtgt
• ltddgt??3
• lt/dlgt
• (2-9.html)

41
????

• 2-10.html