HTML 实例


HTML 基础

非常简单的HTML文档
HTML 标题
HTML 段落
HTML 链接
HTML 图片

实例解析


HTML 标题

HTML 标题
HTML 注释
隐藏注释
插入水平线

实例解析


HTML 段落

HTML 段落
更多段落
在 HTML 文档中折行的使用
HTML 格式化的某些问题

实例解析


HTML 文本格式化

文本格式化
使用 pre 标签预格式文本
"计算机输出"标签
演示如何在 HTML 文件中写地址
演示如何实现缩写或首字母缩写
演示如何改变文字的方向
演示如何实现长短不一的引用语
文本下划线与删除线

实例解析


HTML 链接

创建超级链接
将图像作为链接
点击链接,在新的浏览器窗口打开目标
链接到同一个页面的不同位置
跳出框架
创建电子邮件链接
创建更加复杂的电子邮件链接

实例解析


HTML 头部元素

描述了文档标题
HTML页面中默认的URL链接
HTML文档的meta标记

实例解析


HTML 样式

HTML Style 元素
HTML 使用样式
没有下划线的链接
链接到一个外部样式表
背景颜色
字体,字体颜色、大小
设置文本对齐

实例解析


HTML 图像

插入图像
从不同的位置插入图片
为图片显示替换文本
排列图片
调整图片大小
图片浮动至段落的左边或右边。
如何将图像作为一个链接使用
创建图像映射

实例解析


HTML 表格

简单的表格
没有边框的表格
带标题 (caption) 的表格
演示如何显示表格表头
向表格添加背景
跨行或跨列的表格单元格
表格内的标签
单元格边距(Cell padding)
单元格间距(Cell spacing)
空单元格

实例解析


HTML 列表

无序列表
有序列表
不同类型的有序列表
不同类型的无序列表
嵌套列表
嵌套列表 2
自定义列表

实例解析


HTML 表单和输入

创建文本字段 (Text field)
创建密码域
单选按钮
复选框(Checkboxes)
简单的下拉列表
预选下拉列表
一个文本域(多行文本输入控件)。
创建一个按钮
在数据周围绘制一个带标题的框。
带有文本域与输入域的表单
带有复选框与提交按钮的form表单
带有单选框与提交按钮的表单
发送邮件表单

实例解析


HTML iframe

内联框架 (HTML页面中插入框架)

实例解析


HTML 脚本

插入一个脚本
使用 <noscript> 标签
JavaScript直接在HTMl输出
JavaScript事件响应
JavaScript处理 HTML 样式

实例解析