首页 > 博客列表 > markdown语法学习和 HTML 小结

博主信息

博文 12

粉丝 0

访问量 8694

专题推荐

更多>

markdown 用法

1.标题

例子

标题名

语法[^1]

# 一级标题
## 二级标题
### 三级标题
### 四级标题

2.列表

2.1无序列表

例子

列表1
列表2
列表3
列表4
- 列表4.1
- 列表4.2
  语法[^2]
``` markdown
列表1
列表2
列表3
列表4
- 列表4.1
- 列表4.2
```
2.2有序列表
例子

列表1
列表2
列表3
列表4
1. 列表4.1
2. 列表4.2
  语法[^3]
``` markdown
列表1
列表2
列表3

列表4

列表4.1

列表4.2

## 3.代码
### 3.1单行代码
例子
`int count = 1 ;`
语法
``` java
`int count = 1 ;`

3.2多行代码

例子
```java

int temp ;

temp = a ;

a = b ;

b = temp ;

语法[^4]
``` java
{
[```]java
int temp ;
temp = a ;
a = b ;
b = temp ;
[```]
}

4.表格

例子
|id| name| phone | email |
|—-|—-|—-|—-|
|1| 张三 |180**| ####@qq.com|
|2| 李四 |130** |####@163.com|
|3| 王五 |136** |####@qq.com|
语法

|id| name| phone | email |
|---|---|---|---|
|1|  张三 |180********| ####@qq.com|
|2| 李四 |130******** |####@163.com|
|3|  王五 |136******** |####@qq.com|

5.图片[^5]

例子
第十九期_前端开发
语法

![第十九期_前端开发](https://img.php.cn/upload/course/000/000/041/6209c897986f5556.jpg)

6.链接

例子
课程直播地址 : https://www.php.cn/blog/detail/20178.html
语法
课程直播地址 : <https://www.php.cn/blog/detail/20178.html>

HTML小结

<!-- 文档类型 -->
<!DOCTYPE html>
<!-- ?根元素: lang 页面语言 -->
<html lang="zh-CN">
<!-- 
    头元素: 页面描述,供浏览器或搜索引擎解析时参考 
    语言-国家 
    zh-CN 代表中国 
    en 代表英国
    en-US 代表美国
    ...
-->
<head>
    <!-- 元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
    <meta charset="UTF-8" />
    <!-- 
        浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 
        编码格式
        UTF-8
        UTF-16
        ISO-8859-1
        ...
        -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
    <title>Document</title>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="style.css" />
    <!-- 引入外部脚本 -->
    <script src="outer.js"></script>
</head>
<!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
<body>
    <h1 style="color: red">hello world</h1>
    <h1>今晚大家很认真</h1>
    <img src="xxx.jpg" alt="" />
    <!-- 单标签: 通常用于引用外部资源，也有特殊 像img，script-->
    <!--双标签: 内容来自开发者提供 -->
</body>
</html>

[^1]: 一个’#’号代表一级标签分级不宜过多一般使用到三级
[^2]: “-“前无空格为一级列表加两个空格为二级；”-“后需要一个空格
[^3]: “.”前无空格为一级列表加三个空格为二级；”.”后需要一个空格
[^4]: “```”跟上代码类型
[^5]: “[ ]”里的图片说明在地址失效时显现

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

markdown语法学习和 HTML 小结

2022-03-17 15:49:43