网页设计之HTML实战(1) -- 认识HTML

程序员文章站 2022-04-22 11:00:36

...

一、HTML入门

HTML 是用来描述网页的一种语言。全称为超文本标记语言，是英文(Hyper Text Markup Language)的缩写，不是编程的语言，是一种网页格式的表示方法或称为一种标记语言。它由若干标记标签组成。例如，为了表示想显示一个标题，就用H1标签表示一个标题，显示时用粗体显示。

<h1>这是文章的标题</h1>

标记标签（英文：HTML tag）是用来表示页面内容的格式或者动作的，

用尖括号括起来的一个英文单词，如：< 标签名>
有各种用途的标签，如表示文本的text, 表示段落的p（英文单词paragraph的第一个字母）, 表示换行的br（英文单词break的头两个字母），表示图片的img（英文单词image的缩写）等。
标签都是成对出现（一个开始，一个表示结束），结束多一个斜杠，如：

<p>    <!--开始-->
  这是一个段落文字
</p> <!--结束-->

HTML文件描述网页，HTML 文档也可称为网页。
网页至少要有二个标签：
html标签：表示文档是一个HTML。
body标签：表示body中的内容为网页的正文，里面的内容能在浏览器里展示出来，body标签之外的内容不能在浏览器中展示出来，可以放入一些格式信息或控制信息或者脚本等。

<html>
	<body>
		这里是网页的正文，包括文字信息或图片、音视频信息或动画信息等。	
	</body>
</html>

如果把上面几行字拷贝到记事本里，存为一个html文件（文件名的扩展名为html），就可以在浏览器里显示出来。
假定存为【认识HTML.html】

网页设计之HTML实战(1) -- 认识HTML

然后呢，双击文件【认识HTML.html】或者拖入浏览器也可，在chrome浏览器（其它浏览器也可以）里打开，看看显示结果。

呵呵，显示出来了。可以看出标签html和body没有表示出来，说明标签是起控制作用的，标签告诉浏览器标签中包括的内容是什么信息，浏览器才能正确显示内容。

网页设计之HTML实战(1) -- 认识HTML
哈哈，一个网页就这么简单的整出来了。