day27

HTML

标签分类

块级标签：独占一行，可指定高度和宽度。比如：div、p、h1-h6、html、body、列表标签等
行级标签：标签同一行显示，宽度和高度由内容决定。比如：span、a、i、em等
行级块标签：同时具备行标签和块标签的特点，标签同一行显示，可以设置宽高。比如：img 、input

结构标签

  <!DOCTYPE html>
  <html>
      <head>
          <meta charset="UTF-8">
          <title>One Price</title>
      </head>
      <body>
          GG Bond
      </body>
  </html>

排版标签

注释标签\
换行标签\
段落标签\

align：对齐方式，left、center、right
水平线标签\

width size color align

标题标签

\

—— \

\

容器标签

\
\

属于块级标签，独占一行，有高度和宽度
\\

属于行级标签，所有内容都在同一行，没有高度和宽度

列表标签

无序列表\
| 属性值 | 描述 | 用法举例 | | ---------- | -------- | ------------------------ | | circle | 空心圆 |
| | disc | 实心圆 |
| | square | 黑色方块 |
|
有序列表\
| 属性值 | 描述 | 用法举例 | | ---------- | ------------ | ------------------------------------------------------ | | 1 | 数字类型 | <ol type="1">ol> | | A | 大写字母 | <ol type="A">ol> | | a | 小写字母 | <ol type="a">ol> | | I | 大写罗马 | <ol type="I">ol> | | i | 小写罗马 | <ol type="i">ol> |

图片标签

\\

| 属性名 | 描述 | | ---------- | -------------------------------------- | | src | 引入图片的地址、绝对地址或相对地址 | | width | 图片的宽度 | | height | 图片的高度 | | align | 对齐显示方式 | | alt | 替换信息，当图片不显示时 | | title | 鼠标悬停显示内容 | | hspace | 在图片左右设定空白 | | vspace | 在图片上下设定空白 |

超链接标签

\文本或图片\

页面跳转：\文本或图片\

| 模式 | 描述 | | :-----: | :------------------------------: | | _blank | 新窗口中打开 | | _self | 自身窗口中打开，默认 | | _parent | 在父窗口中打开 | | _top | 在顶级窗口中打开 | | 自定义 | 自定义名称窗口，不会打开多个窗口 |

锚链接：跳转指定位置

定义位置： \\

指向：\文本或图片\

空链接：不做任何操作

\文本或图片\

表格标签

table: 表示定义表格

- border: 表格的边框

width: 表格的宽度

height:表格的高度

align: 表格的对齐方式 left center right

bgcolor: 表格背景颜色

tr: 表示定义一行

td: 表示定义一列

- align: 单元格中内容水平对齐方式 left center right

valign:单元格中内容垂直对齐方式 top middle bottom

th: 表示定义一列标题，居中，加粗显示

列合并：colspan=“1”

行合并：rowspan=“1”

表单标签

\
\

| 属性名 | 代码 | 描述 | | | ------- | ----------------------------------- | ----------------------------------------------- | -------------- | | action | \
\
| 把表单数据提交到该地址 | | | method | \
\
| get：不安全、数据有限；post：安全、没有大小限制 | | | enctype | \
\
| application/x-www -form-urlencoded | 默认，普通表单 | | | | multipart/form-data | 文件上传使用 |

表单元素

| 属性值 | 描述 | 代码 | | :------: | :----------: | :---------------------------------: | | text | 单行文本框 | \ | | password | 密码框 | \ | | radio | 单选按钮 | \ | | checkbox | 复选框 | \ | | submit | 提交按钮 | \ | | button | 普通按钮 | \ | | reset | 重置按钮 | \ | | image | 图片提交按钮 | \ | | file | 文件 | \ | | hidden | 隐藏域 | \ | | email | 邮箱 | \ | | number | 数值 | \ | | range | 滑块 | \ | | color | 取色框 | \ | | date | 日期框 | \ | | time | 时间框 | \ |

框架标签

\\

其他标签

| 标签 | 描述 | | ------ | ---------------------- | | meta | 定义网页元信息 | | link | 链接样式表 | | script | 定义JS代码、关联JS文件 |

特殊字符

| 特殊字符 | 描述 | | -------- | -------- | | | 空格 | | > | > | | < | < | | ® | 注册符号 | | " | 双引号 | | ¥ | 人民币 |