01静态页面实现.docVIP

实 验 报 告 院系名称：数学与信息学院 2016年 11月 5 日 实验题目 静态页面实现 任课教师 曾祥银 课程名称 动态网页 实验学时 2 实验学生 程琦 班级学号 201408241003 实验目的与任务 回顾html基础标签。 熟悉页面布局。 熟悉css的用法。 实验涉及的相关知识点 常见标签 a 定义超链接。 h1 to h6 定义标题 1 到标题 6。 b 定义粗体文本。 button 定义按钮。 hr 定义水平线。 br 插入换行符。 i 定义斜体文本。 label 定义表单控件的标注。 div 定义文档中的节。 img 定义图像。 small 定义小号文本。 span 定义文档中的 section。 strong 定义强调文本。 sub 定义下标文本。 sup 定义上标文本。 del 定义删除文本。 em 定义强调文本。 p 定义段落。 pre 定义预格式化文本。 iframe 定义行内的子窗口（框架）。 form 定义表单。 input 定义输入域。 textarea 定义 textarea。 select 定义可选列表。 option 选择列表 table 定义表格。 caption 定义表格标题。 thead 定义表头。 tbody 定义表格的主体。 tfoot 定义表格的脚注。 th 定义表头。 td 定义表格单元。 tr 定义表格行。 ul 定义无序列表。 ol 定义有序列表。 li 定义列表的项目。 属性 style 规定元素的行内 CSS 样式。 class 规定元素的一个或多个类名（引用样式表中的类）。 Id 规定元素的唯一 id。 title 规定有关元素的额外信息。 data-自定义 事件 onblur 元素失去焦点时运行的脚本。 onchange 在元素值被改变时运行的脚本。 Onclick 元素上发生鼠标点击时触发。 ondblclick 元素上发生鼠标双击时触发。 实验内容与过程 源代码：三、实验内容与过程 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title西华师范大学/title link type=text/css rel=stylesheet href=/template/cwnu/css/styles.css !--[if IE 6] link type=text/css rel=stylesheet href=/template/cwnu/css/styles_ie.css ![endif]-- !--[if IE 7] link type=text/css rel=stylesheet href=/template/cwnu/css/styles_ie.css ![endif]-- !--[if IE 8] link type=text/css rel=stylesheet href=/template/cwnu/css/styles.css ![endif]-- link rel=stylesheet type=text/css href=/template/cwnu/css/lrtk.css / style type=text/css * { margin: 0; padding: 0; } a { text-decoration: none; } div { /* border: 1px solid #555*/ } .header { height: 1