第4章 网站设计基础语言.pptVIP

第4章 网站设计基础语言 ;本章要点;4.1 HTML的基本概念 ;4.1.1 HTML的来历 ;4.1.2 HTML相关概念 ;标记 ; 有的标记本身描述能力有限，还需要配合使用“属性”，每个标记具有数目不等的属性。 标记分为双标记和单标记。两个标记合用才能表达某个含义的称为双标记，如center/center就是一对标记，分别表示居中设置的开始和结束。 ;4.1.3 如何编辑HTML文档 ;4.2 页面标记 ;4.2.1 html标记 ;html head …… /head 文档首部 body …… /body 文档主体 html;4.2.2 head标记 ;4.2.3 title标记 ;4.2.4 meta标记 ;4.2.5 body标记 ;body标记有的常用属性 ;4.3 文字与段落 ;4.3.1 文字标记 使用文字与段落标记可以设置段落、字体、色彩和特殊效果。;标题标记 设置标题文字。共有6个，分别是h1/h1～h6/h6。被设置为标题的文字自动独占一个段落。 ;其他文字标记 ;4.3.2 段落标记 段落标记p用来设置段落，是双标记。被p/p包围起来的元素构成一段。可以设置p标记的align属性。;4.3.3 换行标记 ;4.4 列表 ;4.4.1 有序列表 ;4.4.2 无序列表 ;4.4.3 列表的嵌套 ;4.5 文字与段落 ;4.5.1 超级链接的概念 ; 除了href，target也是a标记常用的属性，用来设定链接目标的打开位置。target=“_self”表示在本窗口中打开（默认）；target=“_blank”表示在新窗口中打开。 超链接载体可以是文字，也可以是其他元素。超链接文字具有不同的颜色，一般默认为蓝色，已访问的超链接则为紫红色，也可以自行定义超链接的颜色。使用body标记的link、vlink、alink属性可以自定义链接、已访问链接和活动链接的颜色。 ;4.5.2 绝对地址与相对地址; 应当避免使用非URL的绝对地址，因为这样的链接地址不具有可移植性，在客户端计算机上可能不能正常显示。 思考：为什么非URL的绝对地址不具有可移植性？;4.5.3 内部链接与外部链接 ;4.5.4 书签的使用 ;4.6 设置多媒体 ;4.6.1 图片的插入与设置 ;源文件（src）:设定图片源文件。 宽和高（width，height）：设定图片的宽度和高度，单位为像素。 替代（alt） ：设定替代文字，在图片未显示时用该文字替代，将鼠标指针移动到图片上时同样会显示替代文字。 对齐（align） ：设定图片与其他元素的对齐方式。 边框（border）:设定图片的边框粗细，以像素为单位，默认为无边框。 ;4.6.2 播放音乐 ;使用a标记插入点播音乐 ;4.6.3 插入视频 ;4.7 表格 ;4.7.1 制作表格 ;4.7.2 尺寸设置 ;border属性用于设置表格的边框粗细。; 表格有三种元素：table、tr、td或th，许多属性是三种标记都具有的。对于table标记有效的属性有width，height，border，bordercolor（边框颜色），bgcolor，background，align，cellspacing（单元格间距），cellpadding（单元格边距），frame（边框类型）等。对于tr标记有效的属性有bordercolor，bgcolor，align，height，valign（垂直对齐方式）等。对于td和th有效的属性有align，valign，width，height，bordercolor，bgcolor，background等。 ;4.7.3 颜色与背景设置 ;用来设定表格的背景颜色，对于table、tr、td或th都有效。bgcolor的用法与bordercolor属性的设置类似。;4.8 表单 ;4.8.1 表单的概念 ;4.8.2 表单的一些元素 ;单选按钮 用于设置单选项目 ;谢谢！