html基础知识续

<font>:可以设置一段文字的颜色、大小、风格
  • 格式:<font size="7" color="blue" face="华文彩云">都被设置了的文字</font>
  • 属性:i. size(字体大小)=1~7  ii. color(字体的颜色)=颜色的名称 iii. face(字体的外观)=字体的名称
图片标签:将各种各样的图片资源插入到我们的页面中。
  • 格式:<img src="图片的地址" ...>
  • 属性:i. src(插入图片的地址)=“URL” ii. width(设置图片的高度)=数字  iii. height(设置图片的高度)=数字  iv. border(设置图片的边框)=数字  v. align(设置图片与周围其他元素的对齐方式):left,center,right  top,middle,bottom
代码:

html基础知识续
运行结果:

html基础知识续
根据自己的风格,可以设置一些自己喜欢的字体格式,大部分不知道的名称都是可以在Word里面找到的哦html基础知识续html基础知识续

先来一个简单的小例子,代码:
html基础知识续
运行一下,结果:

html基础知识续
这里把body标签里面设置了背景颜色和文字标签,因此,显示出来的整个背景是黄色,所有的文字都是蓝色的!

下面来进行一个更加综合的例子:
html基础知识续
运行结果:

html基础知识续
通过加强练习,可以增强自己对标签的理解和熟悉度,这样有利于制作更加复杂的网页哦html基础知识续html基础知识续
可以多插入一些图片,对图片的格式属性等更进一步的认识,设置其宽度,高度等。再就是链接属性,知道了如何做文字链接,该如何做出好看的图片链接。这都是同一类问题的扩展,学会融会贯通很重要!!!