HTML 示例


HTML基本标签示例

一个最简单HTML文档
显示段落
显示含有更多文本的段落
使用换行符
HTML的排版问题
使用标题
标题居中对齐
使用水平线
在HTML源代码中使用注释
添加背景色

示例讲解


HTML文本排版示例

文本排版
预先排版的文本(如何控制换行及空格)
各种“计算机输出”标签
书写地址
简写及缩写
文本方向
长引文和短引文
标出删除和插入文本

示例讲解


HTML链接示例

如何创建超链接
将图像作为链接
在新窗口中打开链接
跳到当前文档中的另一处
跳出框架
如何创建电子邮件链接(需安装有邮件客户端程序,如Outlook、Foxmail等)
创建更复杂的电子邮件链接

示例讲解


HTML框架示例

如何创建一个具有三个不同文档的垂直框架集
如何创建一个具有三个不同文档的水平框架集
如何使用<noframes>标签
如何将框架按行和列混合置放
具有noresize="noresize"属性的框架集
如何创建导航框架
内嵌框架(嵌在HTML页面内的框架)
框架载入页面时跳到指定位置
通过导航框架跳到指定位置

示例讲解


HTML表格示例

最简单的表格
各种表格边框
无边框的表格
表格的表头
空单元格
带有标题的表格
跨越多行或多列的单元格
在表格里嵌入其他元素
单元格内边距(单元格内容与边框之间的空白)
单元格间距(单元格与单元格之间的距离)
为表格添加背景色或背景图像
为单元格添加背景色或背景图像
单元格内容对齐
frame属性
frame和border属性

示例讲解


HTML列表示例

无序列表
有序列表
各种类型的有序列表
各种类型的无序列表
嵌套列表
嵌套列表2
定义列表

示例讲解


HTML表单及输入控件示例

文本输入框
密码字段
复选框
单选按钮
简单的下拉菜单
带默认选项的下拉菜单
多行文本框
创建按钮
绘制控件组边框及标题
带有文本框和提交按钮的表单
带有复选框和提交按钮的表单
带有单选按钮和提交按钮的表单
从表单发出电子邮件

示例讲解


HTML图像示例

插入图像
插入来自别的文件夹或服务器的图像
背景图像
在文本中对齐图像
令图像往段落左侧或右侧漂浮
调节图像尺寸
为图像显示备选文本(当浏览器无法加载图像时)
将图像作为超链接
创建具有热区的客户端图像地图
创建服务端图像地图

示例讲解


HTML背景示例

搭配恰当的背景与文本色
搭配不恰当的背景与文本色
合适的背景图像
合适的背景图像2
不合适的背景图像

示例讲解


HTML样式示例

HTML <head>里的样式
无下划线的链接
链接到外部样式表

示例讲解


HTML <head>示例

设置文档标题
为页面里的所有链接指定共同的目标

示例讲解


HTML <meta>示例

文档描述
文档关键字
将用户重定向到另一个URL

示例讲解


HTML脚本示例

插入脚本
应对不支持脚本的浏览器

示例讲解

粤ICP备11097351号-1