初学前端第一个简单html页面

最新推荐文章于 2025-07-23 02:48:16 发布

努力的胡十一

最新推荐文章于 2025-07-23 02:48:16 发布

阅读量615

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html 前端网页设计

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_45383769/article/details/122679914

前端专栏收录该内容

19 篇文章

订阅专栏

本文介绍了初学者如何创建第一个简单的HTML页面。首先，需要在目录中创建一个HTML文件，通常使用HTML5标准。HTML5会自动生成基本代码结构。在body部分添加内容，然后通过右键运行文件即可预览。页面的<title>标签与浏览器窗口标题相关联，可自由编辑。此外，文章还讲解了<a>标签的用法，用于创建链接，如设置跳转百度的链接。若想在新窗口打开链接，可以添加target属性为"_blank"。

第一个简单html页面

首先呢，在目录上新建一个html文件
在这里插入图片描述

一般常用的是html：5
在这里插入图片描述

它会自动帮我们补全代码结构
在这里插入图片描述

在body中随便输入一点东西就好了，然后右键新建的文件，运行
在这里插入图片描述

这样就成功啦：
在这里插入图片描述

然后代码中的title和网页窗口的名字是对应关系：
在这里插入图片描述

当然了，可以随意修改：
在这里插入图片描述

这里呢再介绍一个< a >标签，用来跳转链接使用的，比如咱跳转百度：
在这里插入图片描述

点击百度一下，就跳转到百度啦。当然我们会发现它是在当前页面跳转的，那我想在一个新窗口打开呢：
在这里插入图片描述

这样就会在新的窗口打开百度啦。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。