【Java全栈】①HTML入门

已于 2024-08-21 00:32:43 修改
阅读量522 收藏 15
点赞数 23
分类专栏： java全栈 文章标签： html 前端
于 2024-08-20 18:21:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75317009/article/details/140764314
版权

目录

前言

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

HTML只是一种标签，准确来说不是编程语言，内容比较简单。推荐使用vscode，Fitten Code 免费且支持 80 多种语言：Python、C++、Javascript、Typescript、Java、HTML等。

目前对于 HTML 语言，Fitten Code 支持在多种文本编辑器或 IDE 上使用。

一、HTML简介

HTML文档的后缀名 `.html `和` .htm`以上两种后缀名没有区别，都可以使用。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

简单入门：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello html</title>
</head>
<body>

<h1>标题</h1>
<p>段落</p>

</body>
</html>

基本标签：

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，
如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

二、HTML基础

1. HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

实例
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

2. HTML 段落

HTML 段落是通过标签 <p> 来定义的。

实例
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

3. HTML 链接

HTML 链接是通过标签 <a> 来定义的。

实例
<a href="https://www.runoob.com">这是一个链接</a>
在 href 属性中指定链接的地址

4. HTML 图像

HTML 图像是通过标签 来定义的.

实例
<img src="/images/logo.png" width="258" height="39" />

5. 换行

<br>	换行，无结束标签

6. 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name=“value”。
<a href="http://www.runoob.com">这是一个链接</a>

class	 为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	     定义元素的唯一id
style	 规定元素的行内样式（inline style）
title	 描述了元素的额外信息 (作为工具条使用)

7. 标题


标题（Heading）是通过 <h1> - <h6> 标签进行定义的。
<h1> 定义最大的标题。 <h6> 定义最小的标题。


<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。

<!-- 这是一个注释 -->

8. 段落

<p>	     定义一个段落
<br>	 插入单个折行（换行）

实例：
<p>这个<br>段落<br>演示了分行的效果</p>

9. 文本格式化

<b>这个文本是加粗的</b>
<strong>这个文本是加粗的</strong>
<big>这个文本字体放大</big>
<em>这个文本是斜体的</em>
<i>这个文本是斜体的</i>
<small>这个文本是缩小的</small>
这个文本包含<sub>下标</sub>
这个文本包含<sup>上标</sup>

这个文本是加粗的
这个文本是加粗的
这个文本字体放大
这个文本是斜体的
这个文本是斜体的
这个文本是缩小的
这个文本包含下标
这个文本包含上标

<pre>
此例演示如何使用 pre 标签
对空行和    空格
进行控制
</pre>

此例演示如何使用 pre 标签 
对空行和    空格
进行控制 
<code>计算机输出</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br />

<p>
<b>注释：</b>这些标签常用于显示计算机/编程代码。
</p>

计算机输出
键盘输入
打字机文本
计算机代码样本: int main()
计算机变量
注释：这些标签常用于显示计算机/编程代码。

Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

Written by Jon Doe

Written by Jon Doe.
Visit us at:
Example.com
Box 564, Disneyland
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym> 

<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>

etc.
 WWW

在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。

<p>该段落文字从左到右显示。</p>  
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

该段落文字从左到右显示。

该段落文字从右到左显示。

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

My favorite color is blue red!

总结：

HTML 文本格式化标签

<b>	    	定义粗体文本
<em>		定义着重文字
<i>			定义斜体字
<small>		定义小号字
<strong>	定义加重语气
<sub>		定义下标字
<sup>		定义上标字
<ins>		定义插入字
<del>		定义删除字

HTML "计算机输出" 标签

<code>		定义计算机代码
<kbd>		定义键盘码
<samp>		定义计算机代码样本
<var>		定义变量
<pre>		定义预格式文本

HTML 引文, 引用, 及标签定义

<abbr>		定义缩写
<address>	定义地址
<bdo>		定义文字方向
<blockquote>定义长的引用
<q>			定义短的引用语
<cite>		定义引用、引证
<dfn>		定义一个定义项目。

10. 链接

HTML 使用超级链接与网络上的另一个文档相连。
链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。
HTML使用标签 <a> 来设置超文本链接。提示: “链接文本” 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

