HTML页面基本元素.pptVIP

HTML、CSS、JavaScript网页制作 第3章 HTML页面基本元素 3.1 HTML文本字符、注释及标记分类 3.1.1 普通文本、实体字符与注释标记 常用字符实体表 3．注释标记 【例h3-1.html】显示实体字符，注意文档与页面的换行 3.1.2 HTML文档的标记与分类 3.2 文本与修饰 3.2.1 设置文本标记 3 缩写标记abbracronym 4．等宽文本标记tt、kbd、code、samp 5．上下标标记sup、sub 【例h3-2.html】使用字体设置标记，当鼠标指向etc.时显示“多余的人”，当鼠标指向UN时显示“United Nations联合国” 6．文本字体标记font 3.2.2 文本修饰标记 【例h3-3.html】传统文本修饰及CSS设置字体与鼠标指向时的提示标注 【例h3-3.html】传统文本修饰及CSS设置字体 3.3.3 块级文本标记 【例h3-4.html】使用标题与段落标记 3．缩进段落标记blockquote 4．地址文本标记address 【例h3-5.html】缩进段落标记与地址文本标记 5．预格式化标记pre 6．忽略html标记的标记xmp 【例h3-6.html】预格式化标记与忽略HTML标记的标记 7．居中显示文本标记center 3.2.4 样式组织标记 1．行内样式标记span 2．块级样式标记div 【例h3-7.html】使用div、span标记 3.3 列表标记 3.3.1 有序列表ol 3.3.2 无序列表 【例h3-8.html】使用有序、无序列表 【例h3-8.html】使用有序、无序列表 3.3.3 定义列表 【例h3-9.html】定义列表 3.3.4 目录、菜单列表dir、menu 【例h3-10.html】目录、菜单列表 3.3.5 列表嵌套应用 【例h3-12.html】使用列表发布HTML教材部分目录 发布HTML教材部分目录 3.4 插入图片标记img / 3、xhtml不赞成使用的属性—采用CSS样式 【例h3-13.html】用表格显示图片 【例h3-14.html】图片间距与对齐 3.5 超链接标记 3.5.1 超链接、设置锚点标记 3.5.2 超链接页面的URL路径 【例h3-15.html】主页文件 【例h3-16.html、img/h3-17.html】超链接子页面 *3.5.3 关于target属性 3.5.4 链接到普通文档、图像或多媒体文件 【例h3-18.html】链接图像或多媒体文件—使用了背景图片 3.5.5 设置锚点与Email链接 3、链接Email地址发送电子邮件 【例h3-19.html】链接锚点页面 【例h3-20.html】被链接页面与主页面保存在同一目录 3.6 图像映射标记 3.6.1 图像映射方式 3.6.2 创建图像映射标记 2、指定图像区域及链接页面标记area / 3.6.3 使用图像映射的img /图片 【例h3-21.html 】图像映射 h3-21.html 主文档 3.7 表格标记 3.7.1 表格语法结构 表格示例对应的简化代码 3.7.2 创建表格标记table 1、可选属性 2．XHTML不赞成使用的属性 3.7.3 标题标记caption 3.7.4 行标记tr 3.7.5 单元格标记td th 2．行列标题标记th 【例h3-22.html】使用行、列标题 【例h3-23.html】表格边框及背景 【例h3-24.html】单元格间距及内容边距 【例h3-25.html】合并单元格—跨行、跨列 3.7.6 表格结构划分标记thead、tfoot、tbody 【例h3-26.html】使用结构划分 【例h3-26.html】使用结构划分 3.8 表格与DIV页面布局 3.8.1 布局示例一 2．表格布局二 3．DIV布局 3.8.2 布局示例二 1．表格布局 表格布局代码结构 2．DIV布局 3.8.3 简单布局应用 【例h3-27.html】表格布局 【例h3-27.html】表格布局 【例h3-28.html】DIV布局 【例h3-28.html】DIV布局 caption表格标题/caption caption定义表格前的大标题，必须在table内第一个tr行标记之前且只能有一个，默认在表格之前居中显示。 tr一行内容/tr tr标记定义表格中的一行，可继承使用table设置的属性，也可自己单独设置覆盖table属性。 align 指定本行内所有单元格文本的水平对齐方式 left(默认)、right、center、justify两端、char按字符对齐 valign 指定本行所有单