这里是901站为大家带来的网页基础教学。版权所有。
第一讲：HTML介绍
本篇将主要介绍HTML的结构，HTML实用元素(包括文字，图片，以及链接)。
本教程会针对实用性进行讲解，唯一目的就是教会你如何用HTML制作网页。
1. HTML简介
HTML是一种网页编写语言，网页文件的扩展名为*.html或*.htm。任何HTML网页都可以通过记事本打开，所有的HTML框架都是一致的，如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
注释：
a. <>为opening tag，</>为closing tag，每一个opening tag都必须对应一个closing tag。
b. <!DOCTYPE html>为网页声明，不会显示在网页前端。
c. <head>头部信息(网页最先加载的部分)</head>
d. <title>网页的标题(会显示在网页最上方的tab上，不会显示在网页的内容里)</title>
e. <body>网页中心的内容部分</body>
2. HTML实用元素介绍
一旦网页的框架构建好了，就可以编辑内容了。HTML中的内容元素有很多，本篇将集中介绍最常用几种元素。
a. <p>代表Paragraph，会显示成段落文字。
b. <h1></h1>至<h6></h6>，会依次显示文字大小，<h1>最大，<h6>最小。
c. <img src=”图片链接”></img>，会显示图片。
d. <a href=”链接”>文字</a>，会显示链接。
作业：
编辑一个网页包括段落，文字大小，图片链接和文字链接的网页。
答案：
<!DOCTYPE html>
<html>
<head>
<title>
测试网页
</title>
</head>
<body>
<h1>This is H1 test</h1>
<p>what is the difference?</p>
<h3>H3 context</h3>
<p>OK!that’s the second!</p>
<img src=”图片链接”></img>
<a href=”文字链接”>显示文字</a>
</body>
</html>
网页显示截图：
[singlepic id=75 w=364 h=337 float=]
