第 6 章 html 技术

99
第6第 HTML 第第

Upload: lamya

Post on 15-Jan-2016

89 views

Category:

Documents


0 download

DESCRIPTION

第 6 章 HTML 技术. 第 6 章 HTML 技术. 6.1 概述 6.2 提出问题 6.3HTML 的语法基础 6.4HTML 的制表 6.5 表单 6.6 框架和超级链接 6.7 字符控制 6.8 多媒体 6.9XHTML 简介. 6.1 概述. HTML 是英文 HyperText Markup Language 的缩写,中文含义是超文本标记语言。 - PowerPoint PPT Presentation

TRANSCRIPT

  • 6 HTML

  • 6 HTML 6.16.26.3HTML6.4HTML6.56.66.76.86.9XHTML

  • 6.1 HTMLHyperText Markup Language1990Tim Berners-Lee(European Laboratory for Particle Physics, CERN)InternetHTML1993Marc Andresson(National Center for Supercomputing Applications, NCSA)WWWWebMosaic Marc Andresson Netscape

  • 6.1 NetscapeMosaicMosaic MicrosoftInternet Explorer Internet ExplorerMosaic 199511Internet Engineering Task ForceWebHTML 2.0HTML+HTML3.0 1996World Wide Web Consortium (W3C)HTML1997HTML3.2HTML3.2HTMLHTML3.2

  • 6.1 1997HTML3.2HTML3.2HTMLHTML3.21999HTML 4.0HTMLHTML 4.0

  • 6.2 6. 6.16.1

  • 6.2 2. HTML6.26.2

  • 6.2 3. 6.2 HTML4.0

  • 6.3 HTML6.3.1 HTML6. HTMLHTML 4.0 /

  • 6.3.1 HTML HTML 2. bgcolorbgcolor

  • 6.3.1 HTML3. HTML 4. 6.1

  • 6.3.1 HTML6.1

  • 6.3.2 6. 6.1 6.4

    HTML! HTML

  • 6.3.2 6.4

  • 6.3.2 2. HTML6.5.htm.html

    HTML

    6.5

  • 6.3.2 HTML

  • 6.3.2 HTML6.23. ch6-6.htm 1

  • 6.3.2 1HTMLCSS(Cascsding Style Sheet)

    td {color:blue; /*td*/ font-family:_gb2312; /*td*/ } h2 {color:teal; /*h2*/ font-family:;} th,td,table {border:1pt solid purple;} /*th,td,table1pt*/ td.inner {border:none;} /*tdinner*/ font {font-size:8pt;} /*8pt*/

  • 6.3.2 tablethtdh2fontHTMLcolorfont-familyborderfont-size type 2 HTML

  • 6.3.2 XMLclassidididid 3 JavaScriptVBScriptJavaVisual BasicVBScript sub pre_onclick() if shirt.recordset.bof then shirt.recordset.moveLast end if end sub

  • 6.3.2 sub next_onclick() if shirt.recordset.eof then shirt.recordset.moveFirst end if end sub pre_onclick()next_onclick()prenext language 4

  • 6.3.2 CSS

    JavaScript

    HTMLGB2312:

  • 6.3.2 5 4. HTMLHTML bgcolorbackgroundtext

  • 6.3.2 1bgcolorrgb()redgreenblueyellowgraysilver16bgcolor=silver00~ff0~255#rrggbbrrggbb#ff0000#0000ff#fffffff#000000

  • 6.3.2 #f1984cbgcolor="#0000ff "# rgb(,,)rgb(255,0,0)rgb(0,255,0)rgb(255,255,255)rgb(123,210,34)rgb(224,224,224)ch6-6.htmbgcolor=#e0e0e0224e0 256=28282828=16777216824

  • 6.3.2 2backgroundbackground = "" backgroundbgcolor6.16.66.6

  • 6.3.2 3text 5. ~ ch6-6.htmHTML616h1,h2h6 6.2

  • 6.3.2

    (h1) (h2) (h3) (h4) (h5) (h6)

    ~alignleftcenterrightjustify6.7

  • 6.7 6.8 br6.3.2

  • 6. alignalign 6.3

    &nbspHTML6.2 &nbsp6.3

    6.3.2

  • 7. 6.1 1)src URL(Universal Resource Locator) : :6.3.2

  • HTML GIFJPEGXPMX Pix MapXBMX Bit MapWMFBMP GIFGIF JPEG22416777216 WMF6.3.2

  • 2)widthheightwidthheightwidthheightwidthheight3)align align6.24)altalt6.3.2

  • 6.2 align6.3.2

    absmiddleabsbottombaselinebottomcentermiddleleftrighttexttoptop

  • 6.4

    &nbsp&nbspbackground

    6.106.3.2

  • 6.10 6.3.2

  • 8. HTML 1 6.9 2 6.96.3.2

  • 3alignalign6.646.3.2

  • classCSSiddatasrcdatafldXML 5 classiddatasrcdatafldXML9. 1 HTMLMicrosoftVisual Studio .net 2008Macromedia6.3.2

  • DreamweaverEditPlusWindowsNotepad(Notepad) .htm .htmlch6-6.htmch6-6.htm6.3.2

  • 2Internet Explorer(IE)NetscapeCommunicator:\.htme:\xml\chapter6\ch6-6.htm6.46.3.2

  • 6.5 6.4.1

    8528354(010)63513529(0872)4123778

  • 8528354 6.4.1

  • (010)63513529 (0872)5123778

    6.11 6.11 6.4.1

  • 1. table table 1borderbordercolor border0bordercolor6.4.2

  • 2cellpaddingcellspacing cellpaddingl1cellspacing11 3widthheight 4bgcolorbackground alignalign 6.4.2

  • 2. aligntopbottom valigntopbottom3. (6.12)HMTL6.4.2

  • 6.4.2

    28137084066323113767320811

  • XSL4. tabletable alignbgcolorborderbordercolornowrapvalign nowrap6.4.2

  • valigntopmiddlebottom valign5. td 6.4.2

  • colspanrowspan colspan rowspan 6.4.2

  • 1. 6.6 6.13 126.4.3

  • 1. 6.6 6.13 12 P.1646.136.4.3

  • 2. background

    6.7 6.14.gif 6.14 6.4.3

  • ...... 6.156.4.3 6.16 6.15

  • 6.8 85%85%P.1656.166.4.3

  • 6.16.176.4.3

  • 1. formWebHTML6.5.1

  • form

    methodpostgetPostgetactionformURL

    6.5.1

  • 2. 6.18 6.9 6.18 formP.168~1706.186.5.1 6.18

  • 1. /typetype 6.3type6.5.2

  • valuesubmitreset name/name 6.5.2

  • 6.5.2 6.3 inputtype

    text passwordradiocheckboxfilehiddenimagebuttonsubmitreset

  • 2. HTML4.0 name sizemultiplemultiplemultiple6.5.2

  • 6.10 select select 6.106.19size11multiple6.5.2

  • 6.11 select DHTML DEMO 6.5.2

  • 6.206.19 6.10 6.20 6.11 6.5.2

  • 3. valuevalue selectedmultiple4. 6.5.2

  • HTMLrowscolscolsrows 6.5.2

  • 1. HTMLHTML 6.6.1

  • 2. 6.12 6.21 6.21 6.6.1

  • frameset.htm 6.6.1

  • title.htm

    menu.htm

    6.6.1

  • contents.htm

    Web HTML6.6.1

  • HTMLWeb

    frameset.htm6.216.6.1

  • 6.6.1 6.21

  • 1. rowscols 6.226.22(a)6.22(e) 6.22 (a)~ 6.22 (d)6.22 (e)~ 6.22 (h)6.6.2

  • 6.22 (a) (b) (c) (d) (e) (f) (g) (h)6.6.2

  • 6.22(a) 6.22(b) 6.6.2

  • 6.22(e) 6.22(f) 6.6.2

  • 2. srcnamehtm noresize 6.6.2

  • 3. frameset.htm 6.6.2

  • 1.a href xxx hrefhttp://www.xxx.comURLftp://gopher://mailto:6.6.3

  • E-mail(E-mail) targettarget target4 _blank _selftarget _topself _parent

    6.6.3

  • 2. name 6.13 anamech6-6.htm ! HTML 6.6.3

  • 6.23(a) 6.23(b) 6.6.3

  • 3. 6.216.12menu.htm

    6.6.3

  • href6.24 href6.244. 6.6.3

  • 6.6.3

  • 1. colorsizefacecolor6.2.2bgcolorsize1~717face6.7.1

  • 2. 6.7.1

  • 6.14

    () () (3) () (5) (,3,)

    6.256.7.1

  • 6.7.2 dldddtliulolmenu123 4discsquarecirclel123aabcAABCiiiiiiiivIIIIIIIIV5type6.25

  • disc6type6.476.4 ultype6.26

    circlediscsquareAaIi1

  • 6.15 6.26

    dldtdd ul,li ol,li

    6.26

  • 6.8.1 6.href.au.aiff.aif.wav.midmp2.mprg.mpg.mov.avi.doc.zipdocwordword6.16 6.276.27

  • 2. 6.16Internet3.6.16dynsrcloopstartIE4.SWFHTML.avi6.17 flash

    6.28 flash

  • 6.8.2marquee6.18

    SLIDESCROLLALTERNATE

    6.29