Markdown知识点+HTML标签对应功能

1. 标题

# level 1 headline
## level 2 headline
### level 3 headline
#### level 4 headline
##### level 5 headline
###### level 6 headline

2. 列表

2.1 无序列表

1
2
3
- 1
- 2
- 3

2.2 有序列表

一
二
三
1. 一
2. 二
3. 三

3. 代码

单行: const project = process.env.VUE_APP_PROJECT

多行

 let lightMedia = window.matchMedia('(prefers-color-scheme: light)');
 let darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
 let callback = (e) => {
 if (e.matches) {
    this.anhei();
    }
 };
 if (typeof darkMedia.addEventListener === 'function'|| typeof lightMedia.addEventListener === 'function') {
    lightMedia.addEventListener('change', callback);
    darkMedia.addEventListener('change', callback);
 }

4. 表格

姓名	性别	职业	爱好
张三	男	教练	游戏
李四	男	学生	游泳
王五	男	老师	上网
赵六	男	老板	旅游

5. 图片

Hbuilder X

6. 链接

百度官网

7.HTML中所有标签及功能

标签	描述
<!--...-->	定义注释
<!DOCTYPE>	定义文档类型
<a>	定义超文本链接
<abbr>	定义缩写
<acronym>	定义只取首字母的缩写，不支持HTML5
<address>	定义文档作者或拥有者的联系信息
<applet>	HTML5中不赞成使用。定义嵌入的 applet。
<area>	定义图像映射内部的区域
<article>	New 定义一个文章区域
<aside>	New 定义页面的侧边栏内容
<audio>	New 定义音频内容
<b>	定义文本粗体
<base>	定义页面中所有链接的默认地址或默认目标。
<basefont>	HTML5不支持，不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>	New 允许您设置一段文本，使其脱离其父元素的文本方向设置。
<bdo>	定义文字方向
<big>	定义大号文本，HTML5不支持
<blockquote>	定义长的引用
<body>	定义文档的主体
<br>	定义换行
<button>	定义一个点击按钮
<canvas>	New 定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形
<caption>	定义表格标题
<center>	HTML5不支持，不赞成使用。定义居中文本。
<cite>	定义引用(citation)
<code>	定义计算机代码文本
<col>	定义表格中一个或多个列的属性值
<colgroup>	定义表格中供格式化的列组
<command>	New 定义命令按钮，比如单选按钮、复选框或按钮
<datalist>	New 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<dd>	定义定义列表中项目的描述
<del>	定义被删除文本
<details>	New 用于描述文档或文档某个部分的细节
<dfn>	定义定义项目
<dialog>	New 定义对话框，比如提示框
<dir>	HTML5不支持，不赞成使用。定义目录列表。
<div>	定义文档中的节
<dl>	定义列表详情
<dt>	定义列表中的项目
<em>	定义强调文本
<embed>	New 定义嵌入的内容，比如插件。
<fieldset>	定义围绕表单中元素的边框
<figcaption>	New 定义	<figure>	元素的标题
<figure>	New 规定独立的流内容（图像、图表、照片、代码等等）。
<font>	HTML5不支持，不赞成使用。定义文字的字体、尺寸和颜色。
<footer>	New 定义 section 或 document 的页脚。
<form>	定义了HTML文档的表单
<frame>	定义框架集的窗口或框架
<frameset>	定义框架集
<h1>	to	<h6>	定义 HTML 标题
<head>	定义关于文档的信息
<header>	New 定义了文档的头部区域
<hr>	定义水平线
<html>	定义 HTML 文档
<i>	定义斜体字
<iframe>	定义内联框架
<img>	定义图像
<input>	定义输入控件
<ins>	定义被插入文本
<kbd>	定义键盘文本
<keygen>	New 规定用于表单的密钥对生成器字段。
<label>	定义 input 元素的标注
<legend>	定义 fieldset 元素的标题。
<li>	定义列表的项目
<link>	定义文档与外部资源的关系
<main>	定义文档的主体部分。
<map>	定义图像映射
<mark>	New 定义带有记号的文本。请在需要突出显示文本时使用	<em>	标签。
<menu>	不赞成使用。定义菜单列表。
<meta>	定义关于 HTML 文档的元信息。
<meter>	New 定义度量衡。仅用于已知最大和最小值的度量。
<nav>	New 定义导航链接的部分
<noframes>	定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript>	定义针对不支持客户端脚本的用户的替代内容。
<object>	定义内嵌对象
<ol>	定义有序列表。
<optgroup>	定义选择列表中相关选项的组合。
<option>	定义选择列表中的选项。
<output>	New 定义不同类型的输出，比如脚本的输出。
<p>	定义段落
<param>	定义对象的参数。
<pre>	定义预格式文本。
<progress>	New 定义运行中的进度（进程）。
<q>	定义短的引用。
<rp>	New	<rp>	标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>	New	<rt>	标签定义字符（中文注音或字符）的解释或发音。
<ruby>	New	<ruby>	标签定义 ruby 注释（中文注音或字符）。
<s>	不赞成使用。定义加删除线的文本。
<samp>	定义计算机代码样本。
<script>	定义客户端脚本。
<section>	New	<section>	标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
<select>	定义选择列表（下拉列表）。
<small>	定义小号文本。
<source>	New	<source>	标签为媒介元素（比如	<video>	和	<audio>	）定义媒介资源。
<span>	定义文档中的节。
<strike>	HTML5不支持，不赞成使用。定义加删除线文本。
<strong>	定义强调文本。
<style>	定义文档的样式信息。
<sub>	定义下标文本。
<summary>	New	<summary>	标签包含 details 元素的标题，”details” 元素用于描述有关文档或文档片段的详细信息。
<sup>	定义上标文本。
<table>	定义表格。
<tbody>	定义表格中的主体内容。
<td>	定义表格中的单元。
<textarea>	定义多行的文本输入控件。
<tfoot>	定义表格中的表注内容（脚注）。
<th>	定义表格中的表头单元格。
<thead>	定义表格中的表头内容。
<time>	New 定义日期或时间，或者两者。
<template>	New 定义日期或时间，或者两者。
<title>	定义文档的标题。
<tr>	定义表格中的行。
<track>	New	<track>	标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt>	定义打字机文本。
<u>	不赞成使用。定义下划线文本。
<ul>	定义无序列表。
<var>	定义文本的变量部分。
<video>	New	<video>	标签定义视频，比如电影片段或其他视频流。
<wbr>	New 规定在文本中的何处适合添加换行符。

1. 标题

2. 列表

2.1 无序列表

2.2 有序列表

3. 代码

4. 表格

5. 图片

6. 链接

7.HTML中所有标签及功能

更多相关文章

随机推荐