2.1.1文字与段落排版
1.2标题标签
1.3换行标签
1.4水平线标签
1.5预格式化标签
1.6缩排标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>标题示例</title>
</head>
<body>
<h1 align="center">一级标题</h1>
<h2 align="left">二级标题</h2>
<h3 align="right">三级标题</h3>
<hr color="blue"/><!--水平线及颜色 -->
内容<br/><!-- 换行-->
<pre>这是
预格式...
标签保留了空格和换行
</pre>
<p>这是p标签内容CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区.</p>
<blockquote>这是块引用标签内容CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区. </blockquote>
<p> CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区.</p>
<a href="register.html">免费注册</a>
<a href="login.html">账户登陆</a>
<a href="intro.html#intro">企业简介</a>
<a href="#one">1.</a>
<a name="one"></a>
</body>
</html>
1.7案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全球汇商城简介</title>
</head>
<body>
<h1 align="center">100%正品 十重保障</h1>
<hr color="deeppink"/>
<p>页面内容......</p>
<p>页面内容......</p>
<p>页面内容......</p>
<p>页面内容......</p>
<p>页面内容......</p>
<a name="intro"></a><p> 全球汇成立于2008年,10年来,凭借独创的特卖模式,精选全球正品好货,深度折扣,在电子商务研究中心2018年6月发布的“2017年度中国网络零售市场数据监测报告”中,全球汇在B2C市场交易份额方面发展势头良好,继续保持第三位。<br/>
唯品会是全球最大的特卖电商,以及中国第三大电商。<br />
</p><br />
全球汇承诺：
<blockquote>
全球直采：货源保障，全球布局 直采全世界好货。<br />
入仓全检：质检保障，独立自理仓库 坚持入仓全检验。<br />
自营物流：物流保障，自营物流封闭操作 全程可溯。<br />
假货必赔：第三方保障，中国人保正品保险，假货必赔。<br />
</blockquote>
</body>
</html>
2.2 超链接
2.2.1
2.2.2
<a href="register.html">免费注册</a>
<a href="login.html">账户登陆</a>
<img src="img/kk.png">
<img src="img/kk.png" width="100px"hight="300px"/>
2.3 图像
<img src="img/kk.png">
<img src="img/kk.png" width="100px"hight="300px"/>设置大小
<img src="img/kk.png"border="50px"/>设置边框
<img src="img/kk.png"border="50px"width="100px"hight="300px"align="center"title="kk"/>
<a href="http://www.baidu.comimg "src="img/kk.png">
</body>
<body background="img/2.png"> 背景图
2.3.5 图文混排
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图文混排</title>
</head>
<body>
<h1 align="center">商品描述</h1>
<hr />
<img src="img/4.png" width="250" height="350" align ="right” alt="商品描述"/>
<br/>江西应用工程职业学院系一所经江西省政府批准、中国教育部备案、面向全国招生的国有公办全日制普通高职院校，隶属江西省教育厅。
办学宗旨：以人为本 培养高素质高技能人才
校训：爱国明志 敢为人先
校园精神：诚朴坚卓 达谦智勇<br/>
</body>
</html>
2.4列表
2.4.1无序列表
2.4.2有序列表
2.4.3定义列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<ul>无序列表第一项</ul>
<ul>无序列表第二项</ul>
<ul>无序列表第三项</ul>
<ul type="disc">
<li>无序列表第一项</li>
<li type="square">无序列表第二项</li>
<li>无序列表第三项</li>
</ul>
<ol>
<li>有序列表第一项</li>
<li>有序列表第二项</li>
<li>有序列表第三项</li>
</ol>
<dt>江西应用工程职业学院系一所经江西省政府批准、中国教育部备案、面向全国招生的国有公办全日制普通高职院校，隶属江西省教育厅。
<ddo
>办学宗旨：</dd>
<dd>以人为本 培养高素质高技能人才</dd>
<dt>校训</dt>
<dd>爱国明志 敢为人先</dd>
<dd>校园精神：诚朴坚卓 达谦智勇</dd>
</dt>
</body>
</html>
