整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
TML 支持有序、无序和定义列表:
HTML 列表
有序列表
| 无序列表
|
本例演示无序列表。无序列表
有序列表
本例演示有序列表。
HTML无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表使用 <ul> 标签
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下：
Coffee
Milk
HTML 有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
列表项项使用数字来标记。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器中显示如下：
Coffee
Milk
HTML 自定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
浏览器显示如下：
Coffee
- black hot drink
Milk
- white cold drink
注意事项 - 有用提示
提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
更多实例
不同类型的有序列表
本例演示不同类型的有序列表。
不同类型的无序列表
本例演示不同类型的无序列表。
嵌套列表
本例演示如何嵌套列表。
嵌套列表 2
本例演示更复杂的嵌套列表。
自定义列表
本例演示一个定义列表。
HTML 列表标签
| 标签 | 描述 |
|---|---|
| <ol> | 定义有序列表 |
| <ul> | 定义无序列表 |
| <li> | 定义列表项 |
| <dl> | 定义定义列表 |
| <dt> | 自定义列表项目 |
| <dd> | 定义自定列表项的描述 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
HTML 中，正确的字符编码是什么？
HTML5 中默认的字符编码是 UTF-8。
这并非总是如此。早期网络的字符编码是 ASCII 码。
后来，从 HTML 2.0 到 HTML 4.01，ISO-8859-1 被认定为标准。
随着 XML 和 HTML5 的出现，UTF-8 也终于到来了，解决了大量的字符编码问题。
下面是关于字符编码标准的简短概述。
在开始的时候：ASCII
计算机信息（数字、文字、图片）在电子中是以二进制 1 和 0（01000101）进行存储的。
为了规范字母数字字符的存储，创建了 ASCII（全称 American Standard Code for Information Interchange）。它为每个存储字符定义了一个独特的二元 7 位数字，支持 0-9 数字，大/小写英文字母（a-z、A-Z）和一些特殊的字符，比如 ! $ + - ( ) @ < > 。
由于 ASCII 使用一个字节（7 位表示字符，1 位表示传输奇偶控制），所以它只能表示 128 个不同的字符。这些字符中有 32 个被保留作为其他控制目的使用。
ASCII 的最大的缺点是，它排除了非英文字母。
ASCII 今天仍然在广泛使用，尤其是在大型计算机系统中。
如需深入了解 ASCII，请查看完整的 ASCII 参考手册。
在 Windows 中：ANSI
ANSI（也称为 Windows-1252），是 Windows 95 及其之前的 Windows 系统中默认的字符集。
ANSI 是 ASCII 的扩展，它加入了国际字符。它使用一个完整的字节（8 位）来表示 256 个不同字符。
自从 ANSI 成为 Windows 中默认的字符集，所有的浏览器都支持 ANSI。
如需深入了解 ANSI，请查看完整的 ANSI 参考手册。
在 HTML 4 中：ISO-8859-1
由于大多数国家使用 ASCII 以外的字符，在 HTML 2.0 标准中，默认的字符编码更改为 ISO-8859-1。
ISO-8859-1 是 ASCII 的扩展，它加入了国际字符。与 ANSI 一样，它使用一个完整的字节（8 位）来表示 256 个不同字符。
如果 HTML 4 网页使用了不同于 ISO-8859-1 的字符集，则需要在 <meta> 标签中指定，如下所示：
实例
<metahttp-equiv="Content-Type"content="text/html;charset=ISO-8859-8">
如需深入了解 ISO-8859-1，请查看完整的 ISO-8859-1 参考手册。
在 HTML5 中：Unicode（UTF-8）
由于以上所列的字符集是有限的，在多语言环境中是不兼容的，所以 Unicode 联盟（Unicode Consortium）开发了 Unicode 标准（Unicode Standard）。
Unicode 标准覆盖了（几乎）所有的字符、标点符号和符号。
Unicode 使文本的处理、存储和运输，独立于平台和语言。
HTML5 中默认的字符编码是 UTF-8。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
当浏览器在网页中检测到 ISO-8859-1 时，通常默认为 ANSI，因为除了 ANSI 有 32 个额外的字符这一点，其他方面 ANSI 基本等同于 ISO-8859-1。
HTML5 中默认的字符集是 UTF-8。
所有的 HTML 4 处理器都支持 UTF-8，所有的 HTML5 和 XML 处理器都支持 UTF-8 和 UTF-16。
一个页面的布局就像一张报纸需要排版，需要分为多个区块。块内为多行逐一排列的文字、图片、超链接等内容，这些区块一般称之为块级标签；而文字、图片、超链接等称之为行级标签。
块级标签显示的外观按“块”来显示，具有一定的高度和宽度，如：<div>、<p>等；
行级标签显示的外观按“行”来显示，类似于文本的显示，如：<img>、<a>等。
1.基本的块级标签
1.1.标题标签<h1>~<h6>
标题标签表示一段文字的标题（主题），并且支持多层次的内容结构，一级标签使用<h1>，二级标签使用<h2>，以此类推。html提供六级，<h1>最大，<h6>最小代码及显示效果如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>标题标签对比</title>
</head>
<body>
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
</body>
</html>标题标签代码预览
1.2.段落标签<p>
段落标签是表示一段文字内容的，一个段落可以包含多行文字，文字内容将随浏览器窗口的大小自动换行。
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>段落标签</title>
</head>
<body>
<h1>标题</h1>
<p>第一段文字</p>
<p>第一段文字</p>
</body>
</html>
段落标签代码预览
1.3.水平线标签<hr/>
水平线标签显示一条水平线，这个标签比较特殊没有结束标签，直接是用来<hr/>表示标签的开始和结束。
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>段落标签</title>
</head>
<body>
<h1>标题</h1>
<hr/>
<p>第一段文字</p>
<p>第一段文字</p>
</body>
</html>水平线标签代码预览
2.常用于布局的块级标签
2.1.有序列表标签<ol>
使用<ol>,</ol>(有序列表)，<li></li>(列表项)HTML代码如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>有序列表</title>
</head>
<body>
<ol>
<li>第一条数据</li>
<li>第二条数据</li>
<li>第三条数据</li>
</ol>
</body>
</html>有序列表代码预览
2.2.无序列表标签<ul>
使用<ul>,</ul>(无序列表)，<li></li>(列表项)HTML代码如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>无序列表</title>
</head>
<body>
<ul>
<li>第一条数据</li>
<li>第二条数据</li>
<li>第三条数据</li>
</ul>
</body>
</html>无序列表代码预览
2.3.定义列标签<dl>
使用<dl>（定义列表）<dt> （定义列表中的项目）和 <dd> （列表中项目的描述）HTML代码如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>dl-dt-dd的使用</title>
</head>
<body>
<dl>
<dt>项目名称</dt>
<dd>项目描述的第一行</dd>
<dd>项目描述的第二行</dd>
</dl>
</body>
</html>定义列标签<dl>代码预览
2.4.表格标签<teble>
使用<teble>，</teble>（表格），<tr>，</tr>（行），<td>，</td>（列）HTML代码如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>table标签的使用</title>
</head>
<body>
<table width="200" border="1">
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>20</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
</tr>
</table>
</body>
</html>表格标签代码预览
2.5.表单标签<form>
使用<form>,</form>（表单），<input/>（内容）HTML代码如下：
<html>
<head>
<meta http-equiv="content-type" content="text/html" ;charset="gb2312">
<title>form的使用</title>
</head>
<body>
<form action="" method="post">
<p>
用户名：
<input name="username" type="text" size="20" />
</p>
<p>
密 码：
<input name="password" type="password" size="20" />
</p>
<input name="submit" type="button" value="登录" />
</form>
</body>
</html>
form标签代码预览
2.6.分区标签<diy>
<diy>标签相当于一个大容器，可以容纳无序、有序列表，表格等标签，也可以容纳图片、文字、标题、段落等内容HTML代码如下：
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312">
<title>div的使用</title>
</head>
<body>
<div style="width: 500; height: 300; background-color: aquamarine;">
<p>段落标签</p>
<h1>标题标签</h1>
<ul>
<li>无序列表标签第一行</li>
<li>无序列表标签第二行</li>
</ul>
文字可以直接输入在这里
</div>
</body>
</html>div标签代码预览
*请认真填写需求信息，我们会在24小时内与您取得联系。
