java学习——HTML

最新推荐文章于 2024-04-23 14:29:46 发布
最新推荐文章于 2024-04-23 14:29:46 发布
阅读量334 收藏 2
点赞数
分类专栏： java 文章标签： java 学习 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51512325/article/details/119542663
版权

java学习——HTML

HTML总结

在这里插入图片描述

HTML创建

  • 1、注释： 快捷键：ctrl+/
  • 2、编辑完成后，右击右上角图标选择一个浏览器即可打开网页
    在这里插入图片描述
    在这里插入图片描述
  • 3、idea创建一个html文件
<!--声明 DOCTYPE：告诉浏览器我们要使用什么规范-->
<!DOCTYPE html>
<html lang="en">

<!--head标签代表网页头部-->
<head>
    <!--<meta>描述性标签，用来描述我们网站的一些信息-->
    <!--<meta>一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name="Keywords" content="学习狂神说java">
    <meta name="description" content="来这个地方学习java">

    <!--<title>网页标题-->
    <title>我的第一个网页</title>
</head>

<!--body标签代表网页主体-->
<body>

Hellow,World!

</body>

</html>

1、网页基本标签

  • 标题标签：      <h1> 一级标题内容 </h1>  一级标题
               <h2> 一级标题内容 </h2>  二级标题
               ...

  • 段落标签：      <p>  段落内容  </p>

  • 换行标签：      换行内容  <br/>     （自闭合标签）

  • 水平线标签：     <hr/>    ————————————————

  • 字体标签：      粗体：  <strong> 粗体内容 </strong>
               斜体：  <em> 斜体内容 </em>

  • 特殊符号：      空格：  &nbsp；
               大于号：  &gt；
               小于号：  &lt；
               版权符号：  &copy；
               其他：  &+...+；

2、图像标签

在这里插入图片描述

3、超链接标签

  • 跳转连接    
href:     必填，表示要跳转到哪个页面；
target：  表示窗口在哪里打开；
     *   _blank：在新窗口打开；
     *   _self：在自己的窗口打开 
     * ......
 例如：    
 <a href="https://ww.baidu.com"  target="_blank"> 点击跳转到百度  </a>  

  • 锚链接： 可跳转到指定位置  使用#
例如：<a name="top">顶部</a>          放在指定位置，可以相同或者不同页面
      <a href="#top">回到顶部</a>   

  • 功能性链接
例如：邮件链接：mailto
<a href="mailto:1715299723@qq.com">点击联系我</a>

4、行内元素和块元素

5、列表

  • 1、有序列表 （order list） 应用范围：试卷，问答…
<ol>
      <li>java</li>
      <li>python</li>
      <li>运维</li>
      <li>前端</li>
      <li>c/c++</li>
      ...
</ol>

2、无序列表 （unorder list） 应用范围：导航、侧边栏…

 <ul>
      <li>java</li>
      <li>python</li>
      <li>运维</li>
      <li>前端</li>
      <li>c/c++</li>
      ...
</ul>

有序和无序效果：
在这里插入图片描述

3、自定义列表 （dl：标签 dt：列表名称 dd：列表内容 ）

<dl>
    <dt>语言</dt>
    <dd>c/c++</dd>
    <dd>python</dd>
    <dd>linux</dd>
    <dt>位置</dt>
    <dd>北京</dd>
    <dd>上海</dd>
    <dd>淮南</dd>
</dl>

自定义效果：
在这里插入图片描述

6、表格标签

  • 表格                 <table></table>
行（table rows）     <tr></tr>
列（table det）      <td></td>

在这里插入图片描述
效果：
在这里插入图片描述

7、视频和音频

在这里插入图片描述

8、页面结构分析

在这里插入图片描述

9、iframe内联框架

在这里插入图片描述

10、表单语法

在这里插入图片描述
例如：
在这里插入图片描述
表单元素格式：
在这里插入图片描述
表单应用：
hidden 隐藏域
readonly 只读
disabled 禁用
placeholder 提示信息
required 非空判断（表单中不可为空）
pattern 正则表达式（百度常用正则表达式，选脚本之家那个可以看到很多）

