HTML基础

1.认识标题标签h1-h6

<body>
    <h1>这是一个1级标题</h1>
    <h2>这是一个2级标题</h2>
    <h3>这是一个3级标题</h3>
    <h4>这是一个4级标题</h4>
    <h5>这是一个5级标题</h5>
    <h6>这是一个6级标题</h6>
</body>

效果：

2.认识段落标签p

<body>
    <p>这是一个段落</p>
    <p>这是另外一个段落</p>
</body>

效果图：

3.HTML连接标签

html链接是通过<a>标签来定义的

<a href="https://www.baidu.com">百度</a>

效果图：

4.HTML图像

HTML 图像是通过标签 <img> 来定义的.

<img src="F:\写真\夏夏双人\大图\BG7A6359-恢复的" >

效果图：

 

4个案例的组合

<body>
    <h1>这是一个1级标题</h1>
    <h2>这是一个2级标题</h2>
    <h3>这是一个3级标题</h3>
    <h4>这是一个4级标题</h4>
    <h5>这是一个5级标题</h5>
    <h6>这是一个6级标题</h6>
    <p>这是一个段落</p>
    <p>这是另外一个段落</p>
    <a href="https://www.baidu.com">百度</a>
    <br>
    <img src="F:\写真\夏夏双人\大图\BG7A6359-恢复的" >
</body>

效果图：

 

posted @ 2022-07-04 14:49  程序媛猫猫  阅读(19)  评论(0)    收藏  举报