HTML5技术

沓世邦

目录

  • 1 Web前端职业前景与重要概念
    • 1.1 初识HTML
  • 2 HTML5页面的构建与简单控制
    • 2.1 DW环境与H5入门
    • 2.2 HTML5常见主体元素
  • 3 CSS3基础入门
    • 3.1 CSS3基础
    • 3.2 盒模型
    • 3.3 CSS3进阶
  • 4 实现Web前端排版的基本美化
    • 4.1 CSS文本排版
    • 4.2 控制图像和超链接
  • 5 浮动、定位与列表
    • 5.1 浮动与清除
    • 5.2 定位
    • 5.3 图像与浮动实训
    • 5.4 纵向列表
    • 5.5 横向列表
  • 6 增强型表单与简易表格
    • 6.1 表单的创建与常用控件1
    • 6.2 表单常用控件2
    • 6.3 登录表单实训
    • 6.4 表格
  • 7 CSS3与H5高级应用
    • 7.1 第一课时 CSS Sprite与渐变
    • 7.2 第二课时 变形与过渡
  • 8 pc端典型页面的设计与实现
    • 8.1 典型首页设计
    • 8.2 典型首页设计2
    • 8.3 典型首页设计之3
  • 9 多设备响应式页面的实现
    • 9.1 响应式页面开发
    • 9.2 响应式页面开发实例(1)
    • 9.3 响应式页面开发实例(2)
    • 9.4 响应式页面实训
  • 10 Web App 类页面设计
    • 10.1 Web App开发基础
    • 10.2 Bootstrap的CSS
    • 10.3 Bootstrap栅格系统
    • 10.4 Bootstrap插件
  • 11 期末考查
    • 11.1 期末考查讲解
表格

本课要点:

本课讲述表格的基本知识,并从实际应用出发,介绍表格相关的属性和常见美化效果。

表格(table)属于块元素,目前多用于显示有规律的数据。

一、表格中常见的标签

(1)<table>标签      标记表格的开始与结束

(2)<caption>标签     表格的标题

(3)<tbody>标签     用于分段显示表格

(4)<tr>标签            表格中的一行

(5)<th>标签           行或列的标题

(6)<td>标签           表格中的一个格子

使用DreamWerver的菜单创建表格:


二、拆分、合并单元格

三、插入、删除行和列

四、表格的常用属性

  border 表格边框

  cellspacing   单元格之间的间距

  cellpadding  单元格的内填充


五、细线表格与隔行换色

实现细线表格最简单的方法是把cellspacing ( 单元格之间的间距)设为0;

实现表格隔行换色最简单的方法是使用伪类选择器;