<a> 元素：创建链接的主要HTML元素是<a>（锚）元素。<a>元素具有以下属性：

  • href：指定链接目标的URL，这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。
  • target（可选）：指定链接如何在浏览器中打开。常见的值包括 _blank（在新标签或窗口中打开链接）和_self（在当前标签或窗口中打开链接）。
  • title（可选）：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。
  • rel（可选）：指定与链接目标的关系，如 nofollow、noopener 等。

id 属性可用于创建一个 HTML 文档书签，就跟我们的目录一样。

提示: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。
在HTML文档中插入ID:

<a id="tips">有用的提示部分</a>
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

<a href="#tips">访问有用的提示部分</a>
或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：

<a href="https://www.runoob.com/html/html-links.html#tips">
访问有用的提示部分</a>

11. 头部

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

<title> 标签定义了不同文档的标题。<title> 在 HTML/XHTML 文档中是必需的。


<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>

<link> 标签定义了文档与外部资源之间的关系。标签通常用于链接到样式表：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<style> 标签定义了HTML文档的样式文件引用地址，在<style> 元素中你也可以直接添加样式来渲染 HTML 文档：

<head>
<style type="text/css">
body {
    background-color:yellow;
}
p {
    color:blue
}
</style>
</head>

HTML <meta> 元素
meta标签描述了一些基本的元数据。元数据也不显示在页面上，但会被浏览器解析。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

一般放置于 区域

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:

<meta name="author" content="Runoob">
每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

HTML <script> 元素
<script>标签用于加载脚本文件，如： JavaScript。

12. CSS

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。CSS 可以通过以下方式添加到HTML中:

  • 内联样式- 在HTML元素中使用"style" 属性
  • 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
  • 外部引用 - 使用外部 CSS 文件
内联样式
<p style="color:blue;margin-left:20px;">这是一个段落。</p>

背景色属性（background-color）定义一个元素的背景颜色
<body style="background-color:yellow;">
<h2 style="background-color:red;">这是一个标题</h2>
<p style="background-color:green;">这是一个段落。</p>
</body>


font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式
<h1 style="font-family:verdana;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>


text-align（文字对齐）属性指定文本的水平与垂直对齐方式
<h1 style="text-align:center;">居中对齐的标题</h1>
<p>这是一个段落。</p>


内部样式表
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

13. 图片

在 HTML 中，图像由 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

要在页面上显示图像，你需要使用源属性（src），src 指 “source”，源属性的值是图像的 URL 地址。
alt 属性用来为图像定义一串预备的可替换的文本，浏览器无法载入图像时，显示替换文本。
height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。


<img src="url" alt="some_text">
URL 指存储图像的位置，可以是本地图片，
也可以是网络图片 eg: http://www.runoob.com/images/pulpit.jpg


属性值默认单位为像素
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">


<img>	定义图像
<map>	定义图像地图
<area>	定义图像地图中的可点击区域

14. 表格

HTML 表格由 <table> 标签来定义，每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格可以包含标题行（<th>）用于定义列的标题。

<thead > 用于定义表格的标题部分: 在 <thead > 中，使用 <th > 元素定义列的标题，例如：“列标题1”，“列标题2"和"列标题3”。

<tbody > 用于定义表格的主体部分: 在 <tbody > 中，使用 <tr > 元素定义行，并在每行中使用 <td > 元素定义单元格数据。

HTML 表格还可以具有其他部分，如 <tfoot > （表格页脚）和 <caption > （表格标题），<tfoot > 可用于在表格的底部定义摘要、统计信息等内容， <caption > 可用于为整个表格定义标题。

<table>			定义表格
<th>			定义表格的表头
<tr>			定义表格的行
<td>			定义表格单元
<caption>		定义表格标题
<colgroup>		定义表格列的组
<col>			定义用于表格列的属性
<thead>			定义表格的页眉
<tbody>			定义表格的主体
<tfoot>			定义表格的页脚


属性：
border	有无边框
cellpadding  表格页边距
colspan		 用于跨行，比如两行合并

15. 列表

HTML无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表使用 <ul> 标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

HTML 有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

HTML 自定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

标签	描述
<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义列表
<dt>	自定义列表项目
<dd>	定义自定列表项的描述

16. 区块

大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
实例: <h1>, <p>, <ul>, <table>

1. HTML 内联元素

