html基础：感受html生成过程并写出第一个页面！

最新推荐文章于 2024-08-24 19:40:20 发布

xy294636185

最新推荐文章于 2024-08-24 19:40:20 发布

阅读量299

点赞数

分类专栏： html&css&js的攻关之路

本文链接：https://blog.csdn.net/xy294636185/article/details/100321381

版权

html&css&js的攻关之路专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML（HyperText Markup Language）：超文本编辑语言，是一种网页编写的标准语言，常与CSS、javaScript（这里和java没有半毛钱关系）一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。大体上可以理解为HTML就是一座房子的基础框架，而CSS和js是这座房子的灵魂，没有CSS和js渲染，你做的网页可能就会像word或者Markdown的一样，没有美感，一个好的前端程序员那么他对于各种炫酷的网页肯定是非常喜爱的。

首先，对于小白来说，最基础的学习途径就是体验，这里有一个很好的体验网页是如何一步一步被创造出来的，4分钟体验一下，相信你很有感触的：https://hao.uisdc.com/cssmagic/

操作过后，相信你对网页的制作有了一定的了解。

那么，就开始正式编写第一个网页吧，如果你还没有下载ide，那么推荐VScode哦，一款非常强大的编写软件：

<!DOCTYPE html>   /*大佬们规定的，表明这是html文件，这里只是简写，可以用“！+tab”补全*/
2 <html>           /*html框架，必须有</html>对应*/
3   <head>         /*头部信息，存放网页名字，logo信息的地方*/
4     <title>This is a title</title>
5   </head>
6   <body>         /*正文部分，这里写网页的内容*/
7     <p>Hello   world!</p>  /*中间不管有多少空格，默认只有一个哦*/
8   </body>
9 </html>

这个网页中，<html>和</html>之间的文本描述网页，<body>和</body>之间的文本为可视页面内容。标记文本<title>This is a title</title>定义了浏览器的页面标题。

文档标记类型<!DOCTYPE html>用于HTML5。如果未进行声明，浏览器会使用“怪异模式”进行渲染。

好了，第一个html页面就这样搞好了，下一节开始给这个hello world！添加功能，让它不只是能看。