html后端javaweb学习笔记

已于 2024-05-13 20:40:53 修改
阅读量101 收藏
点赞数
文章标签： html 学习 笔记 java web
于 2023-06-01 22:38:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_62734471/article/details/130997266
版权

html学习

标签和超文本语言

html注释 

<标签名> 

封装的数据

</标签名>

HTML结构标签

<html>
  <head>
    <title>eeww</title>
  </head>
  <body>
    werferfer
  </body>
</html>
<!--font标签修改字体样式-->

细节：html不区分大小写、语法松散。

<!DOCTYPE html><!--这是html文件版本信息-->
<html lang="en"><!--lang是字符集选择-->
  
</html>

标签具有自己的属性，分为基本属性和事件属性两大类

基本属性可以简单修改样式效果

<标签 bgcolor>=“green”修改背景颜色属性

事件属性：可以直接设置事件响应后

<!-- onclick表示单击事件
οnclick="alert('hello')"-->
<body onclick="alert('hello')"><!--事件-->
  hello
</body>
<!--单标签换行<br/>水平线<hr/>-->

标签的语法：标签不能嵌套、标签要写正确、双标签有头有尾、标签属性值要加双引号

常用标签介绍：fond 标签 规定字体尺寸、颜色大小

<body>
  hello
  <fond color="red" face="宋体" size ="1"> hello</fond>
</body>

特殊字符显示：比如说大于号小于号必须要用特殊字符穿代替

<等于 &lt；

大于号等于 &gt；

空格===》&nbsp；药隔多远加多少个

标题标签：h1到h6，h1最大，控制大小

align属性是对齐属性 right center light

超链接：

在这里插入图片描述

img标签：可以html页面上显示图片

<img src="路径"/>

还可以修改图片显示的大小
<img src="路径" width="200" height="260"/>

还可以简单给图片加一个边框效果
<img src="路径" width="200" height="260" border="2"/>
<!--border是边框效果-->

alt作用设置当指定内容找不到时用来替代的内容
<img src="路径" width="200" height="260" border="2" alt="hhh"/>

在这里插入图片描述

在这里插入图片描述

table标签重点
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>
    hello
    <table border="1" width="300" height="300">
        <tr>
            <td align="center"><b>1\1</b></td>
            <th>1\1</th>
            <td>1\1</td>
        </tr>
        <tr>
            <td>1\1</td>
            <td>1\1</td>
            <td>1\1</td>
        </tr>
        <tr>
            <td>1\1</td>
            <td>1\1</td>
            <td>1\1</td>
        </tr>
    </table>
</body>
</html>

在这里插入图片描述

th的效果和第一个手动添加的效果一致

跨行跨列表格
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    表格
    <table border="1" cellspacing="0" width="500" height="500">
      <tr>
        <th colspan="2">1\1</th>
        <th>1\3</th>
        <th>1\4</th>
        <th>1\5</th>
      </tr>
      <tr>
        <th rowspan="2">1\1</th>
        <th>1\1</th>
        <th>1\1</th>
        <th>1\1</th>
        <th>1\1</th>
      </tr>
      <tr>
        <th>1\1</th>
        <th>1\1</th>
        <th>1\1</th>
        <th>1\1</th>
      </tr>
      <tr>
        <th>1\1</th>
        <th>1\1</th>
        <th>1\1</th>
        <th colspan="2" rowspan="2">1\1</th>
      </tr>
      <tr>
        <th>1\1</th>
        <th>1\1</th>
        <th>1\1</th>
      </tr>
    </table>
</body>
</html>

Colspan跨列

rowspan跨行

在这里插入图片描述

iframe标签

在这里插入图片描述

可以在html页面打开一个小窗口，去加载一个小页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  我是一个单独的页面<br/>
  <iframe src="table2.html" width="500" height="400" name="abc"></iframe>
  <br/>
  <br/>
  <ul>
    <li><a href="Hello.html" target="abc">Hello</a></li>
      <li><a href="Hello.html" target="abc">Hello</a></li>
      <li><a href="Hello.html" target="abc">Hello</a></li>
  </ul>
