最新的Web开发教程

HTML例子


HTML Basic

HTML文档
HTML标题
HTML段落
HTML链接
HTML图像

举例说明


HTML Attributes

title属性
href属性
的宽度和高度属性
alt属性
属性不包括引号
属性不带引号不起作用

举例说明


HTML Headings

HTML标题
HTML水平规则
HTML头

举例说明


HTML Paragraphs

HTML段落
更多HTML段落
使用换行符在HTML
诗的问题(some problems with HTML formatting)
如何控制换行和空格与<pre>标签

举例说明


HTML Styles

HTML样式
HTML背景颜色
HTML文本颜色
HTML文本字体
HTML文本大小
HTML文本对齐

举例说明


HTML Text Formatting

使用粗体格式<b>元素
使用强格式<strong>元素
使用斜体格式<i>元素
使用强调格式化<em>元件
使用小格式<small>元件
使用标记的格式<mark>元件
使用标记删除<del>元件
使用标记插入<ins>元件
使用标记为删除和插入<del><ins>
使用下标格式<sub>元素
使用Superscript格式化<sup>元件

举例说明


HTML Quotations and Citations

格式化与短报价<q>元素。
格式化引述与区段<blockquote>元素。
与格式化文档作者/所有者信息<address>元件
格式化的缩写和首字母缩写词的<abbr>元件
格式化工作标题与<cite>元件
与格式文本方向<bdo>元件

举例说明


HTML Computercode Elements

键盘输入格式化使用<kbd>元件
使用所述计算机输出格式化<samp>元件
编程代码格式化使用<code>元件
编程代码格式保存的空白和换行符
使用可变格式<var>元件

举例说明


HTML Comments

隐藏评论
有条件的意见
评论调试

举例说明


HTML CSS

HTML内联CSS
HTML内部CSS
HTML与外部CSS
HTML的CSS字体
HTML的CSS使用id属性
HTML的CSS使用class属性
HTML和CSS边界
HTML和CSS填充
HTML和CSS保证金
HTML和CSS充分演示

举例说明


HTML Links

链接,使用绝对URL
链接,使用相对URL
更改链接的颜色
去除链接下划线
更改链接的目标
作为链接的图像
创建书签链接
打破了框架的链接
一个mailto链接
与主题的邮寄地址链接

举例说明


HTML Images

山区
使用属性的图像的高度和宽度
使用CSS的图像的高度和宽度
的图像的高度和宽度同时使用
在另一个文件夹中的图像
带着一颗破碎的链接的图像
另一台服务器上的图像
使用图像作为一个链接
一种运动图像
图像映射带有可点击区域
浮动图像

举例说明


HTML Tables

基本HTML表格
与边框的表格
与折叠边框的表格
与细胞填充的表
带有标题的表格
左对齐标题的表格
水平/垂直表格标题
有标题的表
跨越多列的表格单元
跨越多行的表格单元格
与细胞间隔的表
里面的HTML标签的表
使用ID我与不同风格的表
使用ID II不同风格的表
使用I类不同风格的表
使用II类不同风格的表

举例说明


HTML Lists

一个无序列表(default)
一个无序列表与盘发子弹
一个无序列表与圆子弹
一个无序列表用方子弹
一个无序列表没有子弹
有序列表(default)
有序列表与数字
有序列表以字母
有序列表以小写字母
有序列表与罗马数字
有序列表以小写罗马数字
说明列表
嵌套列表我
嵌套表II
水平列表
水平列表菜单

举例说明


HTML Block and inline elements

造型<div>元素
造型<span>元素

举例说明


HTML Classes

分级<div>我元件
分级<div>元素II
分级<span>元素

举例说明


HTML Layout

使用布局<div>元素
使用语义元素布局
使用布局<table>元素

举例说明


HTML IFrame

内联框架(a frame inside an HTML page)

举例说明


HTML head Elements

使用有效的HTML文档没有<html> <body, and <head>
没有一个有效的HTML文档<head>元素
所述<title>元素定义文档标题
所述<style>元素包含样式信息
所述<link>元素定义到外部资源的关系
所述<meta>元素定义了特殊的元信息
<script>元素定义客户端的JavaScript
所述<base>元素定义的所有URL的基本URL

举例说明


HTML Scripts

插入脚本
所述的使用<noscript>标签

举例说明


HTML Forms

形成文本输入
形成单选按钮输入
与文本字段的形式和一个提交按钮
有没有名字属性的文本字段形成
分组形式的数据
发送电子邮件从一个窗体

举例说明


HTML Form Elements

一个简单的下拉列表
与预先选择的值的下拉列表
一个textarea (a multi-line text input field)
输入按钮
使用<datalist>
使用<keygen>
使用<output>

举例说明


HTML Input Types

输入类型文本
输入类型密码
输入型无线电
输入类型复选框
输入类型按钮
输入型数字-有限制
输入型数字-与步骤
输入类型日期-与日期选择器
输入类型日期-有限制
输入型彩色-用颜色选择器
输入类型范围
输入类型一个月
输入型周
输入型时间
输入型日期时间
输入型的datetime本地
输入类型的电子邮件
输入类型搜索
输入型电话
输入类型网址

举例说明


HTML Input Attributes

autocomplete属性
novalidate属性
该autofocus_attribute
form属性
formaction属性
formenctype属性
formmethod属性
formnovalidate属性
formtarget属性
高度和宽度的属性
list属性
最小和最大属性
multiple属性
pattern属性
placeholder属性
required属性
step属性

举例说明


HTML5 Canvas

通过JavaScript来绘制画布上
画一条线lineTo()
绘制一个圆arc()
绘制文本fillText()
绘制文本strokeText()
绘制的线性梯度
绘制一个圆形梯度
绘制有图像drawImage()

举例说明


HTML5 SVG

SVG圆
SVG矩形
SVG圆角矩形
SVG星
SVG标志

举例说明


HTML5 Media

打兔子
播放视频熊与对照
播放视频熊与自动播放
玩马的声音与控制

举例说明


HTML5 Geolocation

获取地理位置坐标
手柄地理位置错误
获取地理位置与地图
获取与谷歌地图脚本的地理定位
获取地理位置和观看位置

举例说明


HTML5 Local Storage

永久存储的名称
永久存储计数器
存储计数器为一个会话

举例说明


More HTML5 Examples

HTML5拖放
HTML5应用程序缓存
HTML5网页工人
HTML5服务器发送事件