无副作用༗
无副作用༗

HTML 基础标签

前言

HTML 基础标签_第1张图片

当今互联网时代，网页是我们获取信息、交流和展示自己的重要渠道之一。而HTML（超文本标记语言）作为构建网页的基础，学习掌握HTML标签成为了必不可少的技能。 

标题标签

~
：这是用来定义标题的标签，其级别从

到

递减。

示例：

一级标题


二级标题


三级标题


四级标题


五级标题


六级标题

预览： 

HTML 基础标签_第2张图片

段落标签

：这个标签用于定义一个段落。通常用于包裹一段文字或内容，并按照段落的方式进行显示。

示例： 

这是一个段落。


江湖问路不问心，问心能有几分真？
   自古深情留不住，唯有谎言得人心。
   洒尽人间相思泪，斩断红尘万缕情。
   从此天涯多一客，孤舟独钓一人行。

 预览：

HTML 基础标签_第3张图片

换行标签和水平线标签


：该标签用于在文本中插入一个换行符，让文本在当前位置进行换行。它是一个单标签，没有闭合标签。

：该标签用于插入一条水平线，常用于分隔不同区块或段落之间。它也是一个单标签，没有闭合标签。

示例：

这是一行文字。

这是另一行文字。



这是第一段内容。




这是第二段内容。

预览：

HTML 基础标签_第4张图片

 文本格式化标签

、、、等标签更语义化，推荐使用。

或 ：该标签用于定义强调文本，通常会使文本加粗显示。

示例：

这是重要的内容。

预览：

  或 ：该标签用于强调文本，通常用于斜体显示。

示例：

这是强调的内容。

预览：

或 ：该标签用于定义下划线文本，使文本带有下划线。

示例：

这是下划线的文本。

预览：

或 ：该标签用于定义删除线文本，将文本显示为删除线样式。

示例：

这是删除的文本。

预览：

：该标签用于定义上标文本，将文本显示在上方略高位置。

示例：

让 x 2表示x的平方。

预览：

：该标签用于定义下标文本，将文本显示在下方略低位置。

示例：

H 2O表示水分子。

预览：

图像标签

：该标签用于插入图片。它是一个单标签，不需要闭合。

属性 作用 说明
src

指定图片URL

或路径

 表示图表的来源
alt 替换文本 图片无法显示的时候显示的文字
title 提示文本 鼠标悬停在图片上时显示的文字
width 图片宽度
height 图片高度

图片高度和宽度一般使用CSS来设置。 

示例：

这是小丑

预览： 

HTML 基础标签_第5张图片

无法显示时：

超链接标签

：该标签用于创建链接。

属性 作用 说明
href 指定链接的目标地址 可以是一个URL地址，一个相对路径或一个锚点ID
target 指定链接的打开方式

常见取值：

_blank：在新窗口或标签页中打开链接。

_self：在当前窗口或标签页中打开链接。（默认行为）

_parent：在父级框架中打开链接。

_top：在最顶层的框架中打开链接。

示例：

这是一个外部链接

预览：

多媒体标签

该标签用于嵌入音频内容。它可以将音频文件播放给用户，并提供控制音频的各种功能。

属性 作用 说明
src 指定音频的路径或URL 音频的来源
control 显示播放器的默认控件 播放/暂停按钮、音量调节、进度条等
autoplay 在页面加载时自动开始播放音频
loop 循环播放音频
preload 指定何时预加载音频

取值：

none：不预加载音频。（默认值）

metadata：仅预加载音频的元数据，如音频时长、标题等。

auto：在页面加载时自动预加载整个音频文件。

示例：

预览：

该标签用于嵌入视频内容。它可以在网页上显示和播放视频，并提供一系列控制功能。

属性 作用 说明
src 指定视频文件的路径或URL 视频的来源
control 显示默认的视频控件 播放/暂停按钮、音量调节、进度条等
muted 静音播放
autoplay 在页面加载时自动开始播放视频
loop 循环播放视频
preload 指定何时预加载视频

取值：

none：不预加载视频。（默认值）

metadata：仅预加载视频的元数据，如视频时长、标题等。

auto：在页面加载时自动预加载整个视频文件。
width 设置视频显示的宽度
height 设置视频显示的高度

 示例：

预览：

HTML 基础标签_第6张图片

列表标签

无序列表

