Html基础知识有哪些
时间：2016-11-14 17:39 已访问：334次
想要学好web前端吗，web前端有哪些知识呢，作为初学者应该如何学习呢？从我的经验看来，零基础的学员最好从html基础学起，下面就让我们一起看看html基础的几个案例。
HTML 基础- 4个实例
不要担心本章中您还没有学过的例子，
您将在下面的章节中学到它们。
第一：HTML 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
实例
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网(itpxw.cn)</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
运行结果：
这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
第二：HTML 段落
HTML 段落是通过标签 <p> 来定义的.
实例
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网(itpxw.cn)</title>
</head>
<body>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
</body>
</html>
运行结果：
这是一个段落。
这是一个段落。
这是一个段落。
第三：HTML 链接
HTML 链接是通过标签 <a> 来定义的.
实例
<a href="http://www.itpxw.cn">这是一个链接</a>
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网(itpxw.cn)</title>
</head>
<body>
<a href="http://www.itpxw.cn">这是一个链接使用了 href 属性</a>
</body>
</html>
运行结果：
第四：HTML 图像
HTML 图像是通过标签 <img> 来定义的.
实例
<img src="cnitedu.png" width="104" height="142">
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网(itpxw.cn)</title>
</head>
<body>
<img src="/images/cnitedu.png" width="300" height="120" />
</body>
</html>
运行结果：
图略
Html基础很多，希望大家在业余的时间自己查找一些，毕竟循序渐进的学习对我们提升技能有很大的帮助，如果你在学习html的路上有什么不懂的，请及时与我们联系，学技能，提升职场竞争力，从IT培训网开始。