HTML | IDEA中HTML文件的学习、新建与显示

最新推荐文章于 2023-09-12 23:01:54 发布
最新推荐文章于 2023-09-12 23:01:54 发布
阅读量3.5k 收藏 9
点赞数 4
分类专栏： HTML 文章标签： HTML IDEA 学习 新建 显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42945310/article/details/83013366
版权

一、HTML文件的学习

  1. 什么是HTML？https://baike.baidu.com/item/HTML
  2. HTML文件的快速学习：http://www.runoob.com/html/html-tutorial.html

二、HTML文件的新建

  • 单击Create New Project
    在这里插入图片描述
  • 单击Java Enterprise -> 勾选Web Application -> Next
    在这里插入图片描述
  • 输入项目名称（自定）-> 输入项目位置（自定）-> 单击Finish
    在这里插入图片描述
  • 单击OK
    在这里插入图片描述
  • web -> 右键 -> New -> 单击HTML File
    在这里插入图片描述
  • 输入文件名 -> 单击OK
    在这里插入图片描述
  • 出现如下界面
    在这里插入图片描述

三、HTML文件的显示

  • 编辑HTML文件 -> 单击自己电脑上有的浏览器（比如我的是火狐浏览器）
    在这里插入图片描述
  • 出现如下界面
    在这里插入图片描述