无序列表是HTML中用于显示项目或事项列表的标记。使用

    元素来创建无序列表，并在其中使用
  • 表示每个列表项。

    示例：

      
    
    • 第一项
      • 
    
    • 第二项
      • 
    
    • 第三项
      •

    预览：

    HTML 基础标签_第7张图片

    可以在

  • 元素中使用任意的内容，例如文本、图像、链接等。对于复杂的列表，可以嵌套的
      列表放置在
    • 元素内部，以创建多级的层次结构。

      示例：

        
    
      • 水果
        • 
    
          
        
        • 橙子
          • 
        
        • 苹果
          • 
        
        • 香蕉
          • 
    
        

    
      • 动物
        • 
    
          
        
        • 鸡
          • 
        
        • 猫
          • 
        
        • 狗
          •

      预览： 

      HTML 基础标签_第8张图片

      有序列表

      有序列表是HTML中用于显示按顺序排列的项目或事项列表的标记。使用

        元素来创建有序列表，并在其中使用
      1. 元素表示每个列表项。

        示例：

          
    
        1. 第一项
          2. 
    
        2. 第二项
          3. 
    
        3. 第三项
          4.

        预览：

        HTML 基础标签_第9张图片

        与无序列表类似，可以在

      2. 元素中使用任何内容，包括文本、图像、链接等。也可以嵌套的
          列表创建多级的有序列表。

          示例：

            
    
          1. 水果
            2. 
    
              
        
            1. 苹果
              2. 
        
            2. 香蕉
              3. 
        
            3. 橙子
              4. 
    
            

    
          2. 动物
            3. 
    
              
        
            1. 鸡
              2. 
        
            2. 猫
              3. 
        
            3. 狗
              4.

          预览：

          HTML 基础标签_第10张图片

          表格

          表格是HTML中用于展示数据和信息的标记。

          标签名 作用 说明
          table 表示整个表格 它是其他表格元素的容器
          caption 定义表格的标题 位于标签之内，紧接着
          后面，用于描述整个表格内容

          预览： 

          HTML 基础标签_第12张图片

          rowspan属性：用于指定单元格纵向合并的行数。

          示例：

          将上表中英语成绩那列，两个单元格合并成一个

          预览：

          HTML 基础标签_第13张图片

          注意：合并单元格后一定要将多余的单元格删掉，不然会出现下列情况：

          HTML 基础标签_第14张图片

          表单

          在HTML中表单（Form）用于收集用户输入的数据并将其提交到服务器进行处理。

          ：该标签用来定义一个包含表单元素的区域，将所有的表单控件放在标签内。

          thead 定义表格的页眉部分 一般用于显示列标题
          tbody 定义表格的主体部分 包含了表格的主体数据
          tfoot 定义表格的页脚部分 一般用于显示总计、平均值等统计信息
          tr 表示表格中的每一行 行标签，它是、、、的子元素
          th 表示表格中的表头单元格 通常使用粗体字并居中显示
          td 表示表格中的数据单元格 包含了实际的数据

           

          标签属性：

          • borber：设置表格边框的宽度。
          • cellpadding：设置单元格内容与单元格边框之间的空白距离。
          • cellspacing：设置单元格直接的间距。

          示例：

          学生成绩表
          姓名 数学成绩 语文成绩 英语成绩
          张三 90 85 92
          李四 78 88 82
          总平均分：86.75

          预览：

          HTML 基础标签_第11张图片

          合并单元格

          在表格中可以使用

          		和的属性colspan和rowspan来合并单元格。

          colspan属性：用于指定单元横向合并的列数。

          示例：

          将上表中总平均分那一行四个单元格合并为一个单元格
          总平均分：86.75
          张三 90 85 92
          李四 78 88
          属性 作用 说明
          action 指定表单数据提交的目标URL
          method 指定表单数据提交的HTTP方法 常见取值有"GET"和"POST"。
          enctype 指定表单数据在提交时的编码类型 主要用于支持文件上传功能。
          target 指定表单提交后数据返回的目标窗口或框架

          常见取值：

          _self：当前窗口打开（默认值）

          _blank：在新窗口打开

          ：该标签用于接收用户输入的各种类型的数据，如文本、密码、日期等。具体类型由type属性指定。

          type属性值 说明
          text 文本输入框，用于输入单行文字。
          password 密码输入框，输入的字符被隐藏为圆点或星号。
          email 邮箱输入框，用于输入电子邮件地址。
          number 数字输入框，限制输入为数值类型。
          checkbox 复选框，允许用户选择多个选项。
          radio 单选按钮，允许用户选择多个选项。
          submit 提交按钮，用于触发表单的提交作用。
          file 文件上传框，用于选择本地文件进行上传。

          常用属性：

          • name：指定输入字段的名称，用于在提交表单时标识该字段的值
          • placeholder：提供对用户信息预期输入内容的提示信息
          • value：设置输入字段的初始值
          • required：表示该字段为必填项，在提交表单时需要进行验证，默认为非空字段。
          • maxlength：限制输入字段的最大长度，超过指定长度的字符将会被截断。
          • checked：用于默认选中复选框或单选按钮。

          示例：

          文本框：


          
