整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html基础标签大全(网页开发基础)

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中已使用,所以必须用其他符号来代替,都以分号结束(;)

小于:<

引号:&quot

版本号:©

12.各种功能表单元素

会持续更新哦!免费学习资源。

Markdown是一种轻量级标记语言,它最初由John Gruber和Aaron Swartz2004年共同创建,可以通过简单、纯文本的语法,快速构建格式化、排版精美的文档。其可与HTML混编,可导出为HTML、PDF、Word等格式的文件

Markdown可以让作者更多地关注内容本身而非格式排版。同样的内容,在Markdown里会比在Word、HTML等里容易很多

  • 如:定义一段粗体文字
    • Word中,我们需要选中这段文字,然后选中粗体格式,或快捷键ctrl+B
    • HTML中,我们需要用strong或b标签包裹,或用CSS设置
    • 而在Markdown中,我们只需要在两侧用两个星号**包裹即可

得益于其简洁、高效、易读、易写,Markdown被大量使用。如GitHub、Jupyter Notebook和各种博客平台,都原生支持Markdown,可以说是技术文档编写的首选,甚至可以用来帮助写公众号文章(本篇推文即用Markdown编写)

使用

Markdown文件通常采用.md的后缀,其可以在几乎所有文本编辑器中打开编辑,如:电脑自带的记事本等

但,如果你想要预览其排版格式化的内容,则需要使用对应支持的编辑器,好用的编辑器可以帮你快速预览、导出各种格式的文档或图像等,下面介绍几款主流好用的编辑器

  • Typora — 可实时预览,界面简洁,支持多种格式导出,可自由导入、切换、自定义各种主题
  • VSCode — 了解的应该都了解,搭配扩展,可实现Markdown的预览编写
  • Obsidian — 一款功能强大的笔记软件,以双向链接和知识图谱为特色,适合笔记和知识管理
  • StackEdit — 功能强大的在线编辑器,可同步到Google DriveDropbox

基础语法

千万不要被标记语言吓到,Markdown的语法十分简单,常用的标记符号不超过十个,用于日常写作记录绰绰有余,几乎不到半小时就能完全掌握,从此达到心中无尘,码字入神的境界

标题

用于创建1-6级的标题,可对应HTMLh1 - h6

用#后加一个空格再跟标题内容的语法创建,#的数量于标题级数成正比,几级标题前就跟几个#

对应预览效果(不同编辑器、主题会呈现不同效果,可自定义,本文采用github主题):

段落

创建段落,只需使用空白行一行或多行文本进行分隔

预览:

如果段落含有语法字符,可使用 \ 转义,如:\*转义而非斜体\*

词汇语法

强调

可将文本设置为粗体斜体来强调其重要性

  • 粗体

需要加粗文本,只需在待加粗内容前后两侧分别添加*星号_下划线,推荐使用星号

预览(效果是一样的):

  • 斜体

需要斜体显示文本,只需在待斜体内容前后两侧分别添加*星号_下划线,推荐使用星号

预览(效果一致):

  • 粗斜体

如果想要同时粗体和斜体,只需在待格式内容前后两侧各添加*星号_下划线,推荐使用星号

预览:

删除线

想要出现删除线效果,只需在待删除内容前后两侧各加~

预览:

高亮

想要高亮内容,只需在待高亮内容前后两侧各加=

预览:

上下标

有时需要使用上下标格式文本

  • 上标

使用上标,需在待上标内容两侧加一个^

预览

  • 下标

使用下标,需在待下标内容两侧~

预览

链接

可用于快速插入链接,达到跟HTMLa标签同样的效果

语法为:[链接描述](链接地址)

预览:

图片

可用于快速插入图片,达到跟HTMLimg标签同样的效果

语法为:![图片描述](图片链接地址,可本地或网络),与链接语法类似,前面多了个!而已

预览:

引用

用于创建块引用,达到突出引用内容的目的

语法为:> 引用内容,采用>后跟一个空格再加待引用内容的形式

如有多段引用内容,需要在每一段内容前均添加>包括分隔段落用的空白行

预览:

引用还可以嵌套结合其它语法进行使用,如强调、链接、列表等,具体可自行尝试

分隔线

单独一行上使用三个或多个星号 ***、破折号--- 或下划线 ___,并且不包含其他内容,可创建一条分隔线