内联元素在显示时通常不会以新行开始。
实例: <b>, <td>, <a>, <img>

2. HTML <div> 元素

HTML <div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

3. HTML <span> 元素

HTML <span> 元素是内联元素，可用作文本的容器
<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

4. HTML 分组标签

标签 描述
<div> 定义了文档的区域，块级 (block-level)
<span>用来组合文档中的行内元素， 内联元素(inline)

17. 布局

示例（自己调试一下），table标签不建议用于布局：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">主要的网页标题</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>菜单</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
内容在这里</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;width:500px;height:30px;">
版权 © runoob.com</div>

</div>
 
</body>
</html>

18. 表单和输入

HTML 表单用于收集用户的输入信息，通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。

以下是一个简单的HTML表单的例子：

<form> 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了
提交数据的 HTTP 方法（这里使用的是 "post"）。
<label> 元素用于为表单元素添加标签，提高可访问性。
<input> 元素是最常用的表单元素之一，它可以创建文本输入框、密码框、单选按钮、复选框等。
type 属性定义了输入框的类型，id 属性用于关联 <label> 元素，name 属性用于标识表单字段。
<select> 元素用于创建下拉列表，而 <option> 元素用于定义下拉列表中的选项。

以下实例创建了一个表单，包含一个普通输入框和一个密码输入框：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<form action="">
Username: <input type="text" name="user"><br>
Password: <input type="password" name="password">
</form>

<p><b>注意：</b> 密码字段中的字符是隐藏的(显示为星号或圆圈)。</p>

</body>
</html>

输入元素

多数情况下被用到的表单标签是输入标签 <input>。输入类型是由 type 属性定义，接下来介绍几种常用的输入类型。

  • 文本域通过 <input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。表单本身并不可见。同时，在大多数浏览器中，文本域的默认宽度是 20 个字符。

  • 密码字段通过标签 <input type="password"> 来定义。

  • <input type="radio"> 标签定义了表单的单选框选项。

  • <input type="checkbox"> 定义了复选框，复选框可以选取一个或多个选项。

  • <input type="submit"> 定义了提交按钮。当用户单击确认按钮时，表单的内容会被传送到服务器。表单的动作属性 action 定义了服务端的文件名，action 属性会对接收到的用户输入数据进行相关的处理。

以上实例中有一个 method 属性，它用于定义表单数据的提交方式，可以是以下值：

  • post：指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器，用于提交敏感数据，如用户名与密码等。
  • get：默认值，指的是 HTTP GET 方法，表单数据会附加在 action 属性的 URL 中，并以 ?作为分隔符，一般用于不敏感信息，如分页等。例如：https://www.runoob.com/?page=1，这里的 page=1 就是 get 方法提交的数据。

19. 框架

通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

该URL指向不同的网页。
frameborder 属性用于定义iframe表示是否显示边框，设置属性值为 “0” 移除iframe的边框。
iframe 可以显示一个目标链接的页面，目标链接的属性必须使用 iframe 的属性。

出于有些网页不希望被嵌套, 响应头中有一选项X-Frame-Options
他有三个可配置值：

  • DENY：表示该网站页面不允许被嵌套，即便是在自己的域名的页面中也不能进行嵌套。
  • SAMEORIGIN：表示该页面可以在相同域名页面中被嵌套展示。
  • ALLOW-FROM uri：表示该页面可以在指定来源页面中进行嵌套展示。

20. 颜色

HTML 颜色由红色、绿色、蓝色混合而成。
HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。

RGBA 的意思是（Red-Green-Blue-Alpha）它是在 RGB 上扩展包括了 “alpha” 通道，运行对颜色值设置透明度。相对于使用 rgb(255,255,0)，使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能，这里的 0.5 表示透明度，范围 0~1，0 表示全透明。

21. 脚本

JavaScript 使 HTML 页面具有更强的动态和交互性。
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。

<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容。

<script>
document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

22. 字符实体

在 HTML 中，某些字符是预留的。
比如在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样：

&entity_name;
或
&#entity_number;

如需显示小于号，我们必须这样写：

&lt; 
或 
&#60; 
或 
&#060;

不间断空格(Non-breaking Space)
HTML 中的常用字符实体是不间断空格(&nbsp)。

结合音标符
发音符号是加到字母上的一个"glyph(字形)"，一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。

