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脚本示例
插入脚本 应对不支持脚本的浏览器
示例讲解
|