博客列表 >Markdown日常使用方法和Html标签理解

Markdown日常使用方法和Html标签理解

幸福敲门的博客
幸福敲门的博客原创
2020年12月17日 09:21:25842浏览

Markdown日常使用方法

常用标题

用一个#表示一级标题

用两个##表示二级标题

用三个###表示三级标题

实现文本框内编辑文档

用三个开始然后用三个结尾(反引号),实现文本框内编辑相关内容
如:

  1. 雄赳赳,
  2. 气昂昂,
  3. 跨过鸭绿江。
  4. 保和平,
  5. 卫祖国,
  6. 就是保家乡。
  7. 中国好儿女,
  8. 齐心团结紧。
  9. 抗美援朝,
  10. 打败美帝野心狼!
  11. 雄赳赳,
  12. 气昂昂,
  13. 跨过鸭绿江。
  14. 保和平,
  15. 卫祖国,
  16. 就是保家乡。
  17. 中国好儿女,
  18. 齐心团结紧。
  19. 抗美援朝,
  20. 打败美帝野心狼!
  21. 野心狼!

另外用三个波浪线也可以达到同样的效果!
段落中单行代码使用一个反引号或一个波浪线
测试案例:
段落中单行代码使用一个反引号或一个波浪线 <?php echo'php中文网' ?>

朱老师知识渊博、风趣幽默、我们php的学员们都很喜欢上朱老师的课!

加粗

两个星号是加粗

斜体

一个星号是斜体

表格

表格用-和|来完成
两个冒号表示居中对齐,右边冒号向右对齐
|姓名|:学号:|性别|:邮箱:|
|李军民|:97680987621:|男|:ljm@pzsian.cn:|
|董倩倩|:21568098762:|女|:dqq@pzsian.cn:|
|刘红美|:92458098761:|女|:lhm@pzsian.cn:|
|卢刚港|:3590981621: |男|:lgg@pzsian.cn:|
|闫飞飞|:48980987621:|男|:yff@pzsian.cn:|

图片

格式!【】(网址链接)
[小姐姐

html的标题与段落样式

  1. <!DOCTYPE html>
  2. <html lang="xfqm">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>标题和段落</title>
  6. </head>
  7. <body>
  8. <!-- 页面中的看到的内容都是由元素组成
  9. 元素是由标签描述,标签根据元素的类型分为双标签和单标签
  10. 每一个元素的特征,由属性来描述,描述的属性写到起始标签中 -->
  11. <h1>php中文网十四期12月8号正式开课了!</h1>
  12. <p>犯我中华者虽远必诛!</p>
  13. </body>
  14. </html>

html链接与锚点(重要知识点)

  1. <!DOCTYPE html>
  2. <html lang="xfqm">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>标题和段落</title>
  6. </head>
  7. <body style="display: grid">
  8. <a href="https://www.baidu.ccom/" target="_self">百度</a>
  9. <!-- _blank: 跳转的新页面在新窗口打开 -->
  10. <a href="https://www.php.cn/" target="_blank">百度</a>
  11. <!-- 在指定的窗口打开 target="iframt内联框架的name值" -->
  12. <a href="https://www.baidu.com/" target="baidu">百度</a>
  13. <iframe srcdoc="<em>点击上面的:百度</em>" name="baidu" width="500"></iframe>
  14. <!-- 使用锚点,可以实现在当前页面中的任决位置进行跳转 -->
  15. <a href="#footer">跳转到底部</a>
  16. <!-- 创建锚点 -->
  17. <div id="footer" style="margin-top: 800px">底部到达</div>
  18. <a href="#">回到顶部</a>
  19. </body>
  20. </html>

图片元素

  1. <!DOCTYPE html>
  2. <html lang="xfqm">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>图片元素</title>
  6. </head>
  7. <body style="display:grid">
  8. <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg" width="300" alt="故乡的风景" width="300">
  9. </body>
  10. </html>

`

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议