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

最新推荐文章于 2024-03-15 01:27:13 发布

背影＃

最新推荐文章于 2024-03-15 01:27:13 发布

阅读量7.2k

点赞数 4

分类专栏：入门文章标签：前端 html

本文链接：https://blog.csdn.net/AI_dkx/article/details/125496089

版权

入门专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML介绍

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

HTML难不难？

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

HTML重要吗？

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

示例网页

在桌面创建一个文本文件，一般默认名为“新建文本文档.txt”，如果你无法看到结尾的.txt后缀，那么可以参考如何显示后缀名。
将文件重命名为 HelloHTML.html
右击文件，选择用记事本打开。
将代码复制进记事本并保存
右击文件，选择用浏览器打开即可

<!-- 这句告诉浏览器这是一个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>