html网页设计 文字与段落.pptVIP

第3章 文字与段落 主要内容 3.1.1添加文字 文字是网页的基础部分，可以通过一些HTML标记实现对文字的格式化。在HTML文件中，添加文字内容的方式与在word、记事本等中添加文字的方式相同，在需要输入文字的地方输入即可，但是需要添加在body与/body标记之间。具体内容包括浏览器中要显示的文字、空格符、特殊符号以及注释语句。 3.1.1添加文字 3.1.1添加文字 3.1.2标题字 标题字，就是以几种固定的字号去显示文字。在HTML中，定义了六级标题，从一级到六级，每级标题的字体大小依次递减。 基本语法： h# align=left|center|right标题文字/h# 3.1.2标题字 3.1.2标题字 3.1.3添加空格 通常情况下，HTML会自动删除文字内容中的多余空格，不管文字中有多少空格，都被视做一个空格。比如：两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，可以明确使用“nbsp;”表示空格。这种使用代码控制的方式与在文本编辑软件中通过输入空格键来添加空格的方式不同。 基本语法： nbsp; 3.1.3添加空格 3.1.3添加空格 3.1.4添加特殊符号 特殊符号和空格一样，也是通过在HTML文件中输入符号代码来添加。使用特殊符号可以将键盘上没有的字符输出出来。 基本语法： body amp;…..copy; /body 3.1.4添加特殊符号 3.1.4添加特殊符号 3.1.5注释语句 可以在HTML文档中添加注释，增加代码的可读性，便于以后维护和修改。访问者在浏览器中是看不见这些注释的，只有在用文本编辑器打开文档源代码时才可见。 基本语法： comment…/comment 或 !--…-- 3.1.5注释语句 !--程序3-5-- html head title在网页中添加添加注释/title /head bodycommentbody标记是主体内容/comment center pre!--pre代表原样显示排版格式-- 我们永远的家 ——多媒体专业！ /pre center /body /html 3.1.5注释语句 3.2文字样式 在网页中添加文字后，可以设置其字体、字号、颜色等属性，利用font标记或basefont标记都可以实现。 3.2.1普通文字标记 利用font可以对网页文字的字体、字号、颜色进行定义。 基本语法： font face= size= color= …/font 3.2.1普通文字标记 3.2.1普通文字标记 3.2.2基底文字标记 在制作网页前，可以先使用basefont标记对整个网页文字进行一个基本的定义，主要包括字体、字号和颜色，当网页中没有另外定义文字样式时，就自动套用basefont定义的样式，定义将影响整个HTML页面。 基本语法： basefont face= size= color= 3.2.2基底文字标记 3.2.2基底文字标记 3.2.2基底文字标记 3.3.1粗体、斜体、下划线 基本语法： b…/b i…/i u…/u 3.3.1粗体、斜体、下划线 3.3.1粗体、斜体、下划线 3.3.2删除线 基本语法： strike…/strike 3.3.2删除线 3.3.2删除线 3.3.3上标、下标 在数学公式中，上标和下标的使用比较广泛，比如x1，x2，y1，y2等。 基本语法： sup…/sup sub…/sub 3.3.3上标、下标 3.3.3上标、下标 3.3.4设置文字标注 在HTML文件中，可以在文字上方添加说明，并以缩小的字号显示。 基本语法： ruby被说明文字 rt文字的标注/rt ruby 3.3.4设置文字标注 3.3.4设置文字标注 3.3.5设置地址文字 address标记用来表示HTML文档的特定信息，如：E-mail、地址、签名、作者、文档信息等。 基本语法： address…/address 3.3.5设置地址文字 3.3.5设置地址文字 3.3.6设置等宽文字 为了使网页中的文字显示更加整齐、美观，可以使用以下标记进行设置。 基本语法： tt…/tt samp…/samp code…/code kbd…/kbd 3.3.6设置等宽文字 3.3.6设置等宽文字 3.3.6设置等宽文字 3.4段落 文字的组合就是段落，段落就是格式上统一的文本。下面介绍和段落相关的HTML标记。 3.4.1段落标记 在文本编辑器中输入的回车和额外空格将被HTML忽略，所以要在网