目录

HTML介绍

HTML难不难?

HTML重要吗?

示例网页

网页显示效果

写在最后


HTML介绍

HTML是英文单词(HyperText Markup Language)的缩写,也就是超文本标记语言,之所以称之为超文本,那是因为它除了可以用来说明文字以外,还可以用来说明图形、动画、声音等等。

HTML难不难?

HTML不是编程语言,而是一种解释性语言,和C#、Java、JavaScript不同,HTML没有逻辑顺序,只有结构,只需简单了解就可以自己动手做,本文后面就会简单列举一个例子来帮助理解。

HTML重要吗?

网页一般由三个部分组成,HTML文件、CSS文件、JavaScript文件。我们把网页看成一个房子,大致可以理解为HTML是房子的结构,CSS文件是房子的装修,JavaScript是房子的管家,来响应人对房子的控制,比如开关灯操作。

示例网页

  1. 在桌面创建一个文本文件,一般默认名为“新建文本文档.txt”,如果你无法看到结尾的.txt后缀,那么可以参考 如何显示后缀名 。
  2. 将文件重命名为 HelloHTML.html 
  3. 右击文件,选择用记事本打开。
  4. 将代码复制进记事本并保存
  5. 右击文件,选择用浏览器打开即可
<!-- 这句告诉浏览器这是一个HTML网页 -->
<!DoctType html/>
<!-- 这是整个网页的根元素,也可以称作 节点或标签,本文称之为标签 -->
<html lang="zh"> <!-- lang="zh" 用来声明这是一个中文网页,这样浏览器就不会问你是不是需要翻译此网页了 -->
	<!-- 一般在里面配置编码、标题或是引入其他资源文件 -->
	<head>
		<meta charset="utf-8" />
		<!-- 网页标题 -->
		<title>小重山·昨夜寒蛩不住鸣</title>
	</head>
	<body>
		<!-- 标题标签 -->
		<h2>小重山·昨夜寒蛩不住鸣</h2>
		<!-- 段落标签 -->
		<p>昨夜寒蛩不住鸣。</p>
		<p>惊回千里梦,</p>
		<p>已三更。</p>
		<p>起来独自绕阶行。</p>
		<p>人悄悄,</p>
		<p>帘外月胧明。</p>
		<p>白首为功名。</p>
		<p>旧山松竹老,</p>
		<p>阻归程。</p>
		<p>欲将心事付瑶琴。</p>
		<p>知音少,</p>
		<p>弦断有谁听?</p>
	</body>
</html>

网页显示效果

 如果顺利的完成了这个步骤,那么恭喜你,你现在已经初步踏入HTML的世界了。

写在最后

希望本文对你有所帮助,如果有不理解、建议或意见欢迎留言、私信交流讨论,感谢阅读!

更多推荐

自己动手设计一个简单的HTML网页