整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 实例

TML 基础

非常简单的HTML文档

HTML 标题

HTML 段落

HTML 链接

HTML 图片

实例解析

HTML 标题

HTML 标题

在html源码中插入注释

插入水平线

实例解析

HTML 段落

HTML 段落

更多段落

本例演示在 HTML 文档中折行的使用。

HTML 格式化的某些问题。

实例解析

HTML 文本格式化

文本格式化

此例演示如何使用 pre 标签对空行和空格进行控制。

此例演示不同的"计算机输出"标签的显示效果。

此例演示如何在 HTML 文件中写地址。

此例演示如何实现缩写或首字母缩写。

此例演示如何改变文字的方向。

此例演示如何实现长短不一的引用语。

文本下划线与删除线

实例解析

HTML 样式

HTML Style 元素

背景色样式

字体样式,颜色,大小

文本对齐样式

设置文本字体

设置文本字体大小

设置文本字体颜色

设置文本字体,字体大小,字体颜色

HTML使用不同样式

没有下划线的链接

链接到一个外部样式表

实例解析

HTML 链接

创建超级链接

将图像作为链接

在新的浏览器窗口打开链接

链接到同一个页面的不同位置

跳出框架

创建电子邮件链接

创建电子邮件链接 2

实例解析

HTML 图像

插入图像

从不同的位置插入图片

排列图片

本例演示如何使图片浮动至段落的左边或右边。

制作图像链接

创建图像映射

实例解析

HTML 表格

简单的表格

没有边框的表格

表格中的表头

带有标题的表格

跨行或跨列的表格单元格

表格内的标签

单元格边距(Cell padding)

单元格间距(Cell spacing)

实例解析

HTML 列表

无序列表

有序列表

不同类型的有序列表

不同类型的无序列表

嵌套列表

嵌套列表 2

定义列表

实例解析

HTML Forms 和 Input

创建文本域(Text fields)

创建密码域

复选框

单选按钮

简单的下拉列表

预选下拉列表

本例演示如何创建一个文本域(多行文本输入控件)。

创建一个按钮

本例演示如何在数据周围绘制一个带标题的框。

带有文本域与输入域的表单

带有复选框与提交按钮的form表单

带有单选框与提交按钮的表单

发送邮件表单

实例解析

HTML iframe

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

实例解析

HTML 头部元素

描述了文档标题

HTML页面中默认的URL链接

提供文档元数据

实例解析

HTML 脚本

插入一个脚本

使用 <noscript> 标签

实例解析

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

  • JavaScript输出文本

  • 用JavaScript改变HTML元素

  • 一个外部JavaScript



  • 实例解析

JavaScript 语句、注释和代码块

  • JavaScript 语句

  • JavaScript 代码块

  • JavaScript 单行注释

  • JavaScript 多行注释

  • 使用单行注释来防止执行

  • 使用多行注释来防止执行

  • 实例解析

JavaScript 变量

  • 声明一个变量,为它赋值,然后显示出来

  • 实例解析

JavaScript 条件语句 If ... Else

  • If 语句

  • If...else 语句

  • 随机链接

  • Switch 语句

  • 实例解析

JavaScript 消息框

  • Alert(警告)框

  • 带有换行的警告框

  • 确认框

  • 提示框

  • 实例解析

JavaScript 函数

  • 函数

  • 带有参数的函数

  • 带有参数的函数 2

  • 返回值的函数

  • 带有参数并返回值的函数

  • 实例解析

JavaScript 循环

  • For 循环

  • 循环输出 HTML 标题

  • While 循环

  • Do while 循环

  • break 语句

  • continue 语句

  • 使用 For...In 声明来遍历数组内的元素

  • 实例解析

JavaScript 事件

  • onclick事件

  • onmouseover 事件

  • 实例解析

JavaScript 错误处理

  • try...catch 语句

  • 带有确认框的 try...catch 语句

  • onerror 事件

  • 实例解析

高级 JavaScript 实例

  • 创建一个欢迎 cookie

  • 简单的计时

  • 另一个简单的计时

  • 在一个无穷循环中的计时事件

  • 带有停止按钮的无穷循环中的计时事件

  • 使用计时事件制作的钟表

  • 创建对象的实例

  • 创建用于对象的模板



如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

通过前面三篇文章的学习,现在我们已经可以做一些简单的网页了,下面就用我们学到的一下标签,做一个小案例,感受一下html标签的实际应用

这个小案例,是用网页的形式,做一个小的信息展示,当然其中的内容,都是学习所用,可以自己更改,案例代码如下

代码效果如下:

这虽然是一个很小的案例,但基本上用到了前几篇文章学的一下标签,也算是对前面学习的一个回顾与总结,有时候感觉编程,就是这样,把一个复杂的东西,从简单一点一点的堆积起来,做成之后,回头再看,也是会有不小成就感的!!