《html元素与属性列表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

HTML元素与属性列表http://waxdoll.cnblogs.comHTML元素与属性列表AListofHTMLElements&Attributes《网页设计基础》课程资源摘要这份材料列举了《网页设计基础》这门课程前8次课介绍过的所有HTML元素与属性。其实，我们学习HTML元素就是学习两个东西：元素名和属性对。你需要知道有哪些元素名，它们的作用分别是什么，每种元素有哪些主要属性，每个属性的作用是什么，这些属性的属性值是如何进行设置的。这份材料对这些问题都进行了较为详细的回答。对于每个元素来说，材料从元素名、中文名称、英文全称、DW名称、类别、上级元素、示例和描述等几个方面进行了相应的说明。其中，英文全称是为了让大家更好地记忆元素名；为了方便以后在Dreamweaver中使用这些元素，材料提供了元素在DW中的可能名称；类别用于区分元素属于区块元素还是内联元素，对于空元素也会在其中进行标示；通常情况下，元素应该包含在其上级元素的开始和结束标签之内。对于未介绍属性的元素，材料在介绍元素的时候直接给出可能的示例；对于介绍过主要属性的元素，其属性单独列表，并对其作用以及可能的属性值进行了详细的说明，示例也是结合具体的属性设置才给出的。对于这份列表，我的建议是：打印出来，仔细阅读，将给出的所有示例亲手输入到记事本中，并保存网页，在浏览器中查看结果。事实上，这些内容是相对比较简单的，但要花时间去练习，希望在对这些元素及属性进行练习之后，你会有“原来是这样”的感觉。由于内容较多，整理的时间较长，校对次数有限，其中难免出现错误，任何问题或建议，请直接告知我或发邮件至cumtzzp@163.com。目录 《网页设计基础》课程资源1目录2html1head1title1body1meta2meta元素的主要属性2b2i3tt3strong3em3code4kbd4sub4sup4u5s5br5font6font元素的主要属性6a6a元素的主要属性7img8img元素的主要属性8p9blockquote9address9hn9hr10 hr元素的主要属性10pre11li11ul11ul元素的主要属性12ol12ol元素的主要属性12dt13dd13dl13td14td元素的主要属性14th16tr16tr元素的主要属性17caption18caption元素的主要属性18thead18tbody19tfoot19table19table元素的主要属性19input21input元素的主要属性22inputtype="text"22inputtype="text"元素的主要属性22inputtype="radio"24inputtype="radio"元素的主要属性24inputtype="button"25inputtype="button"元素的主要属性25option25 option元素的主要属性25select26select元素的主要属性26textarea26textarea元素的主要属性27form27form元素的主要属性27frame28frame元素的主要属性28frameset28frameset元素的主要属性29noframes29html元素名html中文名称英文全称Hyper-TextMarkupLanguageDW名称DW中自动生成类别顶级元素上级元素根元素，无上级元素描述HTML文档根元素。一个最简合法的HTML文档以标签开始，以标签结束。示例示例参见body元素后的“最简合法HTML文档”。head元素名head中文名称文档头英文全称DW名称DW中自动生成类别顶级元素上级元素html描 述设置文档头信息，包含用于设置文档显示标题的title元素、浏览器需要的设置信息、样式定义（或.css文件的引用）以及Javascript脚本（或.js文件的引用）。最简合法HTML文档必须包含该元素。示例示例参见body元素后的“最简合法HTML文档”。title元素名title中文名称标题英文全称DW名称DW中自动生成类别标题元素上级元素head描述用于设置HTML文档在浏览器中显示的标题。最简合法HTML文档必须包含该元素。示例示例参见body元素后的“最简合法HTML文档”。body元素名body中文名称主体英文全称DW名称DW中自动生成类别顶级元素上级元素html描述HTML文档在浏览器中显示时的可见部分，包含所有其它的最终会显示在浏览器中的元素，被包含的元素主要分为区块元素（block）和内联（inline）元素两种。示例最简合法HTML文档——meta 元素名meta中文名称英文全称DW名称Meta类别顶级元素；空元素上级元素head描述对HTML文档信息的设置。meta元素的主要属性属性名属性说明及属性值取值范围示例http-eqiuvhttp-equivalent的缩写。该属性用于指定HTTP头信息。该属性的设置需要和content结合在一起使用，直接记住下一个单元各种所列举的示例即可。①设置文档类型以及字符集：②设置文档在n秒后刷新到地址为yoururl的页面：name与content属性一起设置HTML文档需要的相关信息，如文档的关键词、描述、作者等。③对制作该网页的工具进行说明：④指定文档的关键词为“体育,篮球”：⑤设置网页或网站的描述性文字：⑥指出该网页或网站的作者为：“张三”：⑦指定是否允许网络爬虫/蜘蛛/机器人进行爬网：content用于指定由属性http-equiv或name指定的参数的参数值。见http-eqiuv和name属性示例。备注①对于meta元素，只要知道上面示例中的几种关于文档的设置就可以了； ②meta元素应该放在和之间。b元素名b中文名称粗体英文全称boldDW名称粗体类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为粗体。示例要显示为粗体的文本备注①不推荐在网页中使用该元素，将字体设置为黑体时使用strong元素。②对于内联元素来说，其上级元素可以是顶级元素或区块元素，甚至在内联元素之间也可以进行嵌套，下同。i元素名i中文名称斜体英文全称italicDW名称斜体类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为斜体。示例要显示为斜体的文本备注不推荐在网页中使用该元素，将字体设置为斜体时使用em元素。tt元素名tt中文名称电传打字体英文全称Tele-TypeDW名称打字型类别内联元素上级元素 描述将包含在其开始和结束标签中的文本显示为电传打字体。示例要显示为电传打字体的文本strong元素名strong中文名称加强英文全称DW名称加强加强|粗体类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为粗体，用于加强语气。示例要加强语气的文本em元素名em中文名称强调英文全称emphasizedDW名称强调强调|斜体类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为斜体，用于着重强调该文本。示例要加强语气的文本 code元素名code中文名称代码英文全称DW名称代码类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为代码（特殊英文字体显示）。示例varstrCode="Thisisatestcode.";kbd元素名kbd中文名称键盘英文全称keyboardDW名称键盘类别内联元素上级元素描述将包含在其开始和结束标签中的文本以等宽字体显示（特殊英文字体）。示例keyboardsub元素名sub中文名称下标英文全称subscriptDW名称类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为下标，如A1中的1。示例A=A₁+A₂+A₃ 备注DW对上标和下标的支持不好，建议直接切换到代码视图手工输入该元素。sup元素名sup中文名称上标英文全称superscriptDW名称类别内联元素上级元素描述将包含在其开始和结束标签中的文本显示为上标，如A2中的2。示例E=MC^{2<./sup>备注DW对上标和下标的支持不好，建议直接切换到代码视图手工输入该元素。u元素名u中文名称下划线英文全称underlineDW名称下划线类别内联元素上级元素描述为包含在其开始和结束标签中的文本添加下划线，如文本。示例要添加下划线的文本 s元素名s中文名称删除线英文全称strikethroughDW名称删除线类别内联元素上级元素描述为包含在其开始和结束标签中的文本添加删除线，如文本。示例要添加删除线的文本br元素名br中文名称软换行英文全称breaklineDW名称换行符类别内联元素；空元素上级元素示例第1行文本
第2行文本
第3行文本
第4行文本描述向网页中插入一个软换行，相当于在Word中按住Shift+Enter键插入一个段落内换行。 font元素名font中文名称字体英文全称DW名称类别内联元素上级元素描述通过向网页中添加该元素，并对其属性进行设置，可以指定文本的颜色、大小和字体（如宋体、隶书、幼圆）。font元素的主要属性属性名属性说明及属性值取值范围示例color该属性用于指定文本要显示的颜色，取值是一个Web颜色值。Web颜色值可以使用两种方法表示：①代表颜色的英文，如red代表红色；②代表RGB三个方向上的分量的六位十六进制数，如#FF0000同样代表红色。设置文本显示为红色：要显示为红色的文本要显示为红色的文本size该属性用于指定文本的大小，取值范围是[-6,-1]∪[1,7]∪[+1,+6]。face该属性用于指定文本以何种字体（宋体、隶书、幼圆等）显示，其属性值是系统中可能存在的字体的名称。使用宋体显示的文本首选使用字体“华文彩云”显示文本，若系统中该字体不存在，则使用“宋体”显示文本。备注多个属性同时设置可以使得文本同时具有多种样式，如文本在浏览器中显示时是一个4号的蓝色幼圆字体的文本。a元素名a中文名称超级链接英文全称anchorDW名称超级链接类别内联元素上级元素描述使用该元素向网页中插入一个超级链接。a元素的主要属性属性名属性说明及属性值取值范围示例hrefhref是HypertextReference的缩写，即在超文本引用其它文件。该属性的取值是一个URL，即要引用的文件的地址。①插入一个到百度的链接：百度②插入到相同文件夹中的一个.xls文件的链接：同目录下的一个Excel文件③插入到FTP站点上一个文件的链接：FTP站点上的一个文件 ④插入一个电子邮件链接：我的Email⑤插入一个到命名锚链的链接：命名锚链target用于指定要打开的链接到的文件的窗口位置。常用的属性值有_blank和_self，分别用于在新窗口和自身窗口中打开文件，不设置该属性则在自身窗口打开文件。对于框架网页来说，还可以通过指定该属性为frame元素的name属性值来在指定框架中打开文件。⑥在新窗口中打开new.htm：new.htm⑦在自身窗口打开new.htm：new.htmnew.htm⑧在name属性为new的框架中打开new.htm：new.htmnamename属性在HTML中一般用于指定元素的名称，如果对元素a指定该属性，则元素a被称为“命名锚链”（a即anchor，是锚链的意思），通常我们也称其为“书签”。在网页中插入命名锚链的目的是为了单击链接后快速达到文档的某个特定位置，而不需要拖动滚动条定为该位置的内容，方便用户的操作。其属性值是由设计人员定义的能够概括特定位置内容的简洁易记的字符串。在文档book.htm中插入一个命名锚链：第三章在文档book.htm插入一个直接到达第三章的链接：跳转到“第三章”插入一个直接到达第三章的链接：跳转到书的“第三章”备注超级链接回到页首可以直接跳转到一个文档的最前面，即滚动条的位置在最上方。 img元素名img中文名称图片英文全称imageDW名称图像类别内联元素；空元素上级元素描述使用该元素向网页中插入一幅图片。img元素的主要属性属性名属性说明及属性值取值范围示例srcsrc是source的缩写，即要插入图片的来源路径。该属性的取值是一个到指定图片的URL，即要插入的图片的路径。网页中允许插入的图片格式有JPG、GIF和PNG，对应的文件扩展名为.jpg或.jpeg、.gif和.png。①插入同一文件夹下的一个JPG图片：②插入名为images子文件夹下的图片jpgfile2.jpg：③插入名为上级文件夹下的图片jpgfile3.jpg：④插入一个GIF图片：⑤插入一个PNG图片：width& height这两个属性分别用于指定图片插入网页后使用的宽度和高度，如果不指定这两个属性，图片将以自身大小显示在网页中。两个属性的属性值都是一个长度：以像素(px)为单位的整数值。⑥不改变图片大小插入图片jpgfile.jpg⑦假设jpgfile.jpg原大小为400px×300px，以一半大小插入该图片：altalternativetext的缩写，即“替换文本”，该属性用于指定当图片无法显示时提示用户图片内容的替换文本。其属性值是一个由设计人员指定的可以描述图片内容的字符串。p元素名p中文名称段落英文全称paragraphDW名称段落类别区块元素上级元素示例}

段落1

段落2

段落3

引用的文本

学而不思则罔，思而不学则殆。

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

北西东南