网页基础教程第一讲 HTML基础1

这里是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=]