</body>
</html>
表单，用于收集用户信息

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--form标签就是表单-->
  <form>
     用户名称：<input type="text" value="hello" /><br/><!--文本输入框-->
     密码：<input type="password" value="abc"/><br/>
      确认密码：<input type="password"/><br/>
      性别：<input type="radio" name="sex" checked="checked"/>男<input type="radio" name="sex"/>女<br/>
      兴趣爱好：<input type="checkbox"/>java<input type="checkbox"/>c++<input type="checkbox"/>html<br/>
      国籍：<select>
      <option>--请选择国籍--</option>
      <option selected="selected">Chinese</option>
      <option>Jap</option>
      <option>American</option>
  </select><br/>
      自我评价：<textarea rows="20">我才是默认值</textarea><br/>
      <input type="reset" value="重置"/>
        <input type="submit"/>
      <input type="button" value="abc"/>
      <input type="file" value="文件上传"/>
  </form>
</body>
</html>

如果需要效果对齐直接使用表单做法

表单提交细节

<form action="http://localhost:8080" method="get">
    <input type="hidden" name="action" value="login">
</form>

只要想讲=将信息发给服务器，就要给每项都加上name属性

在这里插入图片描述
在这里插入图片描述

其他标签

div标签默认独占一行

span标签它的长度是封装数据的长度

p段落标签默认会在段落的上方或者下方各空出一行来（如果已经有就不会空）

以及等等标签可以自行上网查阅

