网站建设合同样本,装修公司做网站推广能接到活吗,织梦教育网站模板,买个网站需要多少钱目录 一、文字样式设置的基本标签二 、 设置文字的颜色三、设置文字的尺寸四、 设置文字的字体五、 使文字倾斜六、 使文字加粗七、处理网页中的特殊字符十、 如何更方便地忽略浏览器对部分HTML的解析十一、 其他文字修饰方法十二、为了让文字富有变化#xff0c;或者为了着意… 目录 一、文字样式设置的基本标签二 、 设置文字的颜色三、设置文字的尺寸四、 设置文字的字体五、 使文字倾斜六、 使文字加粗七、处理网页中的特殊字符十、 如何更方便地忽略浏览器对部分HTML的解析十一、 其他文字修饰方法十二、为了让文字富有变化或者为了着意强调某一部分HTML提供了一些标签产生这些效果现将常用的标签列举如下 meta http-equivContent-Type contenttext/html; charsetutf-8 / /* 如果现实乱码请在head标签里面添加这条语句这是为了统一字体格式我们采用常见的utf-8*/ 一、文字样式设置的基本标签 设置字体样式的基本标签是font/font被其包含的文本为样式作用区。在初学者的HTML代码编写中font/font容易被多重嵌套如font 属性1值1font 属性2值2文本/font/font。还有一种情况是标签嵌套错位如fontp文本/font/p。为了规范代码的编写避免不必要的错误读者在初学时一定要谨慎。 二 、 设置文字的颜色 color是font/font标签的属性之一用于设置文字颜色。编写代码如代码2.1所示。 代码2.1 字体颜色的设置font_color.htm html head title字体颜色的设置/title /head body 浅红色文字font color#dd0000网络人VS灰鸽子/fontbr / 深红色文字font color#660000网络人VS灰鸽子/fontbr / 浅绿色文字font color#00dd00网络人VS灰鸽子/fontbr / 深绿色文字font color#006600网络人VS灰鸽子/fontbr / 浅蓝色文字font color#0000dd网络人VS灰鸽子/fontbr / 深蓝色文字font color#000066网络人VS灰鸽子/fontbr / 浅黄色文字font color#dddd00网络人VS灰鸽子/fontbr / 深黄色文字font color#666600网络人VS灰鸽子/fontbr / 浅青色文字font color#00dddd网络人VS灰鸽子/fontbr / 深青色文字font color#006666网络人VS灰鸽子/fontbr / 浅紫色文字font color#dd00dd网络人VS灰鸽子/fontbr / 深紫色文字font color#660066网络人VS灰鸽子/fontbr / /body /html 效果现实如图一 图一 图二 图三 三、设置文字的尺寸 size也是font/font标签的属性用于设置文字大小。size的值为1-7默认为3。我们可以size 属性值之前加上“”、“”字符来指定相对于字号初始值的增量或减量。编写代码如代码2.2所示。 代码2.2 字体尺寸的设置font_size.htm html head title字体尺寸的设置/title /head body size为1font size1HTML学习/fontbr / size为2font size2HTML学习/fontbr / size为3font size3HTML学习/fontbr / size为4font size4HTML学习/fontbr / size为5font size5HTML学习/fontbr / size为6font size6HTML学习/fontbr / size为7font size7HTML学习/fontbr / /body /html 浏览效果现实如图二 可尝试在size值前面加上“”、“”字符更灵活地设置文字尺寸 四、 设置文字的字体 face也是font/font标签的属性用于设置文字字体字型。HTML网页中显示的字型从浏览端的系统中调用所以为了保持字型一致建议采用宋体HTML页面也是默认采用宋体。 代码2.3 字体字型的设置font_face.htm 在标签中添加stylefont-family:宋体这个类别就OK html head title字体字型的设置/title /head body 字型为宋体font stylefont-family:宋体网络人VS灰鸽子/fontbr / 字型为楷体font stylefont-family:楷体网络人VS灰鸽子/fontbr / 字型为黑体font stylefont-family:黑体网络人VS灰鸽子/fontbr / 字型为隶书font stylefont-family:隶书网络人VS灰鸽子/fontbr/ /body /html 浏览效果如图三所示。 五、 使文字倾斜 用双标签i/i可使被作用文字倾斜达到特殊的效果例如文章的日期。em/em被称为强调标签也是斜体目前使用比i/i标签更频繁其编写方法如下 i这是斜体文字/i em这也是斜体文字/em 六、 使文字加粗 用双标签b/b可使被作用文字加粗是文字更加醒目例如文章的标题部分。strong/strong被称为特别强调标签也是文字加粗目前使用比b/b标签更频繁其编写方法如下 b这是粗体文字/b strong这也是粗体文字/strong 七、处理网页中的特殊字符 在HTML中有一些字符有特殊含义例如“”和“”是标签的左括号和右括号而标签是控制HTML显示的标签本身只能被浏览器解析并不能在页面中显示。那么该怎样在HTML中显示“”和“”呢HTML规定了一些特殊字符的写法以便在网页中显示如表1.1所示。 表1.1 HTML中的特殊字符 特殊符号 HTML代码 特殊符号 HTML代码 lt; ?商标符号 trade; gt; ?注册符号 reg; “”英文半角 quot; × times; § sect; ?版权符号 copy; html head title特殊字符的设置/title /head body font size5 标签的显示方法HTMLbr / 引号的显示方法英文半角双引号br / 商标的显示方法™br / 注册符号的显示方法®br / 版权符号的显示方法©br / 显示§br / 显示× /font /body /html 浏览效果如图2.6所示。 图4.12 特殊字符的设置 ———— 说明单独显示符号必须用代码。 十、 如何更方便地忽略浏览器对部分HTML的解析 如果在网页中作一个类似本书的HTML代码示例恐怕得把所有的和转换成和显得比较麻烦。HTML代码中的plaintext和xmp/xmp可以轻松解决这个问题。 plaintext是单标签它插入到HTML代码中时其后面的所有HTML标签全部失效即浏览器对plaintext后面所有的HTML标签不作解析直接在页面上显示。 xmp/xmp是双标签它只使其包含的内容中的标签失效xmp/xmp的使用更为普遍。编写代码如代码2.7所示。 代码2.7 忽略标签的设置 html head title忽略标签的设置/title /head body h2沁园春·长沙/h2 xmp独立寒秋strong湘江北去/strong橘子洲头。 br /看万山红遍层林尽染 br /漫江碧透u百舸争流。/u br //xmp 鹰击长空strong鱼翔浅底/strong br /万类霜天竞自由。 br /怅寥廓u问苍茫大地/u谁主沉浮br / plaintext 携来百侣曾游br /忆往昔峥嵘岁月稠。 br / 恰同学少年风华正茂 br / 书生意气挥斥方遒。 br / 指点江山激扬文字 br / 粪土当年万户侯。 br / 曾记否strong到中流击水/strong浪遏飞舟 /body /html 浏览效果如图2.7所示。 图2.7 忽略标签的设置 十一、 其他文字修饰方法 为了满足不同领域的需要HTML还有其他修饰文字的标签。比较常用的有上标格式标签和下标格式标签。某些场合甚至要用到删除效果即可用HTML的中划线标签。 — 上标格式标签为双标签sup/sup多用于数学指数的表示比如某个数的平方或立方。 — 下标格式标签为双标签sub/sub多用于注释以及数学的底数表示。 — 中划线标签为双标签strike/strike多用于删除效果。 编写代码如代码2.8所示。 代码2.8 其他修饰标签的设置 html head title其他修饰标签的设置/title /head body font size5 沁园春sup长沙/supbr / 数学指数的表示2sup3/sup8、100sup2/sup10000br /hr / 沁园春sub长沙/subbr / 数学底数的表示logsub3/sub814、logsub5/sub1253br /hr / 删除效果strike我被删除了/strike /font /body /html 浏览效果如图2.8所示。 图4.14 其他修饰标签的设置 十二、为了让文字富有变化或者为了着意强调某一部分HTML提供了一些标签产生这些效果现将常用的标签列举如下 B /B 粗体 HTML语言 I /I 斜体 HTML语言 U /U 加下划线 HTML语言 TT TT 打字机字体 HTML语言 BIG /BIG 大型字体 HTML语言 SMALL /SMALL 小型字体 HTML语言 BLINK /BLINK 闪烁效果 HTML语言 EM /EM 表示强调一般为斜体 HTML语言 STRONG /STRONG 表示特别强调一般为粗体 HTML语言 CITE /CITE 用于引证、举例一般为斜体 HTML语言
