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

最新推荐文章于 2024-09-17 10:09:23 发布
原创 最新推荐文章于 2024-09-17 10:09:23 发布 · 3.7k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML #IDEA #学习 #新建 #显示

本文详细介绍了HTML的基本概念，提供了快速学习资源，并指导如何在开发环境中创建和显示HTML文件。

一、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文件 -> 单击自己电脑上有的浏览器（比如我的是火狐浏览器）
    在这里插入图片描述
  • 出现如下界面
    在这里插入图片描述
【java】IDEA增加Thymeleaf的Html模板
橙-极纪元-JJYCheng
09-30 434
【java】IDEA增加Thymeleaf的Html模板
IntelliJ IDEA编辑器配置vue高亮显示
10-16
在IDEA中，新建Vue文件的操作也很简单。再次通过Ctrl+Alt+S打开设置，选择Editor -> File and Code Templates，配置创建.vue文件的模板。完成设置后，你就可以在项目中直接新建.vue文件了，例如新建一个名为"home....
IDEA-html
Vv_study_expe的博客
06-09 587
java课设第一节课
六、IDEA编写HelloWorld并运行
weixin_44425979的博客
01-08 3783
IDEA编写HelloWorld
stu01-IDEA怎么创建一个HTML项目
qq_49742153的博客
09-12 3566
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文件成功。
用idea学习HTML
ff_11111的博客
08-25 1301
文章目录什么是HTML？网页基本信息网页基本标签图像标签链接标签 什么是HTML？ HTML：Hyper Text Markup Language(超文本标记语言)，一种标识性的语言。 超文本包括：文字、图片、音频、视频、动画等； 网页基本信息 <!DOCTYPE html> <!--DOCTYPE(文档类型):告诉浏览器要使用什么规范，默认HTML5--> <html lang="en"> <!--所有网页代码都要写在这里面--&gt
使用IDEA编写HTML
FairyKunKun的博客
03-30 9883
（1）创建一个web工程 （2）新建一个网页，名叫hello.html （3）编写代码 （4）使用浏览器运行 中文： 设置中文编码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
使用PDF.JS插件在HTML中预览PDF文件的方法
09-22
当HTML文件被创建后，需要将想要预览的PDF文件放置于文件夹中新建的子文件夹内，例如名为pdfjs/web/的文件夹。之后，可以通过点击网页上的“打开”按钮，访问该PDF文件。 重要的是要记住，PDF.JS插件需要运行在支持...
使用IDEA配置tomcat及创建JSP文件的方法
09-29
在IDEA的运行窗口中，你也可以看到Tomcat服务器的启动日志，它会显示启动过程中的各种信息。 总结来说，使用IntelliJ IDEA配置Tomcat并创建JSP文件，涉及到环境的搭建、服务器的选择和配置、项目的创建以及JSP文件...
idea中写html,用IDEA写HTML
weixin_29039773的博客
05-31 1495
# -*-coding: UTF-8 -*-import urllib'获取web页面内容并返回'def getWebPageContent(url):f = urllib.urlopen(url)data = f.read()&n...原地址：http://www.phpchina.com/html/61/31261-15911.html 现在有一个明显的趋势让PHPer必须清醒地认识...
java11中文版api,已经反编译好的html文件夹,直接导入idea
04-19
java11中文版api,是以反编译好的html文件夹,可以直接导入IDEA中,就可以获取中文版的代码提示了
intellij-idea创建html项目
weixin_45710581的博客
09-17 2762
你可以根据自己的喜好和需求自定义IDEA的工作区，包括颜色主题、字体大小、快捷键等。
idea预览html页面效果,IDEA整合SSM框架实现网页上显示数据
weixin_28686463的博客
06-03 3757
我们来整合SSM框架第一步、创建一个maven工程。配置Tomcat，并测试是否正常访问HelloWorld.这一步就省略了。不懂得看这个博客：创建出来是这样的：我们从这里开始整合ssm。第二步、在pom.xml导入依赖，以下依赖是ssm常用的一些依赖，都导进去，没有坏处。UTF-81.71.72.9.0junitjunit4.11testorg.springframeworkspring-web...
idea中HTML的图标文件显示不出来
qq_63943929的博客
05-19 527
html文件图标消失不见
在IntelliJ IDEA中创建一个HTML项目
shiming8879的博客
09-15 2651
在IntelliJ IDEA中创建一个HTML项目是一个相对直接的过程，尽管IDEA本身是一个功能强大的Java集成开发环境（IDE），但它也支持Web开发，包括HTML、CSS、JavaScript等前端技术的开发。以下是一个详细的步骤指南，解释了如何在IntelliJ IDEA中创建一个HTML项目，并涵盖了一些基本的前端开发实践。
2、使用IDEA开发html代码
qq_43535992的博客
01-31 1万+
1、开发html常见的IDE 记事本（早期） Dreamweaver IDEA webstorm Hbuilder …… 2、使用IDEA创建一个文件 这里选择IDEA 完全是为了尝鲜。。。 与创建Java项目一样：先建一个项目，什么项目都可以，这里创建的是Java项目。创建完成了之后，可以将src文件夹删掉，也可以不删，因为对接下来的开发完全没有影响。为了方便管理html文件，可以创建一个文...
idea中使用 HTML、CSS 和 JavaScript 进行实时编辑
☆往事随風☆的博客
03-05 1万+
idea中配置LiveEdit实现html页面实时编辑预览 一、说明 推荐使用Chrome浏览器 Live Edit 仅在调试会话期间可用 只有Google Chrome和其他基于 Chromium 的浏览器支持调试 JavaScript 代码。 二、首先下载LiveEdit插件 首先进入设置中的插件商店：Settings ---> Plugins ---> Marketplace 然后搜索Live Edit，点击 install进行下载 下载完成后按照提示重启idea 三、配置ide
idea 预览html与运行springboot后在访问的同一个html 部分图片不显示
qq_45261481的博客
08-29 511
idea 预览html与运行springboot后在访问的同一个html 部分图片不显示 最后 发现是图片的格式问题，暂时发现.jpg格式的图片无法访问到。
Intellij IDEA使用（四）—— 使用Intellij IDEA创建静态的web（HTML）项目
热门推荐
云卷云舒的架构师之路
12-10 4万+
1、开始创建项目 2、选择创建静态的web项目 3、选择项目存放地址并命名 4、打开工具栏 显示如下图： 5、新建一个HTML页面 6、编码测试代码 7、测试成功
IDEA里webapp不能新建HTML文件
最新发布
04-11
### 如何在 IntelliJ IDEA 的 `webapp` 下新建 HTML 文件 要在 IntelliJ IDEA 中的 `webapp` 目录下创建新的 HTML 文件，可以按照以下方法操作： #### 1. 找到并打开 `webapp` 目录 在 IntelliJ IDEA 的项目视图中定位到 `src/main/webapp` 目录。这是 Maven 项目的默认目录结构之一，专门用于存放 Web 资源文件[^3]。 #### 2. 创建新文件夹（可选） 如果希望更好地组织资源文件，可以选择在 `webapp` 目录下新增一个子文件夹。例如，在 `webapp` 下右键单击，选择 **New -> Directory** 并命名为 `pages` 或其他名称[^2]。 #### 3. 添加 HTML 文件 无论是在 `webapp` 根目录还是其子文件夹中，都可以通过以下方式添加 HTML 文件： - 右键点击目标目录（如 `webapp` 或自定义的子文件夹），选择 **New -> File**。 - 输入文件名，确保扩展名为 `.html`，例如 `index.html`。 - 编辑器会自动打开该文件供编辑。 #### 4. 编写 HTML 代码示例 以下是可以在新建的 `index.html` 文件中编写的简单 HTML 结构示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个HTML页面</title> </head> <body> <h1>欢迎来到我的网站！</h1> <p>这是一个简单的HTML页面示例。</p> </body> </html> ``` 此代码片段展示了基本的 HTML 页面布局[^1]。 #### 5. 查看效果 完成上述步骤后，可以通过内置浏览器预览功能或者外部浏览器直接查看 HTML 文件的效果。具体方法取决于 IDE 设置以及用户的偏好[^2]。 --- ### 常见问题排查 如果遇到无法创建 HTML 文件的情况，请检查以下几点： - 确认当前项目已正确配置为 Web 工程，并具备标准的 Maven 目录结构。 - 如果使用的是 JSP 技术栈，则需注意区分 HTML 和 JSP 文件的区别及其用途[^4]。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值