干掉HTML

大纲

HTML是用来描述网页的一种语言

• HTML指的是超文本标记语言
• 不是一种编程语言，而是一种标记语言
• 标记语言是一套标记标签
• 使用标记标签来描述网页

HTML标签

• 在某些场合也称为元素

• 标签必须在＜＞内

• 标签可以嵌套

• 多数标签是成对出现的（比如img就是一个，这种就不能嵌套）

• 标签中的第一个标签是开始标签，第二个标签是结束标签

• 开始和结束标签也称为开放标签和闭合标签

• 常见标签

  1. div 作为布局容器
  2. a 可点击的链接
  3. img　显示图片
  4. table,tr,td 表格
  5. ul,ol 列表
  6. h1-h6 1-6级标题
  7. br换行
  8. 表单类

  • input
    

  • 提交按钮（sumlit代表的是提交键）
    
    效果如图所示 （value指的是按钮内的内容）

  • 单选框和多选框
    效果如图所示（checkbox代表多选框，radio代表的是单选框）
    

  • textarea 多行文本框

  • select 下拉列表（下拉选择选项）
    
    效果如图所示
    

  • form（可以真正地提交点击表格内容）
    
    效果如图所示（可以在表格里填写内容后点击方框，可以提交内容）

HTML属性

• 为每个标签赋予特定的功能
• 公共属性
  1.id
  2.class
  3.title
• 私有属性
• 属性总是以名称/值对的形式出现，比如name=“value”
  
• 属性总是在HTML元素的开始标签中规定
• 属性实例

  1. HTML链接由标签定义，链接的地址在href属性中指定
     < a href=“http://www.baidul.com.cn”>This is a link < /a>
     如图所示（有属性就可以点击）

  2. < h1 > 定义标题的开始。
     < h1 align=“center”> 拥有关于对齐方式的附加信息。

  3. < body> 定义 HTML 文档的主体。
     < body bgcolor=“yellow”> 拥有关于背景颜色的附加信息。

  4. < table> 定义 HTML 表格。
     < table border=“1”> 拥有关于表格边框的附加信息。

• 属性和属性值对大小写不敏感
• 属性值影视中被包括在引号内，最常用的是双引号，部分用单引号

HTML完整结构

* html

放head和body

* head

1. 描述文档属性，文档说明(title)
2. 声明网页编码
   如图所示

* body

真正用来写内容的
如图所示

整体结构框图如图所示

实战

附：留言板表格雏形代码

---

效果图