目录
HTML介绍
HTML难不难?
HTML重要吗?
示例网页
网页显示效果
写在最后
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>
网页显示效果
如果顺利的完成了这个步骤,那么恭喜你,你现在已经初步踏入HTML的世界了。
写在最后
希望本文对你有所帮助,如果有不理解、建议或意见欢迎留言、私信交流讨论,感谢阅读!
更多推荐
自己动手设计一个简单的HTML网页
发布评论