HTML网页制作基础第三弹



昨天学习了几个简单的标签,大家还记得吗?

先来复习一下,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适用于控制网页上文本的显示外观,文本的大小,字体类型和和颜色等属性的。


伪代码示例:

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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值