HTML-常见标签、HTML5新特性

HTML

软件架构

1.C/S架构

(1) C/S架构即Client/Server（客户机/服务器）结构。

在这里插入图片描述

(2) C/S 架构特点

​ C/S结构在技术上很成熟，它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。但是该结构的程序是针对性开发，变更不够灵活，维护和管理的难度较大。通常只局限于小型局域网，不利于扩展。并且，由于该结构的每台客户机都需要安装相应的客户端程序，分布功能弱且兼容性差，不能实现快速部署安装和配置，因此缺少通用性，具有较大的局限性。

2.B/S 架构

（1）B/S即Browser/Server（浏览器/服务器）结构

在这里插入图片描述

（2）B/S 特点

​ B/S结构应用程序相对于传统的C/S结构应用程序是一个非常大的进步。 B/S结构的主要特点是分布性强、维护方便、开发简单且共享性强、总体拥有成本低。但数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，这些缺点是有目共睹的，难以实现传统模式下的特殊功能需求。

3.C/S与B/S对比

*对象**硬件环境**客户端要求**软件安装**升级维护**安全性*
*C/S*用户群体固定，一般用于小型局域网范围，要求拥有相同的操作系统。客户端计算机配置要求较高。每一个客户端都必须安装和配置软件。每一个客户机都要升级程序。可以采用自动升级。安全性好
*B/S*要有操作系统和浏览器，与操作系统平台无关。客户端计算机配置要求较低。可以随时随地进行操作而不用安装任何专门的软件，只要有浏览器即可。客户机不必安装及维护，要需要对服务器进行统一升级维护。相比C/S架构安全性弱

  • 一般面向相对固定的用户群，程序更加注重流程，可以对权限进行多层次校验，提供更安全的存取模式，对信息安全的控制能力很强，高度机密的信息系统采用C/S结构适宜。

  • 一般对用户群体没有特殊要求，客户端基本做到零维护，只需要通过浏览器就可以随时随地进行业务处理，并且方便功能扩展，开发简单，共享性强，对安全性没有更好的要求时采用B/S结构更合适。

HTML简介

  • HTML：HyperText Markup Language，超文本标记语言

  • 文本：能够记录文字，标点符号。

  • 超文本：能够记录文字，标点符号，输入内容，图片，视频，音频，超链接……

  • 标记（标签）：将需要的功能封装成对应的标签，要使用哪种功能，就去找到对应的标签即可。

HTML入门

1.HTML用于编写网页，按下F12打开开发者模式

在这里插入图片描述

2.第一个HTML文件

(1) 创建html文件

  • 在桌面上创建两个文件（文件名最好是英文），扩展名是.html或者.htm

在这里插入图片描述

(2) 编写html代码

  • 使用记事本打开其中任意一个文件，写HTML代码
<html><head><title>这是第一个HTML文件</title></head><body>Hello World!</body>
</html>

(3) 打开html文件

  • 使用浏览器打开该文件

在这里插入图片描述

3.HTML的特征

  • 文件扩展名为.html或者.htm

  • 根标签是，里面通常是

  • HTML的标签全是预定义好的

  • 标签名不区分大小写，推介使用小写

  • 大部分标签是成对出现的，有小部分是自动结束的

  • HTML标签必须正确嵌套

HTML编辑工具

1.常见的开发工具

  • HBuilder
  • WebStrom
  • DW
  • VSCode……

2.使用VSCode开发第一个页面

(1) 创建工作空间

  • 先创建一个文件夹当做项目的工作空间, 然后使用VSCode引入文件夹路径

(2) 创建项目目录

在这里插入图片描述

（3） 创建HTML文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>来了来了</title>
</head>
<body>他这真的来了
</body>
</html>

(4) 运行HTML文件

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

HTML常见标签

1.标题标签

<h1>……<h6>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><h1>一级标题</h1><h3>三级标题</h3><h6>六级标题</h6>
</body>
</html>

2.分割线标签

<hr>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><hr color="red">
</body>
</html>

3.文字标签

<font>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body>这是对比<font color="red">文本</font>
</body>
</html>

