博客列表 >Markdown知识点+HTML标签对应功能

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

.
.原创
2022年03月17日 00:45:09834浏览

1. 标题

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

2. 列表

2.1 无序列表

  • 1
  • 2
  • 3
    • 1
    • 2
    • 3

2.2 有序列表

3. 代码

  1. 单行: const project = process.env.VUE_APP_PROJECT
  2. 多行
    1. let lightMedia = window.matchMedia('(prefers-color-scheme: light)');
    2. let darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
    3. let callback = (e) => {
    4. if (e.matches) {
    5. this.anhei();
    6. }
    7. };
    8. if (typeof darkMedia.addEventListener === 'function'|| typeof lightMedia.addEventListener === 'function') {
    9. lightMedia.addEventListener('change', callback);
    10. darkMedia.addEventListener('change', callback);
    11. }

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 规定在文本中的何处适合添加换行符。
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议