博主信息
博文 19
粉丝 0
评论 0
访问量 15460
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
markdown的基本操作及html基础标签
newbie
原创
730人浏览过

一、markdown 基本操作

1.标题(示例6个)

  1. ###### 6级标题
  2. ##### 5级标题
  3. #### 4级标题
  4. ### 3级标题
  5. ## 2级标题
  6. # 1级标题

2.列表

2.1无序列表

  • 1
  • 2
  • 3
    • 1
    • 2
    • 3
      • 1
      • 2
      • 3

        2.2有序列表

        1.1
        1.2
        1.3
      1. 1
      2. 2
      3. 3

3.表格

姓名 性别 年龄 地址
老刘 38 合肥
小张 22 武汉
小高 18 杭州

4.代码

1.单行代码:<p>一段html代码</p>

2.多行代码:

  1. <h1>标题1</h1>
  2. <h2>标题2</h2>
  3. <h3>标题3</h3>

5.图片

一张小图片

6.链接

一个链接:https://developer.mozilla.org/zh-CN/docs/Web/HTTP


二、html的标签

  1. <!--声明一个html5文档-->
  2. <!DOCTYPE html>
  3. <html lang="zh-CN"><!--声明语言-->
  4. <!--head标签是整个文档的标签头内部包含 title标签 meta标签 一般外部文件的引入都会写在head标签里面-->
  5. <head>
  6. <meta charset="utf-8"/><!--这段定义了文档的编码格式-->
  7. <title>我的第N个页面</title><!--网页标签的标题-->
  8. </head>
  9. <body><!--包裹着html文档的主体部分-->
  10. <h1 style="color: red;"> 这是一个标题 </h1>
  11. <p>这是一个段落</p>
  12. <div>这是一个块(盒子)</div>
  13. <span>这是一个行内块</span>
  14. <ul>无序列表</ul>
  15. <!--ul标签和ol标签都需要搭配li标签使用-->
  16. <ol>有序列表</ol>
  17. <a href="https://www.baidu.com">超链接标签</a>
  18. <img src="./6209c897986f5556.jpg" alt="一个图片"/>
  19. <b>粗体</b>
  20. <i>斜体</i>
  21. </body>
  22. </html>
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学