密码输入框：


          
邮箱输入框：


          
数字输入框：


          
复选框：


          
单选按钮：男
女


          
提交按钮：


          
文件上传框：

          预览：

          HTML 基础标签_第15张图片

          是下拉列表的整体，

          预览：

          预览：

          HTML 基础标签_第16张图片

          ：该标签用于为表单控件定义标签文本，以便增强用户界面的可用性和可访问性。

          示例：

          用

          预览： 

          这样点击文字也可以选中单选按钮。

          预览：

          无语义的布局标签

          ：该标签是HTML中的一个无语义的块级元素，被用于将一组相关的内容包裹在一个容器中。它通常用于布局和样式的目的。

           

          1.包裹内容：可以使用

          标签来包裹其他HTML元素或文本内容，创建一个独立的区块。这使得可以对这个区块进行样式、操作或布局上的调整。

          示例：

          
    
          这是一个标题。
          
    
          这是一个段落。

          预览：

          2.划分布局：

          标签可以划分页面布局的不同部分，使其具有不同的样式或行为。例如，可以将页面分为页眉、内容区域和页脚，每个部分用一个
          标签包裹。

          示例：

          3.CSS样式选择器容器：

          标签经常用作CSS选择器的容器，通过为
          添加类名或ID，可以通过CSS将样式应用到其中的内容。

          示例：

          
    
          标题
          
    
          这是一个段落。

          ：该标签是HTML的一个内联元素，用于标记文本中的小片段或行内元素。与

          标签不同，标签通常用于对文本进行样式、处理或标记，而不会创建独立的区块。

          文本样式：可以使用标签将文本片段包裹起来，并应用样式或类名来对其进行格式化或添加特殊效果。

          示例：

          
    这是一段正常的文本，
    这是一个高亮文本片段
    ，然后继续正常文本。

          标签还有其他常用用法例如操作或处理元素、表单处理等。

          字符实体

          字符实体是一种特殊的编码方式，用于在HTML中表示特殊字符或无法直接输入的字符。

          一些常见字符实体示例：

          实体名称 描述 显示
          < 小于号 ＜
          > 大于号 ＞
          & 和符号 &
          " 双引号 "
          ' 单引号 '
            非断空格
          € 欧元符号 €
          £ 英镑符号 £

          你可能感兴趣的:(#,HTML,html,前端)

          • Long类型前后端数据不一致 igotyback 前端
            响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
          • swagger访问路径 igotyback swagger
            Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
          • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
            示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
          • 四章-32-点要素的聚合 彩云飘过
            本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
          • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
            ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
          • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
            加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
          • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
            ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
          • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
            Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
          • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
            这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
          • 博客网站制作教程 2401_85194651 javamaven
            首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
          • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
            目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
          • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
            作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
          • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
            最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
          • 补充元象二面 Redstone Monstrosity 前端面试
            1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
          • 微信小程序开发注意事项 jun778895 微信小程序小程序
            微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
          • 字节二面 Redstone Monstrosity 前端面试
            1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
          • 斟一小组鸡血视频 和自己一起成长
            http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
          • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
            点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
          • Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript
            许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
          • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
            一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
          • 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
            【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
          • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
            第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
          • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
            html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
          • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
            通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
          • ubuntu安装opencv最快的方法 Derek重名了
            最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
          • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
            //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
          • 360前端星计划-动画可以这么玩 马小蜗
            动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
          • h5小游戏定制开发 红匣子实力推荐
            随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
          • Vue + Express实现一个表单提交 九旬大爷的梦
            最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
          • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
            Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
          • java类加载顺序 3213213333332132 java
            package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
          • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
            第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
          • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
            自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
          • DOM改变字体大小 周华华 前端
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
          • c3p0的配置 g21121 c3p0
            c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
          • Java获取工程路径的几种方法 510888780 java
            第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
          • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
            1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
          • Java新手入门的30个基本概念一 aijuans javajava 入门新手
            在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
          • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
            1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
          • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
              视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
          • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
                    Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
          • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
            /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
          • 【Log4j一】Log4j总体介绍 bit1129 log4j
            Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
          • Java IO笔记 白糖_ java
            public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
          • Docker 监控 ronin47 docker监控
                     目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
          • java-顺时针打印图形 bylijinnan java
            一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
          • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
            对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
          • [并行计算]论宇宙的可计算性 comsci 并行计算
                  现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
          • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
            网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
          • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
            老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
          • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
            怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
          • 未选之路 dcj3sjt126com 诗
            作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
          • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
              15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
          • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
            从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
          • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
              在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
          • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
            Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
          • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
            1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
          • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
            多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
          • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
            POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
          • java中单例的五种写法 liuxiaoling java单例
            /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri