第3章节HTML5基本标签.ppt

* 字型标记 格式标记 字体效果 B受影响的文字/B 加粗 I受影响的文字/I 斜体 SUB受影响的文字/SUB 下标 SUP受影响的文字/SUP 上标 * 特殊标记 特殊字符标记 表示的字符 lt; gt; nbsp; 空格 amp; #37; % quot “ * ③ 超链接标记 从根目录开始描述目录或文件 UNIX以“/”开始，Windows以“c:\”开始。 标识Internet上文件的全部信息，包含协议、主机名、文件夹名和文件名称。 绝对路径 以当前目录为参考来说明文件的位置 相对路径 绝对路径清楚明确的指出文件和文件夹的位置 相对路径则根据当前目录不同，可能同样的文件名指向不同的文件。 页面元素标记 * href：目标资源的具体地址。可以是绝对路径，也可以是相对路径。 target：控制超链接内容打开方式，即链接内容出现的位置。 A href=目标资源 target=打开窗口方式 热点 /A 超级链接 a href= target=_blankW3School/a * name：设定一个较长的HTML文档的跳转位置点，相当于书签。 注意：name属性和href属性不能同时使用。 A href=目标资源 name=书签名称 target=打开窗口方式 热点 /A 锚点标记 * 建立超级链接的标记：A href=#锚点名热点文本/A 建立锚点的标记：A name=锚点名跳转目标文本/A 创建指向本页的链接 A href=目标文件路径/目标文件名#锚点名热点文本/A 创建指向其他页面某处的链接 A href=“下载文件名” 热点 /A 创建指向下载文件的链接 A href=mailto:收件人email地址 热点 /A 创建指向电子邮件的链接 * ④ 列表标记 LI：项目标记，单标记。 UL type=符号类型 LI type=符号类型1 项目1 LI type=符号类型2 项目2 /UL 无序列表标记 页面元素标记 * menu li 分类1之项目1 li 分类1之项目2 …br li 分类2之项目1 li 分类2之项目2 … /menu 选单列表标记 * OL type=序号类型“ start=n LI 项目1 LI 项目2 … /OL 有序列表标记 OL type=A start=2 LI 项目1 LI 项目2 … /OL * 不同可以互相嵌套，相互组合以达到很好的显示效果。 DL DT 上层项目说明 DD下层项目说明 DD下层项目说明 DT … DD… /DL 说明式列表标记 * ⑤ 图像和多媒体标记 src：插入的图像的url地址，即含路径的图像文件名 alt：表示图像的信息文字。 当没有完全装载图像时，在图像的位置显示的信息。 当图片完全显示时，将鼠标移动到图像上，看到的信息文字 width：设定图像的宽度 height：设定图像的高度 img src=”图像名称” alt=”文字说明” 图像标记 页面元素标记 * src：要播放的声音文件 video标记 ：加入视频 video src=somevideo.wmv controls= true 您的浏览器不支持 video 标签。/video 多媒体标记 * 表格标记 table tr th分类名称1th分类名称2…th分类名称n trtd表项1td表项2…td表项n … trtd表项1td表项2…td表项n /table * tr：表格的一行 th：分类名称，值会用黑体显示 td：具体的表项值 单元格标记的属性 * 表单 表单标记 form action=信息处理程序 method=处理方法 input type=类型名 name=名称” maxlength=最大长度 src=图像文件地址 checked input … … /form 表单是Web页面和用户进行信息交互的途径 form /form：标记表单的开始和结束 input：设定表单以何种形式和用户交互 * action：表单处理的方式 通过E-MAIL将信息发出 将信息输入到数据库 将信息发布到新闻组或者页面 根据输入内容有哪些信誉好的足球投注网站数据库并返回结果给访问者 method：表单数据的传送方向 Get：当按下提交按钮，form输入框内容附在action指明的URL的“?”之后立即传给服务器，get执行效率比较高，但传送的信息量有限，大约2k。 Post：当按下提交按钮后，需要等待服务器来读取参数信息，在传送信息量上没有限制。 f