HTML

HTML

HTML（HyperText Markup Language）就是超⽂本标记语⾔。"超⽂本"就是表示⻚⾯内可以包含

⾮⽂字元素，如：图⽚、链接、⾳乐等等。它是⼀种建⽴⽹⻚⽂件的语⾔，通过标记式的指令（Tag），将影像、声⾳、图⽚、⽂字等链接显示

出来。这种标记性语⾔是因特⽹上⽹⻚的主要语⾔。

HTML ⽹⻚⽂件可以使⽤记事本、写字板、HBuilder、Sublime 等编辑⼯具来编写，以 .htm 或

.html 为⽂件后缀名保存。将 HTML ⽹⻚⽂件⽤浏览器打开显示，若测试没有问题则可以放到服务器

（Server）上，对外发布信息。

整体结构

常用标签

标题

• • h1-h6

水平线

• ---

  • align-center\left\right
  • size-pixels
  • width-pixels

段落

• • align-left\right\center\justify

换行

• 
  |

列表

• 有序列表

  • type-disc\circle\square

• 无序列表

  • type-1\a\A\i\I

<div…>

是⼀个块级元素，通常与css配合使⽤，⽤于布局。

div 标签可以把⽂档分割为独⽴的、不同的部分。它可以⽤作严格的组织⼯具，并且不使⽤任何格式

与其关联。

div 是⼀个块级元素。这意味着它的内容⾃动地开始⼀个新⾏。实际上，换⾏是 div 固有的唯⼀格式

表现。可以通过 div 的 class 或 id 应⽤额外的样式。

• align-left\right\center

span标签被⽤来组合⽂档中的⾏内元素 ，span 没有固定的格式表现。当对它应⽤样式时，它才会产

⽣视觉上的变化 。

格式化标签

• font

  • 字体、尺寸、颜色

• pre

• 文本标签

  • (加粗) (斜体) (下划线) (中划线) _{(下标文本) ^{(上标文本)}}

<a…>

• href-URL
• target-blank\parent\self\top\name

图片

• <img…>

  • src-URL

  • alt-text

    规定图像的替代⽂本，⼀般在图⽚⽆法正常显示占位的⽂字。

  • align-top\bottom\middle\left\right

    规定如何根据周围的⽂本来排列图像

  • title-文本

    当⿏标在图⽚上时显示的⽂字

  • border-pixels

  • height-pixels%

  • width-pixels%

表格

• 表格的⾏
  • align-right\left\center
  • bgcolor
  • valign-top\middle\bottom

• 表格内的表头单元格	标准单元格

表单

• • action-URL
  • method-get\post
  • name-Form_name
  • target- _blank_self
• • value-value
  • type-button\submit\reset\checkbox\radio\file\hidden\image\password\text
  • alt-text
  • checked-checked

• <label…>

  • for

• • type-button\submit\reset
  • value-text
  • name-button_name
  • disable-disable

• • name-name

  • size-number

  • multiple-multiple

  • disabled-disabled

  • <option…>

    • disable-disable
    • selected-selected
    • value-text

常用实体类

• 空格  
• 大于号 <
• 小于号 >
• 版权 &copy