1.html标题.段落.图片.链接

最新推荐文章于 2024-03-06 21:30:48 发布

庞巴哥

最新推荐文章于 2024-03-06 21:30:48 发布

阅读量751

点赞数

分类专栏： html基础文章标签： html基础知识 html

本文链接：https://blog.csdn.net/Anping1993/article/details/71253488

版权

html基础专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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.csdn.net/anping1993" target="_blank" >我是链接 你点我啊</a><br>
    <a href="#" >我还没有链接啊</a><br>

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

庞巴哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1.html标题.段落.图片.链接

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>我是标题</title></head><body>  <h1>我是字体大小1</h1> <h2>我是字体大小2</h2> <h3>我是字体大小3</h3> <h4>我是字体大小
复制链接

扫一扫