lt;hr>:画一条直线
1.<h1></h1>~<h6></h6>
2.<meta>标签
(1)描述文档类型和字符编码
(2)提供搜索关键字和内容描述信息,方便搜索引擎的搜索
例:<head>
<meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" />
<meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易
平台,提供各类服饰、美容、家居、数码、……" />
</head>
3.HTML标签分类(方便后续的布局设计):
块级标签:显示为“块”状,前后隔一行
行级标签:按行逐一显示
分类好处:方便后续的布局设计
4.有序列表标签:ol li
5.无序列表标签:ul li
6.定义描述标签:dt是块状标签,所以常用于图文混编的布局场合
<dl>
<dt>标题</dt>
<dd>描述1</dd>
……
</dl>
7.表单form,一般和table一起使用:
<form>
<table>
<tr>
<td>...</td>
<td>...</td>
</tr>
.....
</table>
</form>
8.请说出实际开发常用的4种块状结构是什么?
(1).div-ui(ol)-li:常用于分类导航栏或者菜单等
(2).div-dl-dt-dd:常用于图文混编场合
(3).table-tr-td:常用于图文布局或显示数据
(4).form-table-tr-td:常用于布局表单,登录,注册……
9.图像标签:
<img src="图片地址" alt="提示文字" title="提示文字"/>
alt:当图片刷新不出来显示这个文字
title:鼠标放在图片上显示的文字
10.链接标签
<a herf="链接地址">登录</a>
11.特殊符号:
空格:
大于:>1、因为<、>等符号在HTML中已使用,所以必须用其他符号来代替,都以分号结束(;)
小于:<
引号:"
版本号:©
12.各种功能表单元素
会持续更新哦!免费学习资源。
Markdown是一种轻量级标记语言,它最初由John Gruber和Aaron Swartz在2004年共同创建,可以通过简单、纯文本的语法,快速构建格式化、排版精美的文档。其可与HTML混编,可导出为HTML、PDF、Word等格式的文件
Markdown可以让作者更多地关注内容本身而非格式排版。同样的内容,在Markdown里会比在Word、HTML等里容易很多
得益于其简洁、高效、易读、易写,Markdown被大量使用。如GitHub、Jupyter Notebook和各种博客平台,都原生支持Markdown,可以说是技术文档编写的首选,甚至可以用来帮助写公众号文章(本篇推文即用Markdown编写)
Markdown文件通常采用.md的后缀,其可以在几乎所有文本编辑器中打开编辑,如:电脑自带的记事本等
但,如果你想要预览其排版格式化的内容,则需要使用对应支持的编辑器,好用的编辑器可以帮你快速预览、导出各种格式的文档或图像等,下面介绍几款主流好用的编辑器
千万不要被标记、语言吓到,Markdown的语法十分简单,常用的标记符号不超过十个,用于日常写作记录绰绰有余,几乎不到半小时就能完全掌握,从此达到心中无尘,码字入神的境界
用于创建1-6级的标题,可对应HTML的h1 - h6
用#后加一个空格再跟标题内容的语法创建,#的数量于标题级数成正比,几级标题前就跟几个#
对应预览效果(不同编辑器、主题会呈现不同效果,可自定义,本文采用github主题):
创建段落,只需使用空白行将一行或多行文本进行分隔
预览:
如果段落含有语法字符,可使用 \ 转义,如:\*转义而非斜体\*
强调
可将文本设置为粗体或斜体来强调其重要性
需要加粗文本,只需在待加粗内容前后两侧分别添加两个*星号或_下划线,推荐使用星号
预览(效果是一样的):
需要斜体显示文本,只需在待斜体内容前后两侧分别添加一个*星号或_下划线,推荐使用星号
预览(效果一致):
如果想要同时粗体和斜体,只需在待格式内容前后两侧各添加三个*星号或_下划线,推荐使用星号
预览:
删除线
想要出现删除线效果,只需在待删除内容前后两侧各加两个~
预览:
高亮
想要高亮内容,只需在待高亮内容前后两侧各加两个=
预览:
上下标
有时需要使用上下标格式文本
使用上标,需在待上标内容两侧加一个^
预览
使用下标,需在待下标内容两侧加一个~
预览
可用于快速插入链接,达到跟HTML的a标签同样的效果
语法为:[链接描述](链接地址)
预览:
可用于快速插入图片,达到跟HTML的img标签同样的效果
语法为:,与链接语法类似,前面多了个!而已
预览:
用于创建块引用,达到突出引用内容的目的
语法为:> 引用内容,采用>后跟一个空格再加待引用内容的形式
如有多段引用内容,需要在每一段内容前均添加>,包括分隔段落用的空白行
预览:
引用还可以嵌套结合其它语法进行使用,如强调、链接、列表等,具体可自行尝试
在单独一行上使用三个或多个星号 ***、破折号--- 或下划线 ___,并且不包含其他内容,可创建一条分隔线
预览(三种方式效果一致):
用于将多个条目组织成有序或无序列表
在每个列表项前面添加破折号-、星号*或加号+(用空格隔开),缩进一个或多个列表项可创建嵌套列表
预览:
在每个列表项前添加数字并紧跟一个英文句点(用空格隔开),数字不必按数学顺序排列,但是列表会当以数字1起始
预览:
可将短语或单词表示为代码,两侧各使用一个反引号`包
如果想在代码内含有反引号,可在内容两侧使用两个反引号`包裹
预览:
用于表示一整段代码内容,语法如下,用三个反引号```或三个波浪号~~~包裹块内容
预览:
反引号后可跟内容块语法的标注名称,可起到语法高亮效果,也可不跟内容,表示普通纯文本
有时候,单纯的Markdown并不能满足我们的全部需求,此时可直接使用HTML标签表达
如<span>、<cite>、<del>、<a>、<img>或<div>等标签,同时可搭配一些简单的属性样式,起到改变文字、图片大小等效果
基础语法用于应对大部分日常场景已经十分够用,但对于某些场景仍有一些不够
使用三个或多个连字符---创建分隔标题与内容块,并使用管道|分隔每列,可以选择在表的任一端添加管道
预览:
默认是采用左对齐,可在分隔行两侧添加冒号:表示左对齐、右对齐或居中
预览:
在列表项前带有复选框,用于表达任务的完成与否
语法参考:在任务列表项之前添加破折号-和方括号[ ](两者用空格隔开),选择复选框,需在方括号[]里面添加x,如[x]
预览:
可以为内容添加注释和参考
预览:
除了本文介绍内容,Markdown还可以扩展流程图、图表和数学公式等语法,感兴趣可自行深入了解
同时,搭配不同主题还可以生成各种精美格式、以下是一个拟态风的自定义主题预览
Markdown是一种纯文本格式,用于编写结构化文档。它不仅易于阅读和书写,还可以与HTML混编,导出为HTML、PDF或Markdown格式的文件。以下是一些常用的Markdown语法:
使用#来设置标题,一级标题用一个#,二级标题用两个,以此类推。例如:
# 一级标题
## 二级标题
### 三级标题
无序列表使用-,有序列表使用阿拉伯数字和英文句号。例如:
- 无序列表项1
- 无序列表项2
1. 有序列表项1
2. 有序列表项2
插入链接:[显示文本](链接地址)
插入图片:
使用>表示引用,例如:
> 欢迎关注微信公众号
使用*包含文本表示斜体,使用两个*包含文本表示粗体。
使用单个反引号(`)括起来表示行内代码,使用三个反引号(```)表示代码块。
以下是一些支持Markdown语法的编辑器:
这些工具都能帮助你高效地使用Markdown进行写作,让你专注于内容而不必担心排版。
希望你在使用Markdown时能够更加得心应手!
*请认真填写需求信息,我们会在24小时内与您取得联系。