4.加粗标签

<strong>，<b>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body>床前<strong>明月光</strong>,疑是<b>地上霜</b>
</body>
</html>

5.换行标签

<br>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body>床前<em>明月光</em>,<br>疑是<i>地上霜</i>
</body>
</html>

6.斜体标签

<em>，<i>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body>床前<em>明月光</em>,疑是<i>地上霜</i>
</body>
</html>

7.段落标签

<p>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body>床前<em>明月光</em>,<br>疑是<i>地上霜</i><p>举头望明月</p>
</body>
</html>

8.居中标签

<center>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><center>真的居中了嘛？</center>
</body>
</html>

9.注释

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><!--center是居中标签--><center>真的居中了嘛？</center>
</body>
</html>

10.div标签

 <div>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><div>日照香炉生紫烟</div><div>遥看瀑布挂前川</div>
</body>
</html>

11.span标签

<span>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><span>日照香炉生紫烟</span><span>遥看瀑布挂前川</span>
</body>
</html>

实体字符

空格：&nbsp;
小于号：&lt;
大于号：&gt;

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><!--center是居中标签--><center>真的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;居中了嘛？</center>&lt;strong&gt;
</body>
</html>

HTML多媒体标签

1.图片

(1) 语法

<img  src="图片的路径"  width="宽度"  height="高度"  title="标题"  alt="图片加载失败时显示的提示文本"/>

(2) 属性解读

  • src：图片路径

    • 绝对路径：从电脑盘符中找，或者从项目根目录找

    • 相对路径：相对于当前文件去找目标文件

    • 注意：同级直接找，返回上一级：…/，下一级：/

  • width：设置图片的宽度，只设置宽度，不设置高度，高度会随着宽度等比变化

  • height：设置图片高度，只设置高度，不设置宽度，宽度会随着高度等比变化

  • title：设置图片标题，鼠标放到图片上时才出现

  • alt：图片加载失败时显示的提示文本

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><img src="img/gouza.png" width="500" height="100" title="狗砸" alt="网络抛锚了">
</body>
</html>

2.音频

(1)语法

<audio  src="音频路径"  loop  controls  autoplay></audio>

(2) 属性解读

  • src：音频路径，路径同图片

  • loop：循环播放

  • controls：显示播放工具栏

  • autoplay：自动播放

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><audio src="../img/你不是真正的快乐.mp3" autoplay controls loop></audio>
</body>
</html>

3.视频

(1) 语法

<video  src="视频路径"  loop  controls  autoplay></video>

(2) 属性解读

  • src：视频路径，路径同图片

  • loop：循环播放

  • controls：显示播放工具栏

  • autoplay：自动播放

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><video src="../img/1HTML入门.mp4" autoplay controls loop width="500"></video>
</body>
</html>

HTML超链接标签

1.语法

<a  href="路径"  target="页面打开的位置">要点击的内容</a>

2.target属性

  • 决定页面打开的位置
  • 常用值：_self在本选项卡打开，_blank在新选项卡打开
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><img src="../img/gouza.png" width="500" height="1000"><a href="http://www.baidu.com">百度一下</a><br><a href="../img/gouza.png">狗砸</a><br><a href="test.html">去其他html</a><br><a href="#">回到顶部</a>
</body>
</html>

HTML列表标签

1.有序列表

(1) 语法

<ol><li>

(2) type属性

  • 改变列表项前面的字符，在
    1. 使用type属性，属性值：1（默认值），a，A，i，I 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><ol type="i"><li>苹果</li><li>香蕉</li><li>橘子</li><li>橘子</li></ol>
</body>
</html>

2.无序列表

（1）语法

<ul><li>

(2) type属性

  • 改变列表项前面的符号，在
    • 使用type属性，属性值：disc实心圆（默认值），circle空心圆，square实心方块 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><ul type="square"><li>苹果</li><li>香蕉</li><li>橘子</li><li>橘子</li></ul>
</body>
</html>

HTML表格标签

1.语法

  • 表格标签：

  • 行标签：，是

    的子标签

  • 列标签（单元格）：，是的子标签

