1.html标题.段落.图片.链接_<font color =green>哈哈哈哈-优快云博客

本文详细介绍了HTML中的基本元素及其用法，包括不同级别的标题、段落标记、文本样式如斜体和加粗、字体颜色设置等。此外还展示了如何插入不同路径的图片，并通过链接将它们与其他网页连接起来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>我是标题</title>
</head>
<body>
    <!-- 标题大小 -->
    <h1>我是字体大小1</h1>
    <h2>我是字体大小2</h2>
    <h3>我是字体大小3</h3>
    <h4>我是字体大小4</h4>
    <h5>我是字体大小5</h5>
    <h6>我是字体大小6</h6>


    <p>
    <!-- P是段落 -->
    <!-- &nbsp;这个家伙是空格哦 -->
    &nbsp;&nbsp;&nbsp;&nbsp;<i>我是斜体字</i><br>
    &nbsp;&nbsp;&nbsp;&nbsp;<em>我也是斜体字哦</em>，哈哈哈 哈哈哈 <br>
    &nbsp;&nbsp;&nbsp;&nbsp;<strong>我是字体加粗</strong>，哈哈哈 哈哈哈 <br>
    &nbsp;&nbsp;&nbsp;&nbsp;<b>我也是字体加粗哦</b>，哈哈哈 哈哈哈 <br>
    &nbsp;&nbsp;&nbsp;&nbsp;<font color="green">我是变颜色</font>，哈哈哈 哈哈哈 <br>
    </p>

    <!-- 图片 -->
    <img src="http://www.hezhaoyu.com/wp-content/themes/JieStyle-One/images/weixin.jpg" alt="我是网络图片哦" width="200" height="200" ><br>
    <img src="./logo.gif" alt="当前目录图片" title="当前目录图片" ><br>
    <img src="./images/520.png" alt="当前目录下的文件夹图片" width="200" height="200" ><br>
    <img src="../images/212.jpg" alt="上层目录图片" width="200" height="200" ><br>

    <!-- 链接 -->
    <!-- target="_blank"在新窗口打开链接 -->
    <!-- #号是空链接哦 -->
    <a href="http://blog.youkuaiyun.com/anping1993" target="_blank" >我是链接 你点我啊</a><br>
    <a href="#" >我还没有链接啊</a><br>

    <!-- 图片+链接 -->
    <a href="http://blog.youkuaiyun.com/anping1993" target="_blank"><img src="./logo.gif"></a><br>
</body>
</html>