网页设计中如何设置约定的字体格式样式
设置字体样式的基本标签是
二、设置文字的颜色?
颜色是
Code 4.7字体颜色设置:font_color.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt字体颜色的设置
& lt/head & gt;?
& ltbody & gt?
浅红色文本:
深红色文本:
浅绿色文本:
深绿色文本:
浅蓝色文本:
深蓝色文本:
浅黄色文本:
深黄色文本:
浅青色文本:
暗青色文本:
浅紫色文本:
深紫色文本:
& lt/body & gt;?
& lt/html & gt;?
不仅可以从代码4.7中学习字体标签中颜色属性的用法,还可以熟悉各种颜色的表示方法。?
三、设置文字大小?
尺寸也是
Code 4.8字体大小设置:font_size.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt字体大小的设置
& lt/head & gt;?
& ltbody & gt?
大小是1:
尺寸是2:
尺寸是3:
尺寸是4:
尺寸是5:
尺寸是6:
尺寸是7:
& lt/body & gt;?
& lt/html & gt;?
尝试在大小值前添加“+”和“-”字符,更灵活地设置文本大小。?
四、设置文字的字体?
面子也是
Code 4.9字体字体设置:font_face.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt字体字体设置
& lt/head & gt;?
& ltbody & gt?
字体为宋体:< font size="5 " >长沙沁园春-毛泽东。& ltbr/>;?
字体为楷体:
字体为粗体:
字体为隶书:< font size="5 " >长沙沁园春-毛泽东。?
& lt/body & gt;?
& lt/html & gt;?
5.倾斜文字?
带有双标签
& lt我& gt这是斜体文本
& ltem & gt这也是斜体文本
第六,把文字加粗?
带有双标签
& ltb & gt这是粗体文本
& ltstrong & gt这也是粗体文本
7.给文本加下划线?
带有双标签
代码4.10文本修改的设置:font_style.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt字体装饰的设置
& lt/head & gt;?
& ltbody & gt?
& ltfont size="5 " >斜体:
粗体:
下划线:
斜体以粗体加下划线:
& lt/body & gt;?
& lt/html & gt;?
—注意:当多个标签包含相同的文本时,包含的顺序不能放错。?
八、多种标题风格的运用?
网页上的一篇文章,为了突出标题的重要性,标题样式比较特别。HTML技术保护标题的一组样式标签,它们是双标签
代码4.11标题设置:font_h.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt标题的设置
& lt/head & gt;?
& ltbody & gt?
& lth 1 & gt;标题编号1 < /h1 >?
& lth2 & gt标题2 < /h2 >?
& lth3 & gt标题3
& lth4 & gt标题4
& lth5 & gt标题5
& lth6 & gt标题6
& lth 1 & gt;《财富》杂志:为什么谷歌没有兴盛和衰落
& lth3 & gt遇到潜在的问题
& ltp & gt& ampnbsp& ampnbsp& ampnbsp& ampnbsp有业内人士认为,谷歌对互联网搜索和广告市场的长期垄断可能会盛极而衰。与此同时,谷歌最近推出的许多新计划,如开放手机联盟、社交网站通用平台OpenSocial,以及投资数十亿美元竞标无线频段的可能性,也受到了广泛质疑。?
& lth3 & gt将继续垄断搜索
& ltp & gt& ampnbsp& ampnbsp& ampnbsp& ampnbsp最近有文章说,如果有更好的搜索引擎,人们会毫不犹豫地放弃谷歌。但是,即使有更好的搜索引擎,谷歌依然可以屹立一段时间。...在这种情况下,网站的速度往往成为胜负的关键。& lt/p & gt;?
& lt/body & gt;?
& lt/html & gt;?
学习处理网页中的特殊字符?
在HTML中,有些字符有特殊的含义,比如“”是标签的左右括号,标签控制HTML的显示。标签本身只能由浏览器解析,不能在页面中显示。那么,如何显示“”和?
特殊符号?
HTML代码?
特殊符号?
HTML代码?
& lt?
& amplt;?
(商标符号)?
& amp贸易;?
& gt?
& ampgt;?
(注册符号)?
& ampreg?
" "(英文半角)?
& ampquot?
×?
& amp时代;?
?
& amp教派;?
(版权符号)?
& amp复制;?
在D:\web\目录下创建一个网页文件,命名为string.htm。编写string.htm代码,如代码4.12所示。?
代码4.12特殊字符设置:string.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt特殊字符的设置
& lt/head & gt;?
& ltbody & gt?
& ltfont size="5 " >?
标签的显示方式:&;lt;HTML & ampgt;& ltbr/>;?
引号的显示方式:&;quot英文半角双引号&;quot& ltbr/>;?
商标展示方式:&;贸易;& ltbr/>;?
注册符号的显示方式:&;reg& ltbr/>;?
版权符号的显示方式:&;复制;& ltbr/>;?
秀&教派;& ltbr/>;?
演出和时间;?
& lt/font & gt;?
& lt/body & gt;?
& lt/html & gt;?
—描述:单独显示符号&;您必须使用代码&;amp。?
X.如何方便的忽略浏览器对一些HTML的解析?
如果你在网页中做一个类似这本书的HTML代码例子,恐怕你要把所有的转换为& amp;lt;并且& gt,好像比较麻烦。
& lt明文& gt是单个标记,当它被插入到HTML代码中时,它后面的所有HTML标记都将无效,也就是说,浏览器对
& ltxmp & gt& lt/xmp & gt;是一个double标记,它只使它包含的内容中的标记无效。
代码4.13忽略标签设置:html.htm?
& lthtml & gt?
& lthead & gt?
& lttitle & gt忽略标签的设置
& lt/head & gt;?
& ltbody & gt?
& lth2 & gt长沙沁园春
& ltxmp & gt独立寒秋,
雄鹰直击天空,
& lt明文& gt?
带上100对旅行过的夫妇,
& lt/body & gt;?
& lt/html & gt;?
XI。文字修改的其他方法?
为了满足不同领域的需求,HTML还有其他修改文本的标签。更常用的是上标格式标签和下标格式标签。在某些情况下,你甚至需要使用删除效果,也就是说,你可以在HTML中使用下划线标签。?
—上标格式标签是双标签
—下标格式标签是双标签
—带下划线的标签是双标签
在D:\web\目录下创建一个网页文件,命名为other.htm,编写代码如代码4.14所示。?
代码4.14其他装饰标签设置:other?
& lthtml & gt?
& lthead & gt?
& lttitle & gt其他装饰标签的设置
& lt/head & gt;?
& ltbody & gt?
& ltfont size="5 " >?
秦;长沙!& ltbr/>;?
数学指数的表示:2
秦;长沙。!& ltbr/>;?
数学基础的表示:对数
删除效果:
& lt/font & gt;?
& lt/body & gt;?
& lt/html & gt;?