昨天学习了几个简单的标签,大家还记得吗? 先来复习一下,b标签-粗体字显示;p标签-段落标签;br标签-换行标签,还有两个属性bgcolor="页面背景";align=“对其方式”; 那么我们今天再来学习几个与字体字号的标签吧。 标题标签在HTML中提供了六级标题,<h1>最大,<h6>最小。咱们只要选择其中一个就可以在浏览器中显示。(标题标签独自占据一行) 代码示例: <html> <head> <title> My Page </title> </head> <body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> </body> </html> 效果显示: Font适用于控制网页上文本的显示外观,文本的大小,字体类型和和颜色等属性的。 伪代码示例: <font size="+2" color="red" face="隶书"> 文本内容 </font> 其中size是用来设置字体的显示大小的,可以设置的方位是1~7,color设置字体的颜色,face设置字体的类型。 代码示例: <html> <head> <title> My Page </title> </head> <body> <font size="+3" color="red" face="隶书"> font设置字体相关属性显示 </font> </body> </html> 效果显示: 文本标签能够使网页的内容得到充实,那图像就可以使网页的内容更加丰富多彩。使图像不仅可以使网页更加的美观、大方、整洁等,还能给网页增添无限的生机,从而吸引更多的浏览者 图像标签的基本语法: <img src="资源路径"/> 代码示例: <html> <head> <title>My Page</tite> <head> <body> 这里是图像标签;<br/> <img src="picture.jpg"/> </body> </html> 效果显示:
那么今天的内容就到这里吧!大家明天见,每天学习一点,每天进步一点。 听雨创建了一个HTML基础QQ交流群:577919336,大家有兴趣的可以进群交流一下。 |