HTML学习2---body常用属性以及文本修饰标记

上节 ,我们了解了网站制作相关的基础知识,也了解了制作网站需要用到的语言,以及一些简单的HTML的基础知识学习笔记:

博文链接如下:http://blog.csdn.net/morixinguan/article/details/76457441

这节,来写一下body常用属性以及文本修饰标记

的常用属性
(1)bgColor : 网页的背景色。 如:
(2)Background : 网页背景图片地址 。 如:  
网页背景图片最好跟网页放在一起,最好不要用中文来命名,背景是平铺效果。
例如:


HTML文本修饰标记:
(3) 加粗 bold(跟文本相关)     如: 文字  ,这个标记没有属性
(4): 加斜体 italic(跟文本相关) 如:文字
(5): 下划线 underline。    如: 文字
(6): 删除线 strike。           如: 文字
(7): 上标。
(8): 下标。
例如:a2 + b2 = 24
(9): 字体标记
    size : 文本大小,取值1-7,1小,7大。
    Color: 颜色值。
    Face :字体。楷体、黑体、宋体。。。。

接下来看一个实例,更好了说明如何使用这些标记:

 
	
		这是一首诗构成的网页
		
	
	
	
		
		

关雎

先秦:佚名

关关雎鸠,在河之洲。窈窕淑女,君子好逑。
参差荇菜,左右流之。窈窕淑女,寤寐求之。
求之不得,寤寐思服。悠哉悠哉,辗转反侧。
参差荇菜,左右采之。窈窕淑女,琴瑟友之。
参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。

运行结果:


那如果背景颜色换成图片该怎么做呢?先在HTML文件的当前路径下创建一个images文件夹,注意,最好还是让存放图片的文件夹和HTML在同一路径下,这样便于管理。


往这个文件夹放入一张图片格式,gif,png,jpg等等都可以。。。我下面的这张是png图片。。。


然后,修改HTML代码如下:

 
	
		这是一首诗构成的网页
		
	
	
	
		
		

关雎

先秦:佚名

关关雎鸠,在河之洲。窈窕淑女,君子好逑。
参差荇菜,左右流之。窈窕淑女,寤寐求之。
求之不得,寤寐思服。悠哉悠哉,辗转反侧。
参差荇菜,左右采之。窈窕淑女,琴瑟友之。
参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。

显示结果:






你可能感兴趣的:(网站制作学习)