以下是一些实例:

  ̀	a	a&#768;	à
  ́	a	a&#769;	á
  ̂ 	a	a&#770;	â
  ̃	a	a&#771;	ã

HTML字符实体
实体名称对大小写敏感，具体可以查阅手册。

23. URL

URL是统一资源定位器(Uniform Resource Locators)的缩写。代表一个网页地址。URL可以由字母组成，如"runoob.com"，或互联网协议（IP）地址： 192.68.20.50。

Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

scheme://host.domain:port/path/filename说明:

  • scheme - 定义因特网服务的类型。最常见的类型是 http
  • host - 定义域主机（http 的默认主机是 www）
  • domain - 定义因特网域名，比如 runoob.com
  • :port - 定义主机上的端口号（http 的默认端口号是 80）
  • path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
  • filename - 定义文档/资源的名称

常见的 URL Scheme

http	超文本传输协议		以 http:// 开头的普通网页。不加密。
https	安全超文本传输协议	安全网页，加密所有信息交换。
ftp		文件传输协议			用于将文件下载或上传至网站。
file	 					您计算机上的文件。

URL 字符编码

URL 只能使用 ASCII 字符集，URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。

24. HTML 速查列表

菜鸟教程
HTML 标签简写及全称

总结

以上只是入门，HTML5还有很多标签可供使用，但那就是入门之后的个人的进阶，接下来就是 CSS 与 javascript，标签学习更多是自己在实际网站开发时的熟练使用。

文章就先到这里，但是学习不能止步于此，期待分享新的知识。

