HTML常用标签

基本
1. …
复制代码
定义 HTML 文档
1. …
复制代码
文档的信息
1. [/code] HTML 文档的元信息
2. [code]…
复制代码
文档的标题
1. [/code] 文档与外部资源的关系
2. [code]…
复制代码
文档的样式信息
1. …
复制代码
可见的页面内容
HTML文本修饰标记
1. [/code]：加粗bold。如：HTML文件
2. [code]
复制代码
：斜体italic。如：HTML文本
1. [/code]：下划线underline。如：HTML文本
2. [code]
复制代码
：删除线strike。如：删除线
1. [/code]上标。
2. [code]
复制代码
下标。
1. [/code]字体标记
2. 属性：
3. Size：文本大小，取值1-7。1小，7大。
4. Color：颜色值。
5. Face：字体，楷体、黑体、宋体...
6. [*]HTML排版标记
7. [/list]
8. [list=1][*][code]
复制代码
表示一个段落。
常用属性：align：水平对齐方式，取值：left(左)、 center(居中)、 right(右)
举例：
1. 水平对齐方式居中对齐
复制代码
换行标记
1. [/code]
2. [*]标题标记：[code]……
复制代码
功能：定义各种标题。
属性：align水平对齐方式，取值：left、center、right。
语法：
1. [/code]
2. [/list]
3. [list][*]div和span
4. [code]
复制代码
是没有任何意义的标记，但是，又是使用最多的标记。
1. [/code]一般要与CSS配合使用。
2. [code]
复制代码
是一个块元素。
1. [/code]是没有任何意义的标记，但是，又是使用最多的标记。
2. [code]
复制代码
要与CSS配合使用。
1. [/code]是行内元素。
2. [/list]
3. （1）块元素
4. 块元素，一般是单独占一行，不管内容多少，总是占一行。
5. 块元素有哪些？[code]
复制代码
、
1. [/code]、[code]
复制代码
、
1. [/code]、[code]
复制代码
等

（2）行内元素
行内元素，不会单独占一行。
行内元素的宽度，主要是根据内容决定。
多个行内元素，会排在同一行。
行内元素有哪些？
1. [/code]、[code]
复制代码
、
1. [/code]、[code]
复制代码
、
1. [/code]、[code]
复制代码
等
结论：在标记嵌套时，一般是块元素中嵌套行内元素。
- 无序列表
  1. [/code]
  2. [code]内容1
  复制代码
  1. 内容2
  复制代码
  1. 内容3
  复制代码
  1. [/code]
  2. [/list]
  3. [code]
  复制代码
  或
  1. [/code]的常用属性
  2. [code]type
  复制代码
  ：项目符号的类型，取值：
  1. disc
  复制代码
  (小黑点)、
  1. circle
  复制代码
  (空心圆)、
  1. square
  复制代码
  (实心方块)
  注意：在HTML标记中，内容应该放在最底层标记中。
  注意：
  1. [/code]和[code]
  复制代码
  是块元素
  - 有序列表
    [/code]
    [code]列表1
    复制代码
    列表2
    复制代码
    列表3
    复制代码
    [/code]
    [/list]
    [code]
    复制代码
    或
    [/code]的常用属性
    [code]type
    复制代码
    ：编号类型，取值：1、a、A、i、I
    start
    复制代码
    ：从第几个开始编号(数字)。
    - 图片标记
    语法格式：
    [/code]
    常用属性：
    [code]Width
    复制代码
    ：图片宽度
    Height
    复制代码
    ：图片高度
    Border
    复制代码
    ：图片边框粗细。
    Src
    复制代码
    ：图片的路径(相对路径)
    Align
    复制代码
    ：图片的水平对齐方式，取值：
    left
    复制代码
    、
    center
    复制代码
    、
    right
    复制代码
    Hspace
    复制代码
    ：图片与左右文字之间的距离(水平距离)
    Vspace
    复制代码
    ：图片与上下文字之间的距离(垂直距离)。
    - 注意事项
      如果图片想等比例缩放，只需要指定
      width
      复制代码
      或
      height
      复制代码
      其中一个。
      Align
      复制代码
      属性只能让文本居中，不能让图片单独居中。
      Align
      复制代码
      可以实现“图文混排”效果。
      align = "left | right"
      复制代码
      要想让图片实现居中效果，可以给图片增加一个
      [/code]元素
      [*]表单
      [/list]
      1、表单的概念
      表单主要用来获取客户端用户数据(信息)的。如：注册表单、查询表单、登录表单等。
      2、表单的工作原理
      浏览有表单的网页，填写一些必要的信息，然后点击某个按钮进行提交。
      这些表单数据，通过互联网，传递到了服务器上。
      服务器上有专门的程序，对表单数据进行验证。如果验证成功，将你的数据存入数据库(MySQL)，则返回一个验证成功的信息。如果验证失败，将返回一个错误信息。
      从上面表单的工作原来看：表单的制作分两个部分，一是前台页面的制作，二是后台PHP对表单数据的处理。
      3、表单的结构
      [code]
      复制代码
      标记属性——块元素
      name
      复制代码
      ：给表单起个名字。这个名字主要给JavaScript来用。JS主要用来做客户端表单验证。
      method
      复制代码
      ：表单的提交方式，取值：
      get
      复制代码
      或
      post
      复制代码
      。
      action
      复制代码
      ：指定表单的处理程序，一般是PHP文件。
      如果
      action
      复制代码
      为空，那么表单数据发到哪里去了？
      结果：那么表单数据提交给了它自己来处理。
      enctype
      复制代码
      ：指定表单数据的编码方式(解密方式)。这个属性只能用在
      method = "post"
      复制代码
      的情况下。
      application/x-www-form-urldecoded
      复制代码
      //默认的加密方式
      multipart/form-data
      复制代码
      //如果你上传文件，该值必须它自己。