Blogger Information
Blog 41
fans 0
comment 0
visits 41298
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Markdown日常使用方法和Html标签理解
幸福敲门的博客
Original
854 people have browsed it

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>

`

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post