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网页相关推荐

HTML：给自己设计一个简单的专属网页音乐播放器
Hello,大家好,我是wangzirui32,今天我们来学习如何给自己设计一个简单的网页音乐播放器. 开始学习吧! 学习目录 1. 项目架构 2. player.html 编写 3. style.c ...
【自己动手设计一个简单的加密算法Python】
一加密算法设计本文设计的加密算法为对称加密中的分组加密算法,算法参考Feistel结构进行设计,分组长度为128比特,密钥长度为128比特,基于类Feistel的加密子结构,迭代次数为8次,每次迭 ...
php与html网页制作,web 一个简单地三级网页的设计和编写，html+css，适合学习制作的新手 WEB(ASP,PHP,...) 238万源代码下载- www.pudn.com...
文件名称: web下载收藏√ [ 5 4 3 2 1 ] 开发工具: HTML 文件大小: 4716 KB 上传时间: 2013-06-25 下载次数: 7 提供者: ericc 详细 ...
如何设计一个简单的网页
设计一个简单的网页 1.按住文件新建文本(Ctrl+N),设计一个网页标题,点击创建 2.在<body>内部加入所需要的标签如图中需要标题标签,水平线标签,段落标签 3.保存(Ctrl+ ...
设计一个简单的网页计算器
设计一个简单的网页计算器一.代码 <!DOCTYPE html> <html> <head><meta charset="UTF-8"& ...
自己动手搭建一个简单的静态资源服务器
文章目录自己动手搭建一个简单的静态资源服务器介绍一.设计到的模块备注: 二.代码结构三.具体代码自己动手搭建一个简单的静态资源服务器介绍通过此文章的学习,可以自己使用NodeJs搭 ...
linux logo程序设计,教你在线设计一个简单美观的LOGO
当你配置好Linux服务器并上传网站程序到服务器上,直到架设网站成功,你可能需要一个美观的LOGO,如果你对LOGO的要求不高,可以在线自己设计一个,因为网站发展初期,你没有什么资金,请不了专业的美化 ...
设计一个简单的购物页面（html+css+php）
水平有限,精力有限,很多东西写得可能不那么详细,有不懂可以留言提问,懂的尽量解答首先讲一下,购物页面肯定会涉及到数据库部分的,我这篇文章数据库方面不会详细讲,就简单给个思路.购物需要用到cookie ...
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录.纯纯小白一个,如有阅览者,欢迎批评指正!❤ 先放上效果图: 使用HBuilderX编辑器创建一个& ...
JAVA同时输入用户名和密码_用java模拟设计一个简单的“用户注册”程序。当用户输入用户名和密码时,单击“注...
用java模拟设计一个简单的"用户注册"程序.当用户输入用户名和密码时,单击"注 2020 - 9 - 26 TAG : 所有功能均已实现,如有不满意的地方我再修改imp ...

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