前端学习(一) body标签(上)

主要内容：

字体标签: h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub>
排版标签: <div> 、<span> 、 <br>、<hr>、<center>、<pre>

超链接: <a>
图片标签: <img>

HTML标签中有两类标签：

　　1.字体标签

　　2.排版标签

一、字体标签

字体标签包含：h1~h6、<font>、<u>、<b>、<strong><em>、<sup>、<sub>

标题

标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right。

代码实例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>路飞学城</title>
</head>
<body>
    <h1>路飞学城</h1>
    <h2>路飞学城</h2>
    <h3>路飞学城</h3>
    <h4>路飞学城</h4>
    <h5>路飞学城</h5>
    <h6>路飞学城</h6>
</body>
</html>

浏览器效果:

前端学习(一) body标签(上)

字体标签<font>(已废弃)

color="红色"或color="#ff00cc"或color="new rgb(0,0,255)"：设置字体颜色。设置方式：单词 #ff00cc rgb(0,0,255)

size：设置字体大小。取值范围只能是：1至7。取值时，如果取值大于7那就按照7*算，如果取值小于1那就按照1*算。如果想要更大的字体，那就只能通过css样式*解决
face="微软雅黑"：设置字体类型。注意在写字体时，“微软雅黑”这四个字不能写错。

实例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>路飞学城</title>
</head>
<body>
    <font face="微软雅黑" color="green" size="16">路飞学城</font>
</body>
</html>

字体标签(已废弃)