昨天学习了一下HTML的基本概念和基本结构,相信大家都已经尝试过了。是不是在浏览器中显示了自己的第一个网页.是不是感觉很新奇,原来网页就是由这些标签所组成的。那么我们今天就来学习几个新的标签!
首先我们昨天不是讲过body 标签吗,body标签中的内容都是会显示在浏览器中,那么我们就可以改变浏览器的背景颜色,通过在body内设置bgcolor属性就可以修改浏览器的背景颜色。
完整代码示例:
<html>
<head>
<title>
My First page 听雨
</title>
</head>
<body bgcolor="yellow">
Hello word MyPage 欢迎大家
</body>
</html>
效果图显示:
学过页面背景颜色标签之后我们再来学习一个文字标签,b 标签 。之前我也讲过一般来说所有的标签都是由头标签和尾标签组成,那么 b 标签同样如此,例子:<b>.....</b> 在b标签中的内容同样是会显示在网页中的,那么我们来看一下在网页中显示是什么样的一个效果吧。
完整代码示例:
<html>
<head>
<title>
My First page 听雨
</title>
</head>
<body bgcolor="yellow">
Hello word MyPage 欢迎大家
这里是浏览器的默认字体显示效果
<b>这里是经过b标签修饰过的字体</b>
</body>
</html>
效果图:
这样大家是不是有了一个很明显的对比效果,发现经过b标签修饰过的字都是加粗显示了。所以b标签就是将字体进行加粗显示。
而相反的还有将字体缩小显示的标签small标签,使用方式同b标签一样,<small>字体会缩小显示</small>,大家可以自行尝试。
p标签是用来创建一个段落的标签,在此标签之间的内容在浏览器中会以段落的形式显示出来。p标签还有align属性可以用来设置文字的对齐方式。
如:<p align=“参数”></p> align的参数可以是left(左对齐),center(居中),Right(右对齐)三个值中的任意一个。
代码段:
<p align="left">这里是左对齐</p>
<p align="center">这里是居中显示</p>
<p align="right>这里是右对齐</p>
效果图:
下面我们再来学习今天的最后一个标签也是一个特殊的标签,之前我这边就讲过一般标签都是由头标签和尾标签组成,那么既然是一般的情况,就会有不一般的情况;例如<br/>标签,br是一个简单的单标记标签,它既是开始也是结束。
代码段实例:
床前明月光<br>
疑是地上霜</br>
举头望明月<br/>
低头思故乡
效果图:
那么今天的内容就到这里吧!大家明天见,每天学习一点,每天进步一点。
今天听雨创建了一个HTML基础交流群:577919336,大家有兴趣的可以进群交流一下。