<!-- 创建一个3行2列的表格：-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><table><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>
</body>
</html>

2.表格属性

（1）table标签的属性

  • border：边框，属性值是具体数值

  • cellspacing：框与框之间的间隙，属性值是具体数值

  • cellpadding：内容与边框之间的间隙，属性值是具体数值

  • width：表格宽度，属性值是具体数值

  • height：表格高度，属性值是具体数值

  • align：表格的水平位置：align，属性值：left，center，right

  • bgcolor：表格背景颜色，属性值：颜色的单词，颜色的16进制

（2）属性

  • height：行的高度，属性值是具体数值

  • align：行内容水平居中，属性值：left，center，right

  • bgcolor：行背景颜色，属性值：颜色的单词，颜色的16进制

（3）属性

  • width：列的宽度，属性值是具体数值，设置宽度以后，该单元格所在的列的宽度会一起变化

  • align：列内容水平居中：，属性值：left，center，right

  • bgcolor：列背景颜色，属性值：颜色的单词，颜色的16进制

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><table border="1" cellspacing="0" cellpadding="0" width="500" height="300" align="center" bgcolor="red"><tr><td>1-1</td><td>1-2</td></tr><tr height="150" align="right" bgcolor="green"><td>2-1</td><td width="450" align="left" bgcolor="pink">2-2</td></tr><tr><td>3-1</td><td>3-2</td></tr></table>
</body>
</html>

3.合并单元格

  • 被合并的单元格要删除掉

  • 合并行：rowspan，属性值是具体数值

  • 合并列：colspan，属性值是具体数值

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><table border="1" cellspacing="0" cellpadding="0" width="500" height="500" align="center"><tr><td colspan="3"></td></tr><tr><td></td><td rowspan="2"></td><td></td></tr><tr><td></td><td></td></tr></table>
</body>
</html>

4.补充标签

  • ：表头
  • ：表内容
  • ：同，内容会自动加粗并水平居中 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础标签</title>
</head>
<body><table border="1" cellspacing="0" cellpadding="0" width="500" height="300"><thead><tr><th>学号</th><th>姓名</th><th>性别</th></tr></thead><tbody><tr><td>1</td><td>张三</td><td>男</td></tr><tr><td>1</td><td>张三</td><td>男</td></tr><tr><td>1</td><td>张三</td><td>男</td></tr></tbody></table>
</body>
</html>

HTML表单标签

  • 表单：用来收集用户输入的数据并将之发送到指定位置的控件。

1.语法

  • 表单标签：

2.常用属性

  • action：数据发送的位置

  • method：发送数据的方式

3.常用的表单域

（1）input />标签

  1. 常用属性：type

    • 属性值

      • text：文本框

      • password：密码框

      • radio：单选按钮，这一组单选按钮的name属性要一致

      • checkbox：复选框，这一组单选按钮的name属性要一致

      • file：文件框

      • hidden：隐藏框

      • submit：提交按钮，将表单中数据按照method指定的方式发送到action指定的位置

      • reset：重置按钮

      • button：普通按钮

      • image：图片按钮，和submit效果一致

  2. 常用属性2：

    • checked：设置单选按钮或复选框自动选中，只需要写属性名即可，不需要写属性值

    • name：给标签取名字，提交数据时数据的名字，通常在一个表单中不会重复

    • value：标签的值

    • size：调整输入框的大小

    • maxlength：输入内容的最大长度

    • readonly：设置输入框只能读不能写，类似于checked的使用

    • disabled：禁用，类似于checked的使用

(2) 下拉列表

  1. 语法：

    <select><option></option>
</select>

  2. 常用属性 （)：

    • name：给标签取名字，提交数据时数据的名字，通常在一个表单中不会重复
  3. 常用属性
    • value：标签的值
    • selected：设置默认选中的option，类似于checked的使用

(3) 文本域

  1. 语法

    <textarea>
</textarea>

  2. 常用属性：

    • rows：可见行数，一旦超过该数据，就会出现下拉滚动条（高度）
    • cols：可见列数，一旦超过该数据，就会自动换行（宽度）

