HTML基础知识（1）

HTML基础知识（1）

开发工具：Dreamweaver、sublime、HBuilder、Visual Studio Code。

字符集：utf-8、gb2312、BIG5、GBK

路径：
路径分为相对路径、绝对路径。
1. 相对路径：
图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如。
图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<imgsrc=“img/img01/logo.gif” />。
图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用“…/ …/”，以此类推，如。
2.绝对路径：“D:\web\img\logo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”

列表标签：
无序列表 ul
无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语 法格式如下：

• 列表项1
• 列表项2
• 列表项3
• …

，比如下面这些，新闻是没有顺序的，不用排队，先到先得，后发布先显示。
注意：
1.

中只能嵌套

• ，直接在
  标签中输入其他标签或者文字的做法是不被允 许的。 2.
• 与
• 之间相当于一个容器，可以容纳所有元素。 3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
  有序列表 ol
  有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如
  下：
  
  1. 列表项1
  2. 列表项2
  3. 列表项3
  4. …
  所有特性基本与ul 一致。
  但是实际工作中， 较少用 ol ，因此我们用一句话来总结下 ol：
  自定义列表
  定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如
  下：
  

  名词1

  名词1解释1

  名词1解释2

  … 名词2

  名词2解释1

  名词2解释2

  …

  插入链接与图片

  链接: link.

  图片:

  带尺寸的图片:

  居中的图片:

  居中并且带尺寸的图片:

  当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

  如何插入一段漂亮的代码片

  去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

  // An highlighted block
  var foo = 'bar';
  

  生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

  创建一个表格

  一个简单的表格是这么创建的：

  项目	Value
  电脑	$1600
  手机	$12
  导管	$1

  设定内容居中、居左、居右

  使用:---------:居中
  使用:----------居左
  使用----------:居右

  第一列	第二列	第三列
  第一列文本居中	第二列文本居右	第三列文本居左

  SmartyPants

  SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

  TYPE	ASCII	HTML
  Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
  Quotes	"Isn't this fun?"	“Isn’t this fun?”
  Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

  创建一个自定义列表

  Markdown

  Text-to- HTML conversion tool

  Authors

  John

  Luke

  如何创建一个注脚

  一个具有注脚的文本。¹

  注释也是必不可少的

  Markdown将文本转换为 HTML。

  KaTeX数学公式

  您可以使用渲染LaTeX数学表达式 KaTeX:

  Gamma公式展示 $\Gamma (n)=($