HTML入门学习笔记（3）----html的标签 （下）

目录

1. 表格标签

1.1 表格的作用

1.2 表格的基本语法

 1.3 表头单元格标签

 1.4 表格属性

 案例

1.5 表格结构标签

1.6 合并单元格

 2. 列表标签

 3、表单

① input表单

②textarea 标签表单 — — 多行文本框

③ 下列列表

4、插入音频、视频、flash

5、插入背景音乐

6、悬浮框架 iframe

 7、HTML5 新标签

---

1. 表格标签

1.1 表格的作用

表格不是用来布局页面的,而是用来 展示数据 的.

1.2 表格的基本语法

  

 1.3 表头单元格标签

 1.4 表格属性

height  高度

 案例

先书写表格的结构

后书写表格属性

1.5 表格结构标签

1.6 合并单元格

 

 

 

 2. 列表标签

•    有序列表
  1.    无序列表

     •    定义列表

语法：

    
    
    
    


    
    

        
兴趣是最好的老师，其次是耻辱。
        
好听的话不该记着，也不该当真。
    
    
    
    

        
兴趣是最好的老师，其次是耻辱。
        
好听的话不该记着，也不该当真。
    
    
    

        
杨绛先生
        
你的问题主要在于读书太少而想的太多。
        
故人笑比中庭树，一日秋风一日疏。
    

页面效果

 3、表单

① input表单

type 属性值 ：

• text（单行文本框）
• passward（密码文本框）
• button（按钮）或者按钮
• submit（提交按钮）
• reset（重置按钮）
• image（图像形式的提交按钮）
• radio（单选按钮）
• checkbox（复选框）
• hidden（隐藏字段）
• file（文件上传）

（用户体验细节：刷新后想让第一个输入框默认选中状态，给输入框设置autofocus="autofucus"）

②textarea 标签表单 — — 多行文本框

多行文本框内容

注意：每个浏览器解析不一样，多行文本框可以在CSS上设置width & height

③ 下列列表

由标签和标签配合使用

语法：

选项显示的内容 选项显示的内容 选项显示的内容

4、插入音频、视频、flash

#px作为单位

5、插入背景音乐

bgsound标签 只适用于IE浏览器（除了bgsound,还有embed标签和object标签）

loop = "2"   重复2次

loop = "infinite"  或 loop = "-1"     无限次循环

6、悬浮框架 iframe

• scrolling = "auto"    根据需要显示（默认值），在浏览器页面左对齐
• scrolling = "yes"     总是显示
• scrolling = "no"      不显示

 7、HTML5 新标签

    
头部
    
导航条
    
侧导航
    
文章块
    
底部

这些 HTML5 新标签IE低版本不识别，只能用在手机网站的书写。