HTML框架标签

1.框架标签

<frameset><<frame>></<frame>>
</frameset>

2.标签

（1）作用

  • 将页面划分成n个模块，每一个模块都能显示指定的内容。注意：不能和同时使用。

（2）常用属性

  • rows：上下划分

  • cols：左右划分

  • noresize：设置不能拖动改变大小，类似checked的使用方式

  • border：设置边框

3.标签

（1）作用

  • 将指定的HTML文件放入对应的模块并显示出来

（2）常用属性

  • src：HTML文件的路径

  • name：设置模块的名字

点击后，要将对应的HTML文件显示到指定模块，需要设定a标签的target属性值是指定模块的name属性的值。

示例代码：

frameset.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<frameset rows="20%,*"  noresize><frame src="head.html"></frame><frameset cols="20%,*"><frame src="left.html"></frame><frame name="right"></frame></frameset>
</frameset>
</html>

left.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><p><a href="day01.html" target="right">第一天</a></p><p><a href="day02.html" target="right">第二天</a></p><p><a href="">第三天</a></p><p><a href="">第四天</a></p>
</body>
</html>

HTML5

1.HTML5新特性

  • HTML5 是最新的 HTML 标准。

  • HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。

  • HTML5 拥有新的语义、图形以及多媒体元素。

  • HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。

  • HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

  • 为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 语义标签，多媒体内容，更好的页面结构，更好的形式处理等

2.常见语义标签

（1）header标签

  • 描述了文档的头部区域，于定义内容的介绍展示区域

（2）article标签

  • 定义元素规定独立的自包含内容。

（3）footer标签

  • 述了文档的底部区域，一个页脚通常包含文档的作者，著作权信息，链接的使用条款，联系信息等。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><header>网页头部</header><article>网页主体</article><footer>网页底部</footer>
</body>
</html>

harset=“UTF-8”>
Document

第一天

第二天

第三天

第四天

~~~

HTML5

1.HTML5新特性

  • HTML5 是最新的 HTML 标准。

  • HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。

  • HTML5 拥有新的语义、图形以及多媒体元素。

  • HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。

  • HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

  • 为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 语义标签，多媒体内容，更好的页面结构，更好的形式处理等

2.常见语义标签

（1）header标签

  • 描述了文档的头部区域，于定义内容的介绍展示区域

（2）article标签

  • 定义元素规定独立的自包含内容。

（3）footer标签

  • 述了文档的底部区域，一个页脚通常包含文档的作者，著作权信息，链接的使用条款，联系信息等。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><header>网页头部</header><article>网页主体</article><footer>网页底部</footer>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/57672.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ssm会议管理系统源码和论文

ssm会议管理系统源码和论文

ssm会议管理系统源码和论文087 开发工具&#xff1a;idea 数据库mysql5.7 数据库链接工具&#xff1a;navcat,小海豚等 技术&#xff1a;ssm 摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&…
阅读更多...
玩转 PI 系列-看起来像服务器的 ARM 开发板矩阵-Firefly Cluster Server

玩转 PI 系列-看起来像服务器的 ARM 开发板矩阵-Firefly Cluster Server

前言 基于我个人的工作内容和兴趣&#xff0c;想要在家里搞一套服务器集群&#xff0c;用于容器/K8s 等方案的测试验证。 考虑过使用二手服务器&#xff0c;比如 Dell R730, 还搞了一套配置清单&#xff0c;如下&#xff1a; Dell R7303.5 尺寸规格硬盘CPU: 2686v4*2 内存&a…
阅读更多...
深入浅出SSD：固态存储核心技术、原理与实战（文末赠书）

深入浅出SSD：固态存储核心技术、原理与实战（文末赠书）

名字&#xff1a;阿玥的小东东 学习&#xff1a;Python、C/C 主页链接&#xff1a;阿玥的小东东的博客_CSDN博客-python&&c高级知识,过年必备,C/C知识讲解领域博主 目录 内容简介 作者简介 使用Python做一个计算器 本期赠书 近年来国家大力支持半导体行业&#xff0…
阅读更多...
MySQL----索引

