博客列表 >9月28日作业

9月28日作业

php萌新
php萌新原创
2020年09月30日 00:20:12401浏览

markdown语法

1、标题

一个#是一级标题,一个文档只能有一个一级标题,二个#是二级标题,以此类推,持六级标题。

2、分割线

三个或者三个以上的 - 号

3、列表

3.1有序列表

  1. html
  2. css
  3. php

3.2无序列表

  • 前端
    • html
    • css
  • 后端
    • php
    • java
      列表支持嵌套

      4、引用

      在引用的文字前加>即可,引用也可以嵌套,如加两个>>三个>>>

      二级嵌套

      三级嵌套

5、代码块

单行代码

<?php include "header.php" ?>

多行代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>第一课</title>
  7. </head>
  8. <body>
  9. </body>
  10. </html>

6、超链接

只显示锚文本

百度

显示锚文本和链接地址

百度https://www.baidu.com

只显示链接

百度https://www.baidu.com

7、图片

可以添加内部或者外部图片
格式:图片alt属性
php图标

8、表格

课程 讲师 价格
html peter 1000

表格不支持设置大小、列宽以及行与列的合并等
如有个性化需求,可直接使用<table>标签

语义化结构元素的种类与用途

语义化的元素有header\nav\aside\main\footer\section等,主要是让用户更好理解元素的作用。
举例:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>语义化结构举例</title>
  7. </head>
  8. <body>
  9. <!-- 页眉 -->
  10. <header>
  11. <h1>这是头部&lt;header&gt;</h1>
  12. </header>
  13. <!-- 主体区 -->
  14. <div class="container">
  15. <aside>
  16. <h1>这是侧边栏&lt;aside&gt;</h1>
  17. </aside>
  18. <main>
  19. <h1>这是主体内容&lt;main&gt;</h1>
  20. <section>区块1</section>
  21. <section>区块2</section>
  22. </main>
  23. </div>
  24. <!-- 页脚 -->
  25. <footer>
  26. <h1>这是底部&lt;footer&gt;</h1>
  27. </footer>
  28. </body>
  29. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议