zhiyog
关注
  • 23
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从搬砖工到架构师，Java全栈学习路线总结
zhangxia_的博客
05-07 2万+
Java 全栈开发技术是一种整合多种技术的开发方式，涉及众多领域，如：前端、后端、数据库等。Java 全栈开发技术的全面普及，使得该领域成为了就业和职业发展的焦点。为了快速入门 Java 全栈开发，我们可以从下面的路线开始学习。 Java 全栈开发需要不断地学习和实践，掌握优秀的编程习惯和实现技巧非常重要。在 Java 全栈开发的旅途中，我们需要关注技术的动态发展，随时更新自己的技能和知识体系。
Java 全栈知识体系
weixin_70730532的博客
07-27 6583
40000 +字长文总结。 面向对象与Java基础 Java 基础 - 面向对象Java 基础 - 知识点Java 基础 - 图谱 & Q/A基础知识点复习完了以后，我们需要深入的理解Java中的一些基础机制：Java 基础 - 泛型机制详解Java泛型这个特性是从JDK 1.5才开始加入的，因此为了兼容之前的版本，Java泛型的实现采取了“伪泛型”的策略，即Java在语法上支持泛型，但是在编译阶段会进行所谓的“类型擦除”（Type Erasure），将所有的泛型表示（尖括号中的内容）都替换为具体的
Java全栈开发
pianai_s的博客
05-02 1万+
Java全栈开发 ------------目录------------ github搜索 技术网站 方志朋的博客 面试经验 javaSE 多线程 框架介绍 springboot JavaEE框架 分布式框架 大型网站分布式架构(一套) 全栈解决方案(完整） Java开源技术 支付 集群与分布式 Tomcat内核详解(一套) Linux sql (Java)...
Java全栈体系路线
热门推荐
qq_43573663的博客
02-04 1万+
文章目录1）Java路线图2） 大数据学习路线3）前端学习路线4）Python学习路线 1）Java路线图 2） 大数据学习路线 3）前端学习路线 4）Python学习路线 ...
JAVA全栈学习day01（java入门）
秋风渡人
05-02 796
1、java语言发展史 java语言 语言：人与人交流沟通的表达方式 计算机语言：人与计算机进行信息交流沟通的特殊语言 java 语言是美国sun公司（Stanford University Network）在年推出的计算机语言 java之父：詹姆斯·高斯林（James Gosling） java语言发展史 java版本 发布年份 java1.0 1996 java1.1 1997 java1.2（革命性版本） 1998 java1.3 2000 java1
【Java全栈之路】
qq_69683957的博客
02-11 3829
吉士先生Java全栈之路推荐
零基础Java全栈教程--全文目录
程序员大阳
09-24 4807
零基础前端系列 配套电子书、源码
python全栈开发从入门到精通_Python 3.x全栈开发从入门到精通
weixin_39970064的博客
11-24 288
初识Python语言 1第2Python基础篇 202.1 变量 212.2 标准数据类型 222.2.1 数字( Number ) 222.2.2 字符串(String) 242.2.3 列表（List ） 282.2.4 元组（Tuple） 312.2.5 字典（Dictionary） 332.2.6 集合（Set） 352.3 标识符 362.4 行和缩进 372.5 运算符和表达式 382...
Java全栈系列笔记
杨丙寅
02-07 2023
Java全栈系列笔记 全部文档、项目、源码：https://github.com/name365/Blog-Java，源于狂神说视频学习记录！！！不可商用！ 写的可以的话，麻烦给个start~~ 阶段一：Java基础 狂神说笔记——Java SE基础01 狂神说笔记——Java SE基础02 狂神说笔记——Java SE基础03 狂神说笔记——网络编程04 狂神说笔记——多线程05 狂神说笔记——注解和反射06 狂神说笔记——JVM入门07 狂神说笔记——JUC入门08 好的，到
从零开始的java全栈成长之路（一）
k_low的博客
08-21 461
鲨鱼辣椒的程序员成长历程。
Java全栈学习路线及知识清单
11-21
Java全栈学习路线及知识清单 Java全栈学习路线是指从Java基础到JavaWeb、JavaEE、Linux运维、分布式与微服务、大数据开发的完整学习路线。下面是Java全栈学习路线的详细知识点： 一、Java基础 Java基础知识是Java...
2024 Java 全栈工程师进阶路线图，一定要收藏！，消息队列的面试题
pckzzy117的博客
04-21 819
这一层修炼完，你已经基本上达到了阳顶天的水平了，阳顶天是明教教主，那你出去找个项目经理的位置坐坐估计差不多吧。(img-ZRTfTldL-1713637898288)]练习到这一层，基本上前后端通杀，做个架构师，或者独立接私活妥妥的了。Spring Boot 整合 Swagger、邮件等。Spring Boot 整合 WebSocket。Spring Boot 整合 Web 开发。Spring Boot 整合 NoSQL。Spring Boot 整理视图层技术。Spring Boot 整合持久层技术。
Qt将数据库中的数据导出为html
qq_15181569的博客
09-04 673
【代码】Qt将数据库中的数据导出为html。
【Harmony】文本高亮显示、关键字凸显字体大小、颜色、背景色等风格自定义、嵌入html脚本提取超链接及超链接文本或其他脚本片段
lichong951的专栏
09-06 340
预览效果如图（网上找到demo，如有疑问请留评论蛤！）：这个是超链接这是例子里的数据定义方式，和从接口里解析的json数据有所区别再看看其他预览效果，比如有html超链接。
HTML生日蛋糕
兔子王
09-07 1474
用HTML语言实现生日蛋糕效果的完整代码。
SpringBoot开发——结合Thymeleaf模板整合HTML
bjzhang75的博客
09-05 1238
Thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可。Thymeleaf提供了一个用于整合Spring MVC的可选模块，在应用开发中，你可以使用Thymeleaf来完全代替JSP或其他模板引擎，如Velocity、FreeMarker等。Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。
前端：HTML、CSS、JS、Vue
云扬的博客
09-04 3668
本文主要介绍了HTML、CSS、JavaScript、Vue的基本语法和使用。供个人学习使用
HTML各种标签以及使用
最新发布
lxl12138的博客
09-08 616
HTML各种标签以及使用
【H2O2|全栈】关于HTML（5）HTML基础（四）
过期的H2O2的博客
09-06 1164
本系列博客将分享HTML相关知识点。这一期博客，我们来讲解表单相关的标签。注意，本期表单中的大部分属性仅限于HTML4，如果想要了解更多关于HTML5中常用的表单功能，可以期待未来的HTML进阶篇的博客。不是专业的科普博主，主打一个分享知识，写的不好，多多包涵（嘻嘻）。
Java全栈学习教程：从入门到精通
这个Java全栈学习教程覆盖了从入门到精通的全过程，无论你是初学者还是有一定基础的开发者，都能从中找到适合自己的学习路径和提高方法。记住，持续学习和实践是成为优秀Java全栈开发者的关键。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值