02.HTML基础教程.pptx

东软睿道 HTMLCSS HTML基础 本章内容 节 知识点 掌握程度 难易程度 HTML基本标签 行控制标记/段落标记 掌握 容易 文字分区div 掌握 容易 预设文本格式pre 掌握 容易 字体font 掌握 容易 标题h 掌握 容易 物理字体 掌握 容易 逻辑字体 掌握 容易 水平线hr 掌握 容易 居中及注释 掌握 容易 列表 掌握 容易 超链接a 掌握 容易 文档主体body 掌握 容易 图像img 掌握 容易 字符实体 掌握 容易 本章内容 节 知识点 掌握程度 难易程度 表格 表格结构及基本构成 掌握 容易 table标签及属性 掌握 容易 caption标签及属性 掌握 容易 tr标签及属性 掌握 容易 td标签及属性 掌握 容易 实现行/列合并 掌握 容易 框架 框架介绍 掌握 容易 iframe标签 掌握 容易 iframe属性 掌握 容易 iframe示例 掌握 容易 HTML基本标签 行控制标记/段落标记 浏览器解析HTML页面时，忽略源代码中多余的空格、空行等 如果我们需要给文字设置换行样式，需要使用特定的标记 br nobr p HTML基本标签 行控制标记/段落标记 段落：p……/p 将标记间的文字置为一个新的段落 可以设置以下属性 属性 含义 align 设置段落的对齐方式，可取left、center、right。 p align=center段落示列/p p这是第一段/p p这是新的一段/p HTML基本标签 行控制标记/段落标记（案例02-02-01-br.html） 换行：br 强制进行换行操作 不换行：nobr……/nobr 禁止标记中间的文本换行 HTML基本标签 文字分区div（案例02-02-02-div.html） 分区：div……/div 把标记中的内容做为单独的一块处理 主要是用来设置涵盖一个区块，所谓的区块是包含一行以上的数据，在div/div的开始之前与结束后，浏览都会自动换行；放置在div/div间的数据，自然会与其前后文隔开而自成一区块。 可设置以下属性 属性 含义 align 设置段落的对齐方式，可取left、center、right。 HTML基本标签 预设文本格式pre（案例02-02-03-pre.html） 预设格式文本：pre……/pre HTML在显示时一般会吃掉过多的空白字符（只显示一个）和换行符（不显示），但我们可以用pre和/pre让空白字符、换行字符保存下来 常用于计算机程序的表达 HTML基本标签 字体font（案例02-02-04-font.html） 字体：font……/font 可设置以下属性 属性 含义 size 设置文字的大小，可取1到7的整数值。 color 设置文字的颜色。 face 设置文字的字体列表，第一种字体是首选的，如果用户机器上没有第一种字体，就用第二种字体显示，依次类推。如果列表中的字体都没有，就用用户机器上的默认字体显示。 HTML基本标签 标题h（案例02-02-05-hn.html） 标题字体：hn……/hn n的取值由1到6，h1字体最大 默认显示黑体字 可以设置如下属性： 属性 含义 align 设置标题的位置，可取left、center、right。 HTML基本标签 物理字体（案例02-02-06 -ziti1.html） 设置字体显示样式，主要有以下标记： 标记 含义 b…/b 设置标记间的文字为粗体 blod face i…/i 设置标记间的文字为斜体 italic u…/u 设置标记间的文字带下划线 under line sup…/sup 设置标记间的文字为上标 superscript sub…/sub 设置标记间的文字为下标 subscript del…/del 设置标记间的文字带删除线 delete line HTML基本标签 逻辑字体（案例02-02-07-ziti2.html） 表现文字含义，主要有以下标记： 标记 含义 em…/em 一般强调（emphasis），斜体 strong…/strong 特别强调，黑体 address…/address 表示地址 q…/q 定义引用 kbd…/kbd 用户键入的文字，字体变细变轻 cite…/cite 一段引用的文字，斜体。用于书名、电影名 small…/small 字体变小 big…/big 字体变大 HTML基本标签 逻辑字体 表现文字含义，主要有以下标记（续）： 标记 含义 dfn…/dfn 定义术语 code…/code 源代码 var…/var 变量 HTML基本标签 水平线hr（案例02-02-08-hr.html） 用于分割统一文本的不同部分 可以