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

第4章 网站设计基础语言 杨广超 TELEMAIL：gchao_yang@ 本章要点 HTML的基本概念 页面标记 文字与段落标记 列表 超级链接 表格与表单 4.1 HTML的基本概念 4.1.1 HTML的来历 4.1.2 HTML相关概念 4.1.3 如何编辑HTML文档 4.1.1 HTML的来历 4.1.2 HTML相关概念 标记 有的标记本身描述能力有限，还需要配合使用“属性”，每个标记具有数目不等的属性。 标记分为双标记和单标记。两个标记合用才能表达某个含义的称为双标记，如center/center就是一对标记，分别表示居中设置的开始和结束。 4.1.3 如何编辑HTML文档 4.2 页面标记 4.2.1 html标记 4.2.2 head标记 4.2.3 title标记 4.2.4 meta标记 4.2.5 body标记 4.2.1 html标记 html head …… /head 文档首部 body …… /body 文档主体 html 4.2.2 head标记 4.2.3 title标记 4.2.4 meta标记 meta标记 Eg: META http-equiv=Content-Type content=text/html; charset=gb2312“ 字符集设定 Meta Name= Keywords Content=网页关键字 搜索引擎搜索 4.2.5 body标记 body标记有的常用属性 4.3 文字与段落 4.3.1 文字标记 4.3.2 段落标记 4.3.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.4.1 有序列表 4.4.2 无序列表 4.4.3 列表的嵌套 4.5 文字与段落 4.5.1 超级链接的概念 4.5.2 绝对地址与相对地址 4.5.3 内部链接与外部链接 4.5.4 书签的使用 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 书签的使用 书签的使用 同一个web页面链接 首先设计书签 a name=”top”/a? 在不同位置定义 a href=”#top”返回到top位置/a 不同的页面之间转接 如果是在不同的页面之间链接时要在href属性中加上网页名称 First.html中定义了书签 a name=”top”Top的位置/a 目前要从Second.html中转入First.html并且将位置定到top所在的位置 a href=”first.html#top”return first Top/a 4.6 设置多媒体 4.6.1 图片的插入与设置 4.6.2 播放音乐 4.6.3 插入视频 4.6.1 图片的插入与设置 4.6.2 播放音乐 使用a标记插入点播音乐 4.6.3 插入视频 4.7 表格 4.7.1 制作表格 4.7.2 尺寸设置 4.7.3 颜色与背景设置 4.7.1 制作表格 4.7.2 尺寸设置 4.7.3 颜色与背景设置 4.8 表单 4.8.1 表单的概念 4.8.2 表单的一些元素 4.8.1 表单的概念 4.8.2 表单的一些元素 Get/Post 1. get是从服务器上获取数据，post是向