html快速自学笔记.docVIP

html快速自学笔记 所有的html语言不分大小写 html //文件标记 开始标记和结束标记 head //存档头部信息元素 网页关键字 作者 标题等 meta name=keywords content=关键字 //meta元素的属性常用有2个 一个是name 设置网页的关键字和描述信息,而http-equiv用来定于网页的语言,当访客浏览你的网页时,浏览器自动识别并设置网页中的语言,这里的name属性值为keywords,说明这是关键字元信息,后面的conteny就是设置的页面关键字. meta name=dercription content=这里是页面的说明内容 meta name=author content=作者信息 meta http-equiv=content-type content=text/html; charset=euc-jp //charset是设置语言 euc-jp是日语 . 国语是GB2312 meta http-equiv=refresh content=3;url=http://XXX.COM //refresh刷新 时间和链接地址之间用分号间隔,默认情况下跳转时间以秒为单位. title 网页标题/title //meta 元信息标记 不显示在页面中,用来定义页面关键字 页面说明 刷新等. 不需要设置结束标记 在一对尖括号内就是一个meta内容,在一个html页面中可以有多个meta元素 /head body //文档的主体区域 网页上要显示的内容都在这个标记内. 比如 表格 图片 列表 文字段落等 网页背景 属性等 //body标签使用bgcolor属性定义整个网页的背景颜色,属性值是十六进制的颜色值 (body bgcolor=#FF99FF) //body标签使用background属性定义背景图片. (body background=1.jpeg) 图片地址使用相对路径.图像文件的地址在里面 //body标签的text属性设置文字的颜色. (body text=#9966cc) 文字内容 a href=/rainyxia1111下雨的博客/a 超链接属性 默认下是蓝色,访问过后变成暗红色.可以通过body标签的link属性来设置访问前的超链接的颜色.link属性设置在text文本属性后. (body text=#9966cc link=#50A625) (body text=#9966cc link=#50A625 vlink=#000000) 即link为超链接访问前颜色,vlink为访问后颜色. (body text=#9966cc link=#50A625 vlink=#000000 alink=FF0000) alink为正在访问的超链接颜色. //body标签里还可以设置页面与浏览器边框之间的距离 包括上边距和左边距,设置上边距的属性是topmargin 设置左边距的属性是leftmargin,在默认的情况下,边距的值以像素为单位. 也就是说,这两个属性直接指定整数值即可. /body /html 绝对路径就是指对某一个地点的详细描述信息.如果原始文件图片地址消失.会导致背景图地址丢失. 相对路径就是某一个物体相对于另外一个物体来说,所存在的位置. (body background=1.jpeg) 如果index.html是调用者,图片是被调用者.则如果图片和index在同级目录下,则不需要指定图片所在的盘符.也就是说,同级目录下的文件可以直接调用文件名就行了 如果图片在index.html的同级目录下的某个文件夹比如jpeg文件夹下.那么代码为 (body background=jepg\1.jpeg) 如果图片在jpeg文件夹下,而index.html被移入一个例如叫html的文件夹下面,那么代码为 (body background=..\jepg\1.jpeg) 其中..\表示在网页文件的上级目录的同级目录下有个jpeg文件夹,在jpeg文件夹里有一个1.jpg的图片文件 如果index.html的html文件夹还有一个上级目录 那么再在前面加入 ..\ 相对路径的好处就是不受存储位置的限制,只要把web文件夹移动到任何位置,只要图片和网页文件的目录结构没有变化,路径就没问题.因为我们设置的相对路径都是以网页文件,即调用者为坐标.而不是以文件所在的盘符为坐标的.这样就不会产生路径错误. 文字排版 标题