隐姓埋名882
关注
JavaWeb前端后端笔记.zip
09-16
JavaWeb前端后端笔记主要涵盖了JavaWeb开发的基础概念和实践技术，是初学者入门的宝贵资料。这篇笔记详细解析了JavaWeb开发中的关键知识点，包括前端和后端的交互、核心技术栈以及常见问题的解决方法。 一、JavaWeb...
Fdog系列（二）：html写完注册页面之后怎么办，用java写后台响应呀。
花狗Fdog的博客
04-11 5549
文章目录1. 前言2. 创建javaweb项目3. 创建Server4. 解决中文乱码问题5. 响应后台数据 目录 Fdog系列（一）：思来想去，不如写一个聊天软件，那就从仿QQ注册页面开始吧。 1. 前言 接着第一篇用html完成了注册页面，第二篇，我们来完成后台数据处理，需要用的有Eclipse，tomcat，mysql数据库，还有云服务器（如果需要外部访问，可以购买一台云服务器，选择最低配置就好，我用的是腾讯云，使用代金券白嫖了四个月，可以通过下面二维码白嫖代金券。） 若没有Eclipse，这是博
HTML的基本使用(适用于Java后端)
boilll的博客
01-06 1350
自学html笔记
创建Java Web项目并实现前后端交互
热门推荐
Beau Wang
12-31 1万+
目录 一：使用工具 二：创建Java Web项目 三：编写代码 一：使用工具 Eclipse 版本如下： 注：不同版本的eclipse创建的项目基础目录可能会有所不同。 二：创建Java Web项目 1. File --> New --> Dynamic Web Project 2. 输入项目名称 --> 配置Tomcat --> Next --> Next -->勾选Generate Web.xml deployment...
JavaWeb02-JavaScript学习笔记
08-22
JavaScript基础知识点 JavaScript是一种脚本语言...本笔记涵盖了JavaScript的基础知识点，包括变量、数据类型、流程控制语句、函数、数组、对象、JSON、BOM和Location等概念，为学习JavaScript提供了一个良好的基础。
javaweb项目实（含笔记与详细实现步骤）
07-20
JavaWeb项目实（含笔记与详细实现步骤） JavaWeb是一种基于Java技术的Web应用程序开发框架，它涵盖了服务器端编程、数据库交互、用户界面设计等多个方面。对于初学者来说，掌握JavaWeb开发是步入Web开发领域的关键...
javaweb笔记超 详细
11-03
Java Web 是一种基于Java技术的Web应用程序开发领域，它涵盖了从...这些知识点构成了Java Web开发的基础，通过学习和实践，开发者能够创建动态的、数据驱动的Web应用程序，提供丰富的用户体验并与后端数据库进行交互。
前端Javaweb教程笔记
07-12
在IT领域，前端JavaWeb开发是一项重要的技能，它涉及到网页设计、交互以及后端数据的通信。本教程笔记主要聚焦于这个主题，旨在帮助初学者和有经验的开发者深入理解前端JavaWeb技术栈。 首先，我们需要理解“前端”...
【JavaWeb】二、HTML 入门
最新发布
CSDN全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
09-22 814
HTML、CSS 和 JavaScript 在Web开发中扮演着不可或缺的角色。HTML 定义了网页的结构，CSS 控制了网页的样式和布局，而JavaScript 则增强了网页的交互性。这三个技术相互协作，共同构成了现代Web应用的基石。掌握这三个技术，是成为一名合格的Web开发者所必需的。HTML，全称HyperText Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。定义：HTML是一种通过标签来描述网页内容和结构的语言。
html知识点框架
爱敲代码的卡拉米的博客
09-18 1030
一、HTML基础
在HTML中添加图片
Q18600000000的博客
09-15 691
标签中指定要显示的图像
【HTML】入门教程
qq_32768761的博客
09-19 1171
【纯干货教程】HTML入门级文档，适合新手小白。
使用HTML和CSS制作网页的全面指南
weidl001的博客
09-14 1512
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
HTML 和 CSS
2301_79685859的博客
09-16 1276
HTML（HyperText Markup Language）是用于定义网页内容的标记语言。它通过一系列标签将内容结构化，使浏览器能够理解并渲染网页。常见的 HTML 元素包括标题、段落、图片、链接等。CSS（Cascading Style Sheets）是用于控制网页外观的样式表语言。通过 CSS，开发者可以定义网页元素的颜色、字体、布局、大小等外观属性。CSS 可以嵌入到 HTML 文件中，也可以通过外部文件进行引入。
HTML贪吃蛇游戏
weixin_65477256的博客
09-15 1541
贪吃蛇是一款经典的休闲益智游戏。本文将通过HTML5和JavaScript详细解析如何实现一个简易版的贪吃蛇游戏。游戏的主要逻辑包括蛇的移动、碰撞检测、食物生成等功能。以下是游戏的完整代码及注释解析。（纯属好玩）
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 3488
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
探索《越南语翻译通》App：高效语言学习的利器
工作姬
09-20 373
无论您是语言学习新手还是希望提高语言技能的专业人士，这款App都能为您提供帮助。它的学习材料覆盖了语言学习的各个方面，帮助用户全面掌握新语言。随着科技的发展，我们有了更多便捷的工具来帮助我们学习新的语言。今天，我们来探索一款名为《越南语翻译通》的App，它正逐渐成为语言学习者的新宠。《越南语翻译通》App采用了先进的AI技术，能够根据用户的学习进度和习惯，提供个性化的学习建议。它不仅提供了丰富的语言学习资源，还具备实时翻译功能，帮助用户在实际对话中快速理解和使用新语言。
Linux常见命令学习
wuweixiaoyue的博客
09-16 1062
Linux是什么：是个操作系统，使用量很高当前市面上常见的操作系统Windows：图形化界面，方便上手Linux：一般通过命令行操作，不适合日常使用，但十分适合开发Mac OS：苹果电脑上常用AndroidIOS世界第一大操作系统：使用量很高，但用户方面感知不太明显服务器领域：大部分服务器用的都是Linux系统，也有小部分是Windows Server嵌入式设备：内置了简易计算机的设备。
source insight学习笔记
aa98865646的博客
09-18 445
比如常见好用的基础配置，常用的基础操作等。有时一些中文注释是 GB2312 的，使用默认的 UTF-8 编码打开就会编程乱码，可以依次点击菜单栏。比如下面我需要在当前文件中寻找extension这个符号的所有内容。这个一般是在当前文件中搜索，如果需要在整个项目搜索需要别的方式。代码出错用来定位的，也是很常用。看代码的时候经常需要查找某个字符，所以这个是必须要会的。选好颜色为RGB分别为200，240，200就可以了。PS：可以通过f3和f4上下切换搜寻到的结果。经常需要将查找到的字符进行替换。
"JavaWeb知识点总结：原生操作、框架提供便利、MVC概念解析、环境准备
我相信，在大学实训的时候，很多人都接触过JavaWeb实训，因为在学习各大框架之前，我们通常都会先学习JavaWeb的原生操作。我相信，掌握了原生JavaWeb的基础知识，后面学习框架就会变得更加容易，因为框架无非是提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值