html教程

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

在本教程中,您将学习如何使用 HTML 来创建站点。

HTML 很容易学习!相信您能很快学会它!


HTML 实例

本教程包含了数百个 HTML 实例。


使用本站的编辑器,您可以轻松实现在线修改 HTML,并查看实例运行结果。

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。


<!DOCTYPE html>
<html>
   <head>
  <meta charset="utf-8">
     <title>饭桶教程(kuaikuaixuan.com)</title>
 </head>

<body>    
<h1>我的第一个标题</h1>    
<p>我的第一个段落。</p>
</body></html>


HTML文档的后缀名

.html

.htm

以上两种后缀名没有区别,都可以使用。


开始学习HTML!


HTML 实例

在 HTML 手册中包含了数百个在线实例,您可以在线编辑并查看运行结果。


查看 HTML 实例!


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> 标签