HTML文档
HTML 文档也被称为网页 HTML 文档包含 HTML 标签和纯文本 Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML标签(相当于是隐藏的格式描述),而是使用标签来解释页面的内容:
下面我们具体来看一看对应的解释:
<html>
<body>
<h1>First Heading</h1>
<p>first paragraph</p>
</body>
</html>
< html> 与 < /html> 之间的文本描述网页 < body> 与 < /body> 之间的文本是可见的页面内容 < h1> 与 < /h1> 之间的文本被显示为标题 < p> 与 < /p> 之间的文本被显示为段落
- 常用的标签
我们知道,网页能实现各种各样的定制,实现各种各样的功能,反过来可以说明我们的标签种类是很多的,这样才能实现各种各样的功能及定义。而这里我们先讲四个最基本的标签
-
HTML标题 Heading 是通过 < h1> - < h6> 等标签进行定义的。 示例:
<h1>This is first heading</h1> <h2>This is second heading</h2> <h3>This is third heading</h3> ... ...
-
HTML段落 paragraph 是通过 < p> 标签进行定义的。 示例:
<p>This is a paragraph.</p> <p>This is another paragraph.</p> ... ...
-
HTML链接 链接 是通过 < a> 标签进行定义的。 示例:
<a href="http://shiyanlou.com">This is a link</a>
-
HTML图像 image是通过 <img> 标签进行定义的。 示例:
<img src="shiyanlou.jpg" width="100" height="142" />
这里只是简单的展示四个常用的标签,至于具体使用方法及其他标签,我们会在后面章节具体讲述。这里还要补充的一点就是:HTML 标签对大小写不敏感:< P> 等同于 < p>。许多网站都使用大写的 HTML 标签。 W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。所以在之后的标签,还有属性的书写中我们一律采取小写。
先来个例子:
test.html
保存之后用浏览器打开就是这样的