《使用HTML设置文本和图像》由会员分享，可在线阅读，更多相关《使用HTML设置文本和图像（39页珍藏版）》请在金锄头文库上搜索。
1、回顾内容:HTML文件的基本结构是怎样的?HTML标记及其属性如何命名?头部标记主体标记1第4讲 使用HTML设置文本和图像4.1 段落标记4.2 文字标记4.3 列表标记4.4 图片标记24.1 段落标记网页中对文字要安排文字位置需要通过 特定的HTML标记来完成。HTML文件中无论输入多少个空格（按 空格键）均视为一个空格；换行（按回 车键）也无效。31)段落标记所谓段落，指得是一段格式上统一的文本基本语法语法解释从开始处创建一个段落，段落与上下文 都有一空行的间隔标 记描 述属 性属性取值双标记alignleft center right42)换行标记作用: 产生一个换行效果基本语法53
2、）居中标记基本语法作用：使标记 对之间的文字在浏览器窗口中居 中对齐6段落、换行及居中标记综合示例74）预格式化标记基本语法语法解释 预格式化，是指保留之间的文 字在源代码中的格式，使其在页面中显示的 效果和源代码中的效果几乎完全一致8预格式化标记示例95） 水平线标记 水平线用于段落与段落之间的分隔，使文 档结构更加清晰，使文字的编排更加整齐基本语法常用属性属 性描 述 width设置水平线宽度,单位为像素或浏览器窗口的% size水平线高度,单位为像素 align水平线对齐方式,取值left|center|right,默认居中对齐noshade默认的水平线的空心立体效果改设为实心的不带阴影
3、的效 果 color水平线颜色,显示颜色时，当水平线将显示成实心10水平线标记114.2 文字标记文字标记主要用于设置网页中的所有 有关文字方面的内容，具体包括普通 文字、特殊字符、标题字、字体以及 文字格式等方面的设置12表4-1 常用文字标记标 记描 述文字内容包括普通文字、空格及特殊符号等标题字标记以某几种固定的字号显示文字，共 分为六个级别（H1H6），对应着 六种字号文字的修饰标记通过这些修饰标记，可设定文字的 不同格式，如粗体、斜体等字体标记设定文字的字体、字号及颜色等131）文字内容网页中涉及到的文字主要包括:普通文字、 特殊符号以及页面的注释语句普通文字的输入:直接在和标记之间
4、输入 特殊字符的输入:在源代码中特殊字符使用其对应的符号码代替.特殊符号符号码 空格 “ X ￥ ”，一个 表示一个半角空格。另外一些特殊符号 如“”等，在源代码中也要象空格的表示一 样，使用字符码。设置文字的格式（如加粗显示文字）需要使用文 字修饰标记标题标记的级别范围是h1h6，其中“h1”的字 号是最大的，“h6”的字号是最小的。37标记可使显示的内容的格式与源代 码的格式几乎完全一样。段落标记和换行标记的一个显 著的不同之处是在换行的同时，会与 上（下）文产生一空行的间隔，而 则没有。水平线标记中的属性size用于设置 水平线的高度。图片标记必设置的一个属性是src38思考题1. 和有何不同？ 2. 的size属性的取值范围是什么？ 3. 如何使文字加粗并倾斜显示? 4. 标题标记共分几个级别？不同级 别标题的字号的变化情况如何? 5. 如何在网页放置水平线? 6. 如何在网页中插入一幅图片?39
