前端html(1)

踢球的打工仔2025-12-06 9:06

由上面我们知道一个html中是有各种元素用来呈现不同的元素的，今天我们就来整理一下常用的元素！

块元素：div

html中的元素分为块级元素和内联元素，其中块级元素单独占一行，而多个内联元素是在同一行的，如果放不下就会自动换行，div就是我们常用的块级元素,span是我们常见的内联元素，比如：

复制代码

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <div>我是块级元素1</div>
        <div>我是块级元素2</div>
        <span>我是内联元素1</span>
        <span>我是内联元素2</span>
    </body>
</html>

段落：p

我们可以把大段文字分不同的段落，如下：

复制代码

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <p>我是段落1</p>
        <p>我是段落2</p>
    </body>
</html>

注：虽然效果和div差不多，但是，最好见词知意！

超链接：a

在网站中，我们点一个文字就会跳转到别的网站，这就是超链接的功能，下面我们添加一个跳转到百度的超链接：

复制代码

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <a href="http://www.baidu.com">我是超链接跳转</a>
    </body>
</html>

我们点击文字就会跳转到新的界面

标题：h1~h6

网站中的标题使用h1至h6来进行设置，越来越小，如下：

复制代码

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <h1>我是h1标题</h1>
        <h2>我是h2标题</h2>
        <h3>我是h3标题</h3>
        <h4>我是h4标题</h4>
        <h5>我是h5标题</h5>
        <h6>我是h6标题</h6>
    </body>
</html>