HTML网页制作基础第二弹




HTML简单标签

昨天学习了一下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,大家有兴趣的可以进群交流一下。    







發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章