java学习——HTML

最新推荐文章于 2024-07-29 14:22:26 发布
最新推荐文章于 2024-07-29 14:22:26 发布
阅读量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学习笔记——Index
weixin_51657833的博客
02-09 235
Java学习笔记——Index Part01-互联网技术概念入门 Part2~3代码:GitHub Part02-HTML初探 Part03-CSS初探 Part04-Java概述 Part5~*代码:GitHub Part05-第一个java程序，java风格，java注释，标识符、关键字、字符集概念 Part06-变量和常量 Part07-数据类型 Part08-运算符 Part09-流程控制 Part10-数组 ...
java鼠标点击按钮事件_Java学习——GUI编程（鼠标单击按钮事件）
weixin_30189559的博客
02-23 2396
Java学习——GUI编程(鼠标单击按钮事件)Java学习——GUI编程(鼠标单击按钮事件)package 狂神说.p3;import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.awt.event.WindowAdapter;import java.aw...
Educoder/头歌JAVA——HTML：表格
舟舟的博客
12-10 3699
表格应用于各种软件中，有表格应用软件也有表格控件，典型的像Office Word，Excel， 表格是最常用的数据处理方式之一，主要用于输入、输出、显示、处理和打印数据，可以制作各种复杂的表格文档，甚至能帮助用户进行复杂的统计运算和图表化展示等。表格控件还可常用于数据库中数据的呈现和编辑、数据录入界面设计、数据交换（如与Excel交换数据）、数据报表及分发等。比如Spread，ComponentOne 的 FlexGrid。
java——HTML、css、JavaScript、jQuery 详细介绍
2401_85124621的博客
06-24 694
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化到节省代码的作用###获取body和html的宽高//得到body的宽。
史上最强 Java 学习路线图！
热门推荐
沉默王二
04-24 26万+
网上看到一首诗：“代码尽头谁为峰，一见秃头道成空。编程修真路破折，一步一劫渡飞升。”感觉还挺有意境的。 第一部分：Java 基础篇 这个阶段就是编程入门，掌握 Java 这门编程语言的基本语法，为后面的修行之路打好基础。 包括的知识点有： 环境搭建——Intellij IDEA 一站式搞定 Java 基础语法 面向对象——封装、继承、多态 数组 字符串 集合框架 IO 反射 注解 网络编程 并发编程 这方面的资源我给大家梳理下： 1）针对 Intellij IDEA，GitHub 上有一份简体中文版教
Java学习路线（1）——Java开端
Zain_horse的博客
05-19 786
Java程序员的开端，HelloWorld
Java学习篇——JavaWeb：JavaScript
zhang19971014的博客
04-06 2万+
作用：负责给页面做动态效果。 有什么用 ————语言特点：弱类型。let name=“ss” let age=15 name可以等于16不报错。 ————脚本语言：不需要编译解析直接执行。 ————基于面向对象开发。 ————只能访问浏览器的网站：安全性强。 ————交互性强：直接嵌入html页面中。 怎么用：如何在html中使用js语言 内联：在标签事件属性后面的，事件触发时执行。 在标签上添加// 内部：用 script标签 外部：新建javaScript ...
Java基础学习——安装JDK
04-14 1254
学习Java第一步安装JDK( Java Development Kit Java开发工具包 )，并配置环境。 可以去官网下载JDK： https://www.oracle.com/java/technologies/javase-downloads.html 进去之后可以看到下图界面，我们选择JDK11进行讲解： 点击JDK Download，可以看到下图页面，这里我选择Windows 64位...
Java项目——个人博客系统
m0_51405559的博客
03-11 2万+
文章目录一、项目背景二、项目功能三、项目的基本流程1.准备工作2.数据库设计3.准备前端页面4.实现前端匹配的Servlet所需功能5.项目难点6.存在缺陷 一、项目背景 在学习完JavaWeb相关知识后，有了基础能力就想通过完成一个Javaweb项目来回顾和加强已经学过的知识，并且希望在这个过程中发现自己的不足并加以改正。 由于之前一直都在CSDN上分享自己的学习过程，对CSDN博客系统的功能有了一定的了解，因此便尝试完成了个人博客系统。 二、项目功能 1.用户登录： 2.用户主页： 3.查看全文：
Java学习篇——JavaWeb：CSS
zhang19971014的博客
04-06 956
CSS:层叠样式表： 作用:,美化页面. 内联样式：在标签的style属性中添加样式代码, 弊端:不能复用 <h1 style="color: red;background-color: green">内联样式1</h1> 内部样式：在head标签里面添加style标签, 通过选择器找到元素后再添加样式代码, 可以复用但是不能多页面复用 <style> /*css注释*/ /*通过选择器找到元素然后再添加样式代码*/ ..
狂神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服务开发等多个领域，对于提升开发者的技术综合能力有着极大的帮助。通过阅读和分析这个项目...
java springboot 集成 阿里通义千问
qq_25987725的博客
07-25 336
一、在阿里云https://www.aliyun.com官网直接搜索“通义千问”，点击“开通DashScope”进行服务激活。四、在config目录添加配置 TongYiAiConfiguration.java。三、在yml中配置中配置key。二、加入Maven依赖。
使用hutool工具判断字符串是否全部是字母(包括大小写)，java判断字符串是否全部是字母(包括大小写)
最新发布
qq_43700885的博客
07-29 436
1.导入hutool的maven依赖。2.复制一下代码执行。
java判断邮箱地址是否正确，使用hutool工具判断邮箱地址是否正确
qq_43700885的博客
07-29 236
1.导入hutool的maven依赖。2.直接复制一下代码运行。
Swagger使用Map接受参数时，页面如何显示具体参数及说
a1058926697的博客
07-26 607
后端使用Map接受参数，要求在swagger页面上显示具体的参数名称、类型及说明。当Map接受参数数量少时，可以使用Swagger自带的注解。自定义注解 @ApiGlobalModel。编写处理注解对应的插件。
java 上传文件_JAVA学习笔记——fileUpload文件上传
05-17
文件上传是Web开发中常见的功能之一，Java中也提供了多种方式来实现文件上传。其中，一种常用的方式是通过Apache的commons-fileupload组件来实现文件上传。 以下是实现文件上传的步骤： 1.在pom.xml文件中添加以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值