详解HTML标签与属性.docx

详解HTML标签和属性1. 详解HTML标签和属性在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“标签名”表示，结束标签用“/标签名”表示。元素指的是包含标签在内的整体，除去标签的部分叫做内容。属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分顺序颜色的指定方法用HTML指定颜色有两种方法1、用16进制数值来指定：在#号的后面，把RGB的各个选项用十六进制的数值来表示，数值保持两位数。2、指定颜色的名称：可以对基本的16色用名称来指定其颜色指定文件的位置在对某部分设置链接的时候，需要指定链接端HTML文件的位置；同样，如果想在该处显示图像也需要指定图像的位置。在HTML中，这个位置用URL来表示，有以下两种表示方法：1、绝对URL：绝对URL就是用Web浏览器查看网页时，地址栏中显示的以http://开头的路径2、相对URL：相对URL是在同一站点内进行设置，类似于在同一磁盘上管理文件的形式。这种方法是以当前文件的位置为基准。使用相对URL时，如果要指定的文件在当前文件的下级，就从目录名开始一直写到要指定的文件名，中间用“/”符号隔开。如果在当前文件的上级，每上一级就加一个“../”符号2、基本内容显示HTML的版本!DOCTYPE~HTML的版本表明HTML文件是按照哪个版本进行编写的（标明该HTML文件遵循的DTD文件），不同的版本和种类都有固定的书写格式，要按照固定的格式输入文件开头，然后在文件开头处写明版本，按照这种版本的规定格式进行编写必须使用的标签html~/htmlhead~/headtitle~/titlebody~/bodyHTML文件的开头写有!DOCTYPE~的部分，代表HTML的版本，其后是必须存在的四种标签首先，!DOCTYPE~后面的整个都要用html标签(html~/html)括起来，其中要按照head标签(head~/head)和body标签的顺序(body~/body)的顺序进行排列。在head标签中填写与该文件相关的信息，body标签中填写世纪要在浏览器上显示的内容。另外，在head标签中，只能有一个代表文件标题的title标签设置页面的文字颜色body text=”颜色指定”~/body设置页面的背景颜色body bgcolor=”颜色指定”~/body设置页面的背景图像body background=”图像的URL”~/body按照目的设定范围div~/divspan~/span插入注释!—注释语句--3、设置文件信息添加标题title~/titletitle标签用来给HTML文件添加标题这个标签一定要位于head~/head圈定的范围内。在这里指定的标题除了可以在通常的浏览器窗口的标题栏中显示以外，还可以作为加入收藏夹时的标题显示文件编码meta http-equiv=Content-Type content=text/html; charset=文字编码 /meta标签的charset属性表示该HTML文件是用什么文字编码编写的注意，该标签一定要位于head~/head范围内添加关键字、内容介绍及作者姓名meta name=keywords content=关键字1，关键字2，… /meta name=description content=内容介绍 /meta name=author content=作者姓名 /这些信息都不会在画面上显示出来，但是搜索引擎在收集信息时要用到注意，该标签一定要位于head~/head范围内设置样式表和脚本语言的种类meta http-equiv=Content-Style-Type content=样式表的种类 /meta http-equiv=Content-Script-Type content=脚本的种类 /在HTML文件内可以设置样式表和脚本的默认语言注意，该标签一定要位于head~/head范围内设置进入网页link rel=”关系”href=”URL”link rev=”关系”href=”URL”rel：在本页看到的，与URL标明的网页之间的关系rev：在URL标明的网页中看到的，与本页之间的关系link标签表示的是该文件和与其相关的其他文件之间的关系注意，该标签一定要位于head~/head范围内设置标准URLbase href=”绝对URL”base href=”绝对URL” target=”目标名”base标签用来设置将该页中使用的相对URL的标准指向成绝对URL，指定了这个标签之后，在该页指定的相对URL就会全部认定为已在这里指定的绝对URL。如果不进行这项设置，就以当前页的位置为标准，如果指定了Target属性，