一、markdown 演示
1.标题
# 一级标题### 二级标题#### 三级标题#### 四级标题##### 五级标题......
如下示例
这是四级标题
这是五级标题
这是六级标题
……
2.列表
2.1 无序列表
- 前端
- html
- css
- java
- 后端
- php
- java
- python
- msql
2.2 有序列表
- 西瓜
- 香蕉
- 橘子
- 菠萝
- 橙子
3.代码
1 单行代码 单引号包住开头结尾<?php include "header.php">
2 多行代码 三个引号包住开头结尾
<!DOCTYPE html><html><head></head><body></body></html>
$name="admin"$user="123456"{//...}
4.表格
| 日期 | 金额 | 数量 | 金额 |
|---|---|---|---|
| 5 日 | 10 元 | 5 | 30 |
| 5 日 | 10 元 | 6 | 30 |
| 5 日 | 10 元 | 8 | 30 |
| 5 日 | 10 元 | 10 | 30 |
| 5 日 | 10 元 | 3 | 30 |
5.图片 链接
语法：！[图片说明]（图片地址 可以使本地 也可以是网络的）
链接:<链接>
php 中文网第十九期：https://www.php.cn/live/1382.html
二、HTML 文档描述及标签
html 文档描述
| 序号 | 名称 | 描述 |
|---|---|---|
| 1 | 结构化 | 像一根树,从根到叶子，具有明显层次 |
| 2 | DOM | html 结构使用文档对象模型来描述（document objet model） |
| 3 | 元素 | html 中的元素，如根节点、头部、主体等使用<标签>来描述 |
| 4 | 标签 | 用来描述元素，通常具有一定语义,例如<head>,<body>,也有通用无语义的<div>,<span> |
| 5 | 属性 | 描述元素特征和或行为，写在标签/起始标签中，如<meat charser="UTF-8"> |
| 6 | html | 文档大小写不敏感的，与完全没有区别，<BODY>,<body>但是推荐全部小写，除约定外(‘UTF-8’) |
标签
| 序号 | 标签 | 描述 |
|---|---|---|
| 1 | <doctype html> |
声明文档类型：是 html 类型文档 |
| 2 | <html lang="zh-cn"> |
根元素： 页面语言 |
| 3 | <head></head> |
头元素：工浏览器或搜索引擎解析时参考 |
| 4 | <meat charset="UTF-8"/> |
元标签 meta charset 默认字符集 utf-8 可表示世界上几乎所有已知语言字符集 |
| 5 | <meat http-equiv="X-UA-Compatible" content="IE=edge"/> |
浏览器兼容,原用于 IE8 适配,可确保按 IE 最高版本来解析页面,可有可无,现在微软也采用了 Chrome 内核啦 |
| 6 | <meta name="viewport" content="width=device-width,initial-scale=1.0"/> |
*视口适配控制:极其重要,这涉及到三个”视口”类型之间的转换与适配,后面讲到移动端布局更细说 |
| 7 | <title></title> |
页面标题：显示在浏览器标签页、用于描述页面信息 |
| 8 | <link rel="styllesheet" herf="style.css"> |
引入外部样式表 |
| 9 | <body><body> |
主体元素：页面实际显示的类容，也是开发重点和用户真真关注的部分 |
| 10 | <h1><h1>,<h2><h2>,<h3><h3>... |
标题标签 |
| 11 | <p><p> |
段落标签 |
| 12 | <span><span> |
行内块 |
| 12 | <ol><ol> |
有序列表 需要搭配li标签使用 |
| 12 | <ol><ul> |
无序列表 需要搭配li标签使用 |
| 12 | <b><b> |
粗体 |
| 12 | <i><i> |
斜体 |
| 13 | <div><div> |
块 |
| 13 | <video sre="1.mp4"></video> |
视频 |
注：单标签通常引用外部资源,双标签内容来自开发者提供。