TheSky
关注
专栏目录
IntelliJ IDEA编辑器配置vue高亮显示
10-16
在IDEA中，新建Vue文件的操作也很简单。再次通过Ctrl+Alt+S打开设置，选择Editor -> File and Code Templates，配置创建.vue文件的模板。完成设置后，你就可以在项目中直接新建.vue文件了，例如新建一个名为"home....
六、IDEA编写HelloWorld并运行
weixin_44425979的博客
01-08 3597
IDEA编写HelloWorld
stu01-IDEA怎么创建一个HTML项目
qq_49742153的博客
09-12 3191
2.点击Java，选择你的jdk，没有下载的点击“Download JDK”/已经下载有JDK但在这里没显示的→点击“Add JDK”，选择你安装的JDK的路径，然后next。8.现在测试一下，在标签里写上“test”或者“hello world”，随你喜欢。6.在弹出的框里填写文件名字“test”，选择类型“HTML 5 file”，然后回车。5.右键新建的项目“HTML”→new→HTML File。4.起好名字，我这里是“HTML”→finish。7.新建HTML5文件成功。
IntelliJ IDEA如何新建项目HTML
weixin_45055486的博客
10-22 1479
IntelliJ IDEA如何新建项目HTML 1.打开IntelliJ IDEA 2.选择create new project(新建项目） 3.单击static web-static web-next 4.在project name框中输入项目名称，在project location中选择保存路径，finish 5.单击右键，New-HTML File 6.新建HTML文件：在弹出的提示框中输入HTML名称，一般为index,在选择HTML对应版本。 7.即打开了HTML运行。 ...
解决IDEA的HTML文件格式的显示问题
天乔巴夏丶
02-23 3807
解决IDEA的HTML文件格式的显示问题 用IDEA在显示HTML文件的时候，格式非常奇怪，比如body标签下面不会自动缩进，每次都需要手动缩进，怪麻烦的。解决办法如下： settings> Editor> Code Style>HTML 选择框框标出来的Other，注意下方的Do not indent children of，存在的标签表明不会自动缩进，需要点击小文件夹，将&l...
IntelliJ IDEA一些基础使用说明(4)
m0_51286391的博客
11-06 3135
IntelliJ IDEA一些基础使用说明(4) 前言 tomcat容器部署到开发环境之后,可以把一些简单的html文件放入到web文件夹中,在IDEA中进行运行,打开网页,下面要说明的是,在这里打开网页有两种方式,一种是IDEA的内置服务器,一种是tomcat部署后，通过容器 五、打开网页的两种方式 1.IDEA内置服务器 1.打开一个html文件，注意html文件放在web文件夹中，为了便于分类，可以建个二级文件夹，如下图所示 2.鼠标放入已打开html文件后，即可看右边悬浮的多种浏览器图标，如下
使用PDF.JS插件在HTML中预览PDF文件的方法
09-22
当HTML文件被创建后，需要将想要预览的PDF文件放置于文件夹中新建的子文件夹内，例如名为pdfjs/web/的文件夹。之后，可以通过点击网页上的“打开”按钮，访问该PDF文件。 重要的是要记住，PDF.JS插件需要运行在支持...
详解如何使用IntelliJ IDEA新建一个Servlet项目
08-26
使用IntelliJ IDEA新建一个Servlet项目 本文将详细介绍如何使用IntelliJ IDEA新建一个Servlet项目，从创建项目到配置Tomcat容器，最后访问Servlet程序。下面是详细的知识点： 一、创建项目 在IntelliJ IDEA中创建...
关于Intellij IDEA中html页面浏览问题
weixin_44567943的博客
01-10 1万+
如图在IDEA中创建静态html模块 然后你就有了一个静态网页html，在静态页面中，你完成了你所有需求的代码，接下来就要浏览你代码实现的功能了 这个时候你就会发现，你点击浏览器不报错（大意是你没有这个浏览器），也不弹出浏览器实现你的功能，这个时候 ...
idea视图化配置html页面,IntelliJ IDEA：配置JavaScript库
weixin_39799290的博客
06-09 2149
配置JavaScript库在IntelliJ IDEA中，库是一个文件或一组文件，除IntelliJ IDEA从您编辑的项目代码中检索的函数和方法外，其功能和方法也添加到IntelliJ IDEA的内部知识中。在项目范围内，默认情况下其库是写保护的。IntelliJ IDEA仅使用库来增强编码帮助(即代码完成，语法突出显示，导航和文档查找)。请注意，库不是管理项目依赖项的方法。使用TypeScri...
第一次使用 IntelliJ IDEA写一个html动作
ZZ_feng播客
05-29 1万+
使用IntelliJ IDEA写的一个网页动作js：代码var canvas, stage, grant; function init() { canvas = document.getElementById("view"); stage = new createjs.Stage(canvas); var img = new createjs.Bitmap("backg
idea怎么看html效果,如何查看和浏览IntelliJ IDEA测试的结果
weixin_35513122的博客
06-03 3188
IntelliJ IDEA 根据测试树视图中的选定节点，测试运行程序会显示各个级别的信息。在测试运行程序中，您可以查看测试的统计信息，导航到堆栈跟踪，显示或隐藏成功的测试等。使用“测试”工具栏控制测试结果的可视化表示形式。查看统计信息该“统计”选项卡显示有关每个测试的运行时间和内存使用情况的信息。如果要查看统计信息，请单击“测试”工具栏上的以显示下拉菜单，然后单击“显示统计信息检查”命令。“统计...
intellij idea在浏览器打开html页面，url显示文件路径如何将其显示localhost
热门推荐
hetingtingitsme的博客
02-25 1万+
1.本地安装node环境 2.插件安装 如果是intellij idea安装node插件 如果是vscode，则安装HTTP Server / HTML Preview插件
idea预览html页面效果,IDEA整合SSM框架实现网页上显示数据
weixin_28686463的博客
06-03 3504
我们来整合SSM框架第一步、创建一个maven工程。配置Tomcat，并测试是否正常访问HelloWorld.这一步就省略了。不懂得看这个博客：创建出来是这样的：我们从这里开始整合ssm。第二步、在pom.xml导入依赖，以下依赖是ssm常用的一些依赖，都导进去，没有坏处。UTF-81.71.72.9.0junitjunit4.11testorg.springframeworkspring-web...
idea导入html项目,idea导入web项目教程
weixin_39756235的博客
06-21 3001
1.点击new project 新建项目，点击菜单File-->New-->Project，选择java Enterprise新建project2.点击next，继续下一步这里勾不勾选都可以，因为是导入项目。(亲测勾不勾都无所谓)next3.选择项目导入，并更改名称等，接着按finish完成导入。选择项目4.接下来进行配置，点击菜单File，点击project Structure。这里...
idea 新建HTML项目
最新发布
08-15
在IntelliJ IDEA中新建一个HTML项目，你需要遵循以下步骤： 1. 打开IntelliJ IDEA，点击“创建新项目”（Create New Project）。 2. 在弹出的窗口中选择左侧的“静态Web”（Static Web）项目类型。 3. 在右侧，你可以选择项目使用的构建系统，比如Maven或Gradle。如果不想使用构建工具，可以选择“无构建系统”（No Build System）。 4. 输入项目名称和项目位置，然后点击“下一步”（Next）。 5. 在接下来的页面中，你可以根据需要配置项目结构和选择相关插件，对于简单的HTML项目，一般不需要额外的插件。 6. 完成上述步骤后，点击“完成”（Finish），IDEA将创建项目并在项目中生成基础的文件结构。 7. 创建HTML文件：右键点击项目目录下的“web”文件夹或源代码文件夹，选择“New”然后选择“HTML File”。 8. 在创建文件的对话框中输入文件名，并选择一个模板，或者创建一个空的HTML文件。 9. 编写你的HTML代码，保存后你可以在IDEA内置的浏览器预览中查看结果。 10. 如果需要，可以安装额外的插件来支持其他前端技术，例如JavaScript或CSS预处理器。 11. 使用IDEA的内置服务器运行项目，点击工具栏上的运行按钮，选择合适的运行配置。 12. IDEA会在默认的浏览器中打开项目首页，你可以在这个浏览器窗口中查看页面的实时更新。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值