html标签1

发布时间 2023-10-23 23:58:35作者: Eachic

看了一晚上的文档和视频大概学了html中的几个标签,感觉html像是复杂化的md???


head标签

里面可以放title,meta,以及内置的css(还没开始学),(用style标签表示)

<head>
    <meta charset="uft-8">
    <title>mywebsite</title>
    <style type="text/css">
        h1 {
            background-color: antiquewhite;
            color: red;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }

        p {
            color: blue;
        }
    </style>
</head>

body标签

里面是网页渲染的主题内容。

h标签

放在body标签中,用于呈现标题,有h1到h6,6种不同的大小

    <h1>Eachic</h1>
    <h2>Eachic</h2>
    <h3>Eachic</h3>
    <h4>Eachic</h4>
    <h5>Eachic</h5>
    <h6>Eachic</h6>

渲染效果

Eachic

Eachic

Eachic

Eachic

Eachic
Eachic

p标签

用于书写段落,一个p标签就是一行

    <p>我的第一个段落。</p>
    <p>这是我的第二个段落</p>
    <p>这是我的第三个段落
    但是我在代码部分换行了
    </p>

渲染效果

我的第一个段落。

这是我的第二个段落

这是我的第三个段落 但是我在代码部分换行了

br,hr标签

一个是换行标签,一个是横线标签

    <p>这是一个段落<br>但是我换行了</p>
    <hr><!--打个分割线,顺便介绍一下注释标签-->

渲染效果

这是一个段落
但是我换行了


audio标签

放音频的标签

<audio scr="url" controls loop autoplay></audio>
<!--control用于增加进度和开始暂停键-->
<!--loop用于循环播放-->
<!--autoplay用于自动播放,但一般浏览器并不支持,所以基本没什么用-->

渲染结果就不放了 doge()