pupil 程
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java中的html （—）
Asukayo的博客
02-07 1164
1.HTML的概述 1.1HTML是什么，有什么用？ 文本:相当于记事本里写的文字。展示信息 超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页 语言:工具。v标记:标签。 HTML是由标签所组成的语言，能展示超文本效果, HTML是用来写网页的，是设计页面的基础。 1.2HTML语言...
HTML
weixin_48048140的博客
08-06 844
HTML 1 HTML入门 1.1 初识HTML 1.1.1 概述 网络世界已经跟我们息息相关，当我们打开一个网站，首先映入眼帘的就是一个个华丽多彩的网页。这些网页，不仅呈现着基本的内容，还具备优雅的布局和丰富的动态效果，这一切都是如何做到的呢？前端入门课程，为您一层层的揭开网页的面纱。 网页的构成 HTML：通常用来定义网页内容的含义和基本结构。 CSS：通常用来描述网页的表现与展示效果。 JavaScript：通常用来执行网页的功能与行为。 HTML（超文本标记语言——HyperText M
第二十七章：Java编程之HTML
蓝不蓝编程
09-10 1391
什么是HTML HTML是个简写，全称是：Hyper Text Markup Language，其实就是我们平常看到的网页。无论是网易、天猫还是京东、拼夕夕，凡是你看到的网站都是HTML。 可能你觉得还是太神秘，教你一招揭开这些网站的面纱。 如果你使用的是Chrome浏览器，可以在网页上点击鼠标右键，选择“显示网页源代码”。 然后大家就可以看到这样的信息。 你之所以能看到漂漂亮亮的网页，其实就是上面这些字符起的作用，而你所使用的浏览器就是那个把这些字符变成网页神器。 HTML难不难？
JavaWeb笔记整理——HTML、CSS、JavaScript
最新发布
i_Water_boy的博客
04-23 810
Java程序员必备前端技术栈——Html、css、JavaScript以及应用笔记详细整理
JavaWeb开发 —— HTML
hdakj22的博客
04-10 1905
什么是HTML、CSS、基本标签 & 样式以及标题排版、标题样式、超链接以及正文排版、页面布局以及表格标签、表单标签和表单项标签
【Java】前端基础之HTML
yao_yaoya的博客
04-03 599
Hyper Text Markup Language（超文本标记语言）超文本包括：文字，图片，音频，视频，动画等。世界知名浏览器厂商都对HTML5支持：微软，谷歌，苹果，Opera，Mozilla。W3CWorld Wide Web Consortium（万维网联盟） Web技术领域最权威和具有影响力的国际中立性技术标准机构W3C标准包括：结构化标准语言（HTML XML）表现标准语言（CSS）行为标准（DOM ECMAScript）
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
java学习教程——简洁易懂，一步步跟随即可上手学习
02-22
以上内容涵盖了Java学习的基本路线，通过逐步学习和实践，你将能够掌握Java编程技能，并具备开发实际项目的能力。在学习过程中，可以参考`default.html`和`index.html`等文档，它们可能包含了教程的目录结构和内容...
java学习——jsp基础
01-20
【Java学习——JSP基础】 Java Server Pages (JSP) 是一种由Sun Microsystems主导的用于构建动态网页的技术标准。JSP允许开发者在HTML或XML文档中嵌入Java代码，使得网页具有服务器端的动态处理能力。JSP 文件通常...
10_Java Web——JSP案例资源
04-30
本资源包“10_Java Web——JSP案例资源”旨在为开发者提供一个完整的JSP实践案例，帮助理解并掌握在实际开发中如何运用JSP进行数据的增删查改操作，并采用MVC（Model-View-Controller）设计模式来组织代码，提高代码...
java web——人脸匹配
08-06
总的来说，这个Java Web人脸匹配Demo是学习和实践将前沿技术与Web开发结合的优秀案例。它涵盖了计算机视觉、图像处理、Web服务开发等多个领域，对于提升开发者的技术综合能力有着极大的帮助。通过阅读和分析这个项目...
JavaWeb --- HTML
乌云的博客
02-28 1950
HTMLHTML通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等） 跨行跨列
html和java_html与java的区别是什么？
weixin_34941214的博客
02-12 1931
html与java的区别两者本质不一样。Java是一种面向对象编程语言，像C、Basic一样，但各有各的特点。java是一门程序语言，具有众多优点，它是可以编写网页的；但那个语言叫JSP，JSP语言是JAVA程序语言的一种技术。【推荐学习：Java视频教程】在JSP中，可以用HTML做数据展现，Java做服务器端逻辑处理，JAVA等语言可以理解成主要是负责动态编程的，与数据库连接，组织网页内容等。...
html怎么写java代码_html中怎么写java代码
weixin_39733821的博客
02-16 5290
1.如何在HTML页面中写java代码Java要运行html代码，需要运行在服务器端，也就是servlet容器中，经过容器编译解析，返回html静态内容，示例如下：在servlet里面写就可以了引入一系列包import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;impor...
【JavaWeb】HTML
yu_fu_a_bu的博客
11-20 400
6.使用表格标签展示数据 6.1未合并单元格 6.2合并单元格-合并列 6.3合并单元格-合并行 7使用表单标签提交数据 7.1表单标签的作用 7. 2 form标签的介绍 7.2.1 action属性 7.2.2 method属性 7.3表单项标签.
HTML+Java
qq_45752191的博客
08-03 2502
(一）初步认识 一、html文档结构 < !DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 < html> 标签之前 < html>标签对：< html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</ html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
java-html
加油
08-14 128
html是解释性语言，不是编译性语言。
[JavaWeb]【一】入门JavaWeb开发总概及HTML、CSS、JavaScript
春天的波菜
08-16 1677
目录一 特色 二 收获​编辑 三 什么是web?四 网站的工作流程 五 web网站的开发模式​编辑 六 web开发课程学习安排 七、初始web前端 八 HTML、CSS8.1 什么是HTNL\CSS(w3cschool)8.2 HTML快速入门8.3 VS Code开发工具8.3.1 插件 8.3.2 主题（改变颜色）8.3.3 设置8.4 基础标签&样式 8.4.1 标题排版8.4.1.1分析： 8.4.2.2 编码开始： 8.4.2.3 总结​编辑8.4.2 标题样式1- css样式控制 8.4.2
01_HTML
qq_43652818的博客
02-13 340
1.html语言是解释型语言，不是编译型 浏览器是容错的 2.html页面中由一对标签组成：<html></html> <html> 称之为 开始标签 </html>称之为 结束标签 3.title 表示网页的标题 4.可以在meta标签中设置编码方式 5.<br/>表示换行 。br标签是一个单标签。单标签：开始标签和结束标签是同一个，斜杠放在单词后面。 6.p 表示段落标签 7. img 标签图片标签 src属性表示图片文件...
java 上传文件_JAVA学习笔记——fileUpload文件上传
05-17
文件上传是Web开发中常见的功能之一，Java中也提供了多种方式来实现文件上传。其中，一种常用的方式是通过Apache的commons-fileupload组件来实现文件上传。 以下是实现文件上传的步骤： 1.在pom.xml文件中添加以下依赖： ```xml <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.3</version> </dependency> ``` 2.在前端页面中添加文件上传表单： ```html <form method="post" enctype="multipart/form-data" action="upload"> <input type="file" name="file"> <input type="submit" value="Upload"> </form> ``` 3.在后台Java代码中处理上传文件： ```java // 创建一个DiskFileItemFactory对象，用于解析上传的文件 DiskFileItemFactory factory = new DiskFileItemFactory(); // 设置缓冲区大小，如果上传的文件大于缓冲区大小，则先将文件保存到临时文件中，再进行处理 factory.setSizeThreshold(1024 * 1024); // 创建一个ServletFileUpload对象，用于解析上传的文件 ServletFileUpload upload = new ServletFileUpload(factory); // 设置上传文件的大小限制，这里设置为10MB upload.setFileSizeMax(10 * 1024 * 1024); // 解析上传的文件，得到一个FileItem的List集合 List<FileItem> items = upload.parseRequest(request); // 遍历FileItem的List集合，处理上传的文件 for (FileItem item : items) { // 判断当前FileItem是否为上传的文件 if (!item.isFormField()) { // 获取上传文件的文件名 String fileName = item.getName(); // 创建一个File对象，用于保存上传的文件 File file = new File("D:/uploads/" + fileName); // 将上传的文件保存到指定的目录中 item.write(file); } } ``` 以上代码中，首先创建了一个DiskFileItemFactory对象，用于解析上传的文件。然后设置了缓冲区大小和上传文件的大小限制。接着创建一个ServletFileUpload对象，用于解析上传的文件。最后遍历FileItem的List集合，判断当前FileItem是否为上传的文件，如果是，则获取文件名，创建一个File对象，将上传的文件保存到指定的目录中。 4.文件上传完成后，可以给用户一个提示信息，例如： ```java response.getWriter().write("File uploaded successfully!"); ``` 以上就是使用Apache的commons-fileupload组件实现文件上传的步骤。需要注意的是，文件上传可能会带来安全隐患，因此在处理上传的文件时，需要进行严格的校验和过滤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值