Web开发基础：HTML

• 是元标签，可以设置字符编码解决中文乱码问题

[](()HTML标签分类

======================================================================

HTML标签按显示效果可以分为：

• 块级标签：单独占一行，可以设置高和宽

• 内联标签：一行显示多个，不可以设置高和宽

块级标签包括：

• 标题：h1~h6

• 段落：p

• 水平线：hr

• 有序列表：ol + li

• 无序列表：ul + li

• 目录列表：dl + dt + dd

• 区块 div

• 表格 table

• 表单 form

内联标签包含：

• 图像标签：img

• span标签

• 换行： br

• 超链接： a

• 格式标签：斜体、加粗、下划线、删除线

[](()常用HTML标签

======================================================================

[](()有序列表： ol + li

---

type可以设置排序的类型：数字1、字母A、罗马数字I 等

• 米饭
• 青菜
• 牛肉
• 炒肥肠

• 1. 米饭

  2. 青菜

  3. 牛肉

  4. 炒肥肠

  [](()无序列表：ul + li

  ---

  type可以设置前面符号的类型：circle、square等
• 看书
• 看博客
• 看视频
• 敲代码

• • 看书

  • 看博客

  • 看视频

  • 敲代码

  [](()目录列表：dl + dt + dd

  ---

  标题
  内容1
  内容2
  内容3

  标题

  内容1

  内容2

  内容3

  [](()标题标签： h1 ~ h6

  ---

  标题1

  标题2

  标题3

  标题4

  标题5

  标题6

  标题1

  ===

  标题2

  ---

  标题3

  标题4

  标题5

  标题6

  [](()段落标签：p

  ---

  主要用于描述段落文字

  这是段落1

  这是段落2

  这是段落1

  这是段落2

  [](()区块标签：div

  ---

  div标签主要用于配合css样式完成页面的布局。

  Hello

  

  [](()图像标签：img

  ---

  用法：

  

  图片路径分为：

  • 绝对路径，完整的文件路径，从盘符或主机名开始，如：D:/images/xxx.jpg

  如果是本地文件使用绝对路径，本地文件位置改变后，

  图片就会失效。

  绝对路径主要用于：显示外部网站图片。

  • 相对路径，相对网页的文件位置，如：images/xxx.jpg

  网站中的本地图片一般都使用这种。

  [](()范围标签 span

  ---

  作用就是将一段文字突出显示，需要和样式配合使用

  今天是2018年6月4号

  

  [](()超链接 a

  ---

  用法：

  链接文字

  说明：

  • 页面的路径

  分为绝对路径和相对路径，如果链接外部网站的页面就用绝对路径，链接本网站的页面用相对路径。

  • target属性

  _blank 在新页面打开

  _parent 在父页面打开

  _self 在当前页面打开（默认）

  [](()特殊超链接

  [](()锚链接

  作用：在一个网页内部实现定位，如：回到顶部

  实现步骤：

  1、在网页的某一个位置添加锚链接

  2、在需要链接的地方添加：

  <a href="#锚名字>文字

  [](()邮箱链接

  作用：可以自动打开邮件客户端

  链接文字

  [](()特殊符号

  ---

  空格： 

  大于(>)：>

  小于(<）: <

  引号（“）："

  版权号© ：©

  [](()表格标签

  ==================================================================

  页面中的表格一般用于页面布局或是展示数据报表。

  表格的基本结构

  table是表格，tr代表一行、td代表一个单元格

  单元格内容

  …

  …