MySQL----索引

一、索引的概念 索引是一个排序的列表&#xff0c;在这个列表中存储着索引的值和包含这个值的数据所在行的物理地址&#xff08;类似于c语言的链表通过指针指向数据记录的内存地址&#xff09;。使用索引后可以不用扫描全表来定位某行的数据&#xff0c;而是先通过索引表找到该…
阅读更多...
Mysql--技术文档--MVCC(Multi-Version Concurrency Control | 多版本并发控制)

Mysql--技术文档--MVCC(Multi-Version Concurrency Control | 多版本并发控制)

MVCC到底是什么 MVCC&#xff08;Multi-Version Concurrency Control&#xff09;是一种并发控制机制&#xff0c;用于解决并发访问数据库时的数据一致性和隔离性问题。MVCC允许多个事务同时读取数据库的同一数据&#xff0c;而不会相互干扰或导致冲突。 在传统的并发控制机制中…
阅读更多...
基于Spring实现博客项目

基于Spring实现博客项目

访问地址:用户登录 代码获取:基于Spring实现博客项目: Spring项目写博客项目 一.项目开发 1.项目开发阶段 需求评审,需求分析项目设计(接口设计,DB设计等&#xff0c;比较大的需求,需要设计流程图&#xff0c;用例图,UML, model中的字段)开发&#xff0b;自测提测(提交测试…
阅读更多...
DOM破坏绕过XSSfilter例题

DOM破坏绕过XSSfilter例题

目录 一、什么是DOM破坏 二、例题1 三、多层关系 1.Collection集合方式 2.标签关系 3.三层标签如何获取 四、例题2 五、例题3 1.代码审计 2.payload分析 一、什么是DOM破坏 DOM破坏&#xff08;DOM Clobbering&#xff09;指的是对网页上的DOM结构进行不当的修改&am…
阅读更多...
计算机网络MTU和MSS的区别

计算机网络MTU和MSS的区别

在计算机网络中&#xff0c;MTU代表最大传输单元&#xff08;Maximum Transmission Unit&#xff09;&#xff0c;而MSS代表最大分节大小&#xff08;Maximum Segment Size&#xff09;。 1.MTU&#xff08;最大传输单元&#xff09;&#xff1a; MTU是指在网络通信中&#x…
阅读更多...
网络服务第二次作业

网络服务第二次作业

[rootlocalhost ~]# vim /etc/httpd/conf.d/vhosts.conf <Virtualhost 192.168.101.200:80> #虚拟主机IP及端口 DocumentRoot /www/openlab #网页文件存放目录 ServerName www.openlab.com #服务器域名 </VirtualHost> …
阅读更多...
易云维®FMCS厂务系统创造工厂全新的“数字低碳智能”应用场景

易云维®FMCS厂务系统创造工厂全新的“数字低碳智能”应用场景

近年来&#xff0c;新一代信息技术的高速发展为传统工业与制造业领域带来了新的机遇。信息技术加持下的制造技术发展出了新的生产方式、产业形态与管理模式。通过搭建FMCS厂务系统进行数字化转型来实现数据互联互通与业务高效协同&#xff0c;助力企业向安全、绿色、节能、高效…
阅读更多...
上海港股通开通条件是什么？港股通交易佣金最低多少？

上海港股通开通条件是什么？港股通交易佣金最低多少？

上海港股通权限开通条件有&#xff1a; 1、申请权限开通前20个交易日证券账户日均资产不低于50万元; 2、进行港股知识测试&#xff0c;且测试分数不低于80分; 3、风险承受能力等级需要匹配&#xff0c;无投资经验期限的门槛 港股通的股票范围是香港联合交易所恒生综合大型股…
阅读更多...
MATLAB图论合集（二）计算最小生成树

MATLAB图论合集（二）计算最小生成树

今天来介绍第二部分&#xff0c;图论中非常重要的知识点——最小生成树。作为数据结构的理论知识&#xff0c;Prim算法和克鲁斯卡尔算法的思想此处博主不详细介绍&#xff0c;建议在阅读本帖前熟练掌握。 对于无向带权图&#xff0c;在MATLAB中可以直接以邻接矩阵的方式创建出来…
阅读更多...
Flutter实现StackView

Flutter实现StackView

1.让界面之间可以嵌套且执行动画。 2.界面的添加遵循先进后出原则。 3.需要使用AnimateView&#xff0c;请看我上一篇博客。 演示&#xff1a; 代码&#xff1a; Stack: import package:flutter/cupertino.dart;///栈&#xff0c;先进后出 class KqWidgetStack {final Lis…
阅读更多...
JVM知识点（一）

JVM知识点（一）

1、JVM基础概念 &#xff08;1&#xff09;JVM、JRE、JDK JRE&#xff1a;JVM基本类库组成的运行环境就是JRE。JVM自己是无法完成一次编译&#xff0c;处处运行的&#xff0c;需要有一个基本类库告诉JVM如何操作运行&#xff0c;如如何操作文件&#xff0c;连接网络等&#x…
阅读更多...
华为OD机试 - MELON的难题 - 动态规划（Java 2023 B卷 100分）

华为OD机试 - MELON的难题 - 动态规划（Java 2023 B卷 100分）

目录 一、题目描述二、输入描述三、输出描述四、动态规划五、解题思路六、Java算法源码七、效果展示1、输入2、输出3、说明 华为OD机试 2023B卷题库疯狂收录中&#xff0c;刷题点这里 一、题目描述 MELON有一堆精美的雨花石(数量为n&#xff0c;重量各异)&#xff0c;准备送给…
阅读更多...
类和对象(上)

类和对象(上)

&#x1f493;博主个人主页:不是笨小孩&#x1f440; ⏩专栏分类:数据结构与算法&#x1f440; C&#x1f440; 刷题专栏&#x1f440; C语言&#x1f440; &#x1f69a;代码仓库:笨小孩的代码库&#x1f440; ⏩社区&#xff1a;不是笨小孩&#x1f440; &#x1f339;欢迎大…
阅读更多...
Zblog博客网站搭建与上线发布：在Windows环境下利用cpolar内网穿透实现公网访问的指引

Zblog博客网站搭建与上线发布：在Windows环境下利用cpolar内网穿透实现公网访问的指引

文章目录 1. 前言2. Z-blog网站搭建2.1 XAMPP环境设置2.2 Z-blog安装2.3 Z-blog网页测试2.4 Cpolar安装和注册 3. 本地网页发布3.1. Cpolar云端设置3.2 Cpolar本地设置 4. 公网访问测试5. 结语 1. 前言 想要成为一个合格的技术宅或程序员&#xff0c;自己搭建网站制作网页是绕…
阅读更多...
RHCE——十一、NFS服务器

RHCE——十一、NFS服务器

NFS服务器 一、简介1、NFS背景介绍2、生产应用场景 二、NFS工作原理1、示例图2、流程 三、NFS的使用1、安装2、配置文件3、主配置文件分析3.1 实验1 4、NFS账户映射4.1 实验24.2 实验3 四、autofs自动挂载服务1、产生原因2、安装3、配置文件分析4、实验45、实验5 一、简介 1、…
阅读更多...
算法通关村十三关 | 进制转换问题处理模板

算法通关村十三关 | 进制转换问题处理模板

1. 七进制数 题目&#xff1a;LeetCode504&#xff1a;504. 七进制数 - 力扣&#xff08;LeetCode&#xff09; 思路 进制转换&#xff0c;对几转换就是对几求余&#xff0c;最后将所有的余数反过来即可、如果num< 0&#xff0c;先取绝对值&#xff0c;再进行操作。 100转7…
阅读更多...
【WINAPI】文件读写操作问题

【WINAPI】文件读写操作问题

问题描述 在利用WINAPI中的WriteFile和ReadFile函数进行文件读写操作时&#xff0c;出现无法正常读写文件报错。 分析问题 查阅WINAPI源码&#xff0c;查看参数列表各个参数的数据类型。 发现其中第二个参数&#xff0c;也就是需要写进文件的真实数据&#xff0c;其数据类型…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023