HTML+CSS+Javascript网站制作案例教程第4章 文字与图片标签设置.pptVIP

4.1.1　title标签 font/font标签可以用来设置文字的颜色、字体和大小，是网页设计的常用属性。可以通过font标签中的face属性设置不同的字体，可以通过font标签中的size属性来设置文字的字体大小，还可以通过font标签中的color属性来设置文字的颜色。 face属性用于设置文字字体。HTML网页中显示的字体从浏览器端的系统中调用，所以为了保持字体一致，建议采用宋体，即网页的默认中文字体。 size属性用于设置文字的大小。size的值为1~7，默认值为3，也可以在属性值之前加上+或—字符，来指定相对于初始值的增量或减量。 color属性用于设置文字的颜色，它可以用浏览器承认的颜色名称和十六进制数值表示。 4.1.2　倾斜文字i和em标签 标签i能够使作用范围内的文字倾斜；em是强调标签，它的效果也是使文字倾斜，目前比i标签使用更加频繁。 课堂案例——设置文字样式 课堂案例：设置文字样式 最终文件：光盘\最终文件\第4章\4-1-1.html 视频：光盘\视频\第4章\4-1-1.swf 课堂案例——设置倾斜文字 课堂案例：设置倾斜文字 最终文件：光盘\最终文件\第4章\4-1-2.html 视频：光盘\视频\第4章\4-1-2.swf 4.1.3　加粗文字b和strong标签 网页中对于需要强调的内容很多使用了加粗的方法，以使文字更加醒目。可以实现加粗效果的标签是b标签和strong标签，其中strong标签被称为特别强调标签，目前比b标签使用更加频繁。 4.1.4　文字下画线u标签 u标签的使用和粗体以及斜体标签类似，可以使用该标签作用于需要添加下画线的文字。 课堂案例——设置加粗文字 课堂案例：设置加粗文字 最终文件：光盘\最终文件\第4章\4-1-3.html 视频：光盘\视频\第4章\4-1-3.swf 课堂案例——为文字添加下画线 课堂案例：为文字添加下画线 最终文件：光盘\最终文件\第4章\4-1-4.html 视频：光盘\视频\第4章\4-1-4.swf 4.1.5　标题文字h1至h6标签 标题是网页中不可缺的一个元素，为了凸显标题的重要性，标题的样式比较特殊。HTML技术保存了一套针对标题的样式标签，按照文字尺寸从大到小排列分别是从h1到h6。 4.1.6　nbsp;的使用 在HTML代码中直接用键盘敲击空格键，是无法显示在页面上的。HTML使用nbsp;表现一个空格字符（英文的空格字符）。nbsp;字符用于在网页中插入空格，可以在任意位置连续多次输入空格符达到想要的效果。 课堂案例——设置标题文字 课堂案例：设置标题文字 最终文件：光盘\最终文件\第4章\4-1-5.html 视频：光盘\视频\第4章\4-1-5.swf 课堂案例——为在网页文字中加入空格 课堂案例：在网页文字中加入空格 最终文件：光盘\最终文件\第4章\4-1-6.html 视频：光盘\视频\第4章\4-1-6.swf 4.1.7　特殊字符 HTML规定了一些特殊字符的写法，以便在网页中显示。在网页制作的过程中，除了空格，还有一些特殊的符号也需要使用代码进行替代。一般情况下，特殊符号的代码由前缀、字符名称和后缀;组成。 4.1.8　其他文字修饰方法 为了满足不同需求，HTML还有其他用来修饰文字的标签，比较常用的有上标格式标签sup、下标格式标签sub和删除线标签strike等。 sup/sup为上标格式标签，多用于数学指数的表示，如某个数的平方或者立方。 sub/sub为下标格式标签，多用于注释，以及数学底数表示。 strike/stike为删除线标签，多用于删除效果。 课堂案例——在网页中插入特殊字符 课堂案例：在网页中插入特殊字符 最终文件：光盘\最终文件\第4章\4-1-7.html 视频：光盘\视频\第4章\4-1-7.swf 网页中文字的排版很大程度上决定了一个网页是否美观。对于网页中的大段文字，通常采用分段、分行和加空格等方式进行规划。本节从段落的细节设置入手，使读者学习后能利用标签轻松自如地规划文字排版。 4.2.1　文字换行br标签 当文字到达浏览器的边界后将自动换行，但是当调整浏览器的宽度时，文字换行的位置也相应发生变化，格式就会显得混乱，因此在网页中添加换行标签是必要的。 4.2.2　文字换行br标签 在网页中如果某一行的文本过长，浏览器会自动对这行文字进行换行，如果想取消浏览器的换行处理，可以使用nobr标签来禁止自动换行。 课堂案例——使用br标签为文字换行 课堂案例：使用br标签为文字换行 最终文件：光盘\最终文件\第4章\4-2-1.html 视频：光盘\视频\第4章\4-2-1.swf 课堂案例——使用nobr标签强制文字不换行 课堂案例：使用nobr标签强制文字不换行 最终文件：光盘\