自己动手设计一个简单的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的世界了。