预览(三种方式效果一致):


列表

用于将多个条目组织成有序或无序列表

  • 无序列表

每个列表项前面添加破折号-、星号*或加号+(用空格隔开),缩进一个或多个列表项可创建嵌套列表

预览:

  • 有序列表

每个列表项前添加数字并紧跟一个英文句点(用空格隔开),数字不必按数学顺序排列,但是列表会当以数字1起始

预览:

代码

可将短语或单词表示为代码,两侧各使用一个反引号`

如果想在代码内含有反引号,可在内容两侧使用反引号`包裹

预览:

代码块

用于表示一整段代码内容,语法如下,用三个反引号```三个波浪号~~~包裹块内容

预览:

反引号后可跟内容块语法的标注名称,可起到语法高亮效果,也可不跟内容,表示普通纯文本

内嵌HTML

有时候,单纯的Markdown并不能满足我们的全部需求,此时可直接使用HTML标签表达

<span><cite><del><a><img><div>等标签,同时可搭配一些简单的属性样式,起到改变文字、图片大小等效果

高级语法

基础语法用于应对大部分日常场景已经十分够用,但对于某些场景仍有一些不够

表格

使用个或连字符---创建分隔标题与内容块,并使用管道|分隔每列,可以选择在表的任一端添加管道

预览:

默认是采用左对齐,可在分隔行两侧添加冒号:表示左对齐、右对齐或居中

预览:

任务列表

在列表项前带有复选框,用于表达任务的完成与否

语法参考:在任务列表项之前添加破折号-方括号[ ](两者用空格隔开),选择复选框,需在方括号[]里面添加x,如[x]

预览:

脚注

可以为内容添加注释和参考

  • 脚注使用[^1]: 注释一内容的形式定义,[^1]为脚注标识,^后可跟数字或单词(这里为数字1),脚注内容标识之间用冒号空格隔开
  • 引用脚注只需在内容后加脚注标识即可[^1]

预览:

最后

除了本文介绍内容,Markdown还可以扩展流程图图表数学公式等语法,感兴趣可自行深入了解

同时,搭配不同主题还可以生成各种精美格式、以下是一个拟态风的自定义主题预览

谈到轻量级标记语言时,Markdown是一个备受欢迎的选择。它的简洁性和易读性使其成为许多人在写作、博客、笔记和技术文档中的首选。在本文中,我将介绍Markdown的基本语法,以及一些常用的Markdown编辑器。

Markdown 简介

Markdown是一种纯文本格式,用于编写结构化文档。它不仅易于阅读和书写,还可以与HTML混编,导出为HTML、PDF或Markdown格式的文件。以下是一些常用的Markdown语法:

1. 标题

使用#来设置标题,一级标题用一个#,二级标题用两个,以此类推。例如:

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

2. 列表

无序列表使用-,有序列表使用阿拉伯数字和英文句号。例如:

- 无序列表项1
- 无序列表项2
1. 有序列表项1
2. 有序列表项2

3. 链接和图片

插入链接:[显示文本](链接地址)
插入图片:![](图片链接地址)

4. 引用

使用>表示引用,例如:

> 欢迎关注微信公众号

5. 粗体和斜体

使用*包含文本表示斜体,使用两个*包含文本表示粗体。

6. 代码引用

使用单个反引号(`)括起来表示行内代码,使用三个反引号(```)表示代码块。

常用的Markdown编辑器

以下是一些支持Markdown语法的编辑器:

  1. Typora:一个极简的Markdown编辑器,支持Windows、MacOS和Linux。
  2. Ulysses:适用于MacOS和iOS的Markdown编辑器。
  3. Bear:适用于MacOS和iOS的Markdown编辑器。
  4. Atom:支持Windows、MacOS和Linux的代码编辑器。
  5. Visual Studio Code:功能强大的代码编辑器,支持Windows、MacOS和Linux。
  6. 印象笔记:支持Android、iOS、Windows和MacOS。
  7. 有道云笔记:支持Android、iOS、Windows和MacOS。
  8. 石墨文档:支持Android、iOS、Windows、MacOS和小程序。

这些工具都能帮助你高效地使用Markdown进行写作,让你专注于内容而不必担心排版。
希望你在使用Markdown时能够更加得心应手!