归子莫
归子莫

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签

引言

上节，说了HTML是标记语言，那么最重要的就是标记，也就是标签。

那标签那么多？要在这里全部写出来？

当然否。这里会讲解常用的标签。（常用达到70%）

希望在各种前端框架频出的年代，HTML依然牢记于心。

回顾

在刚开始介绍的时候，讲了一个简单的demo，这里贴出来。




    
    我是一个标题


    
我是一个页面内容的标题

    
我是一个美男子，你信吗？

HTML元素

什么是HTML元素？

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

具体什么意思呢

我是一个美男子，你信吗？

像上述代码就是一个div元素，它包含了div开始标签，div元素内容，div结束标签，它们一起组合成为了一个div元素。


    
我是一个页面内容的标题

    
我是一个美男子，你信吗？

同样的以上的代码描述了一个body元素。

空HTML元素

在之后的标签学习中，有那么一个标签
， 这个标签定义换行。像这种HTML 元素被称为空元素，它是在开始标签中关闭的。

但！为了以后版本迭代和规划，在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

未来的 HTML 版本不允许省略结束标签！

HTML标签

这里按照功能分类讲解

基础标签

列表

1、

定义文档类型。

2、

定义 HTML 文档。

3、

定义关于文档的信息。

4、</code></p> <p>定义文档的标题。</p> <p>5、<code><body></code></p> <p>定义文档的主体。</p> <p>6、<code><br></code></p> <p>定义换行。</p> <p>7、<code><h1> - <h6></code></p> <p>定义 HTML 标题。</p> <p>8、<code><p></code></p> <p>定义段落。</p> <p>9、``</p> <p>定义注释。</p> <h4>示例</h4> <pre><code class="html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我是一个标题

我是一个页面内容的标题h1

我是一个一个段落
我是一个一个段落
我是一个一个段落
我是一个一个段落
我是一个一个段落

效果

image-20220118151800653

看起来，学会了这些基础标签，就可以在网上发一篇小作文啦。实现文字自由？

单独的文本未免太过于单调，来点修饰

修饰文本（格式化）

列表

1、

定义文档类型。最初是在 HTML 4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。

nszhd
image-20220118155417168

2、

显示斜体文本效果。

3、

呈现粗体文本效果。

4、

定义强调文本。

5、

把文本定义为语气更强的强调的内容

6、

定义下划线文本。

示例




    
    我是一个标题


        
我是一个i段落

    
我是一个u段落

    
我是一个em段落

    
我是一个strong段落

    
我是一个b段落

效果

image-20220118160731574

表单

列表

1、

定义供用户输入的 HTML 表单。

2、

定义输入控件。

3、

select：

效果

image-20220118162520792

图像、音频与视频

列表

1、

定义图像。

2、

定义图形。

3、

定义 SVG 图形的容器。

4、

定义声音内容。

5、

定义视频。

6、

定义媒介源。

示例





    
    我是一个标题




    

        img: 
    

    

        canvas: 
    

    

        svg: 
            
        
    

    
audio: 
        
    

    
 video:

效果

image-20220118164420834

链接

列表

1、

定义锚。

我是百度

2、

定义文档与外部资源的关系。

列表类型

列表

1、

    定义无序列表。

    2、

      定义有序列表。

      3、

    1. 定义列表的项目。

      4、

      定义定义列表。

      5、

      定义定义列表中项目的描述。

      6、

      定义定义列表中的项目。

      示例

      



    
    我是一个标题




    
        
        
      • 我是第一
        • 
        
      • 我是第二
        • 
        
      • 我是第三
        • 
    
      

    
        
        
      1. 我是第一
        2. 
        
      2. 我是第二
        3. 
        
      3. 我是第三
        4. 
    
      

    
      
        
      我
      
        
      很帅
      
        
      你
      
        
      帅吗

      效果

      image-20220118170046796

      表格

      列表

      1、

      定义表格

      2、

      定义表格中的行。

      5、

      定义表格中的表头内容。

      7、

      定义表格中的主体内容。

      8、

      定义表格中的表注内容（脚注）。

      示例

      



    
    我是一个标题

      定义表格标题。

      3、

      定义表格中的表头单元格。

      4、

      定义表格中的单元。

      6、
      姓名 分数
      小明 100
      小红 70
      小东 80

      效果

      image-20220118172018318

      其他

      列表

      1、

      2、

      定义嵌入的对象。

      3、

      为外部应用程序（非 HTML）定义容器。

      4、

      定义关于文档的信息。

      5、

      定义关于 HTML 文档的元信息。

      6、

      定义页面中所有链接的默认地址或默认目标。

      总结

      HTML的标签很多，相信大多数的xdm都了解。但并非都能记得。

      告诉你们一件事，我在做HTML的面试题集，准确率竟然只有60%多。这也是我写本篇文章的目的。查漏补缺。

      重构前端知识体系，你要一起吗？

      博客说明与致谢

      文章所涉及的部分资料来自互联网整理，其中包含自己个人的总结和看法，分享的目的在于共建社区和巩固自己。

      引用的资料如有侵权，请联系本人删除！

      感谢万能的网络，W3C，菜鸟教程等！

      感谢勤劳的自己，个人博客，GitHub学习，GitHub

      公众号【归子莫】，小程序【子莫说】

      如果你感觉对你有帮助的话，不妨给我点赞鼓励一下，好文记得收藏哟！关注我一起成长！

      所属专栏：重构前端知识体系（HTML）

      幸好我在，感谢你来！

      你可能感兴趣的:(【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签)

      • OpenCV Python 版使用教程（三）摄像头读取延迟解决方法 tianchengwang opencvopencvpython人工智能
        文章目录一、上篇回顾二、产生原因三、解决方法1.cap.grab()方法2.多线程法总结一、上篇回顾在上一篇中，简单介绍了如何使用OpenCV操作摄像头，本期来讲在摄像头读取时，可能会出现画面延迟的解决方法。二、产生原因OpenCV在读取的时候，会将视频流放在缓冲区中，然后每次调用的时候，会从缓冲区内读取视频帧。虽然说大多数情况难以出现写入缓冲区远大于读取缓冲区的速度，但是当设备出现性能瓶颈，尤其
      • 828华为云征文 | 使用Flexus云服务器X实例部署GLPI资产管理系统 降世神童 高级IT运维技术专栏华为云nginxmysql
        828华为云征文|使用Flexus云服务器X实例部署GLPI资产管理系统1.部署环境说明2.部署基础环境2.1.操作系统基本配置2.2.部署Nginx2.3.部署MySQL2.4.部署PHP3.部署GLPI资产管理系统1.部署环境说明  本次环境选择使用华为云Flexus云服务器X实例，因为其具有高性能的计算能力、灵活的资源配置、稳定的运行环境、高效的网络访问速度、服务的高可用性保证以及多层次的数
      • 入门Apache Spark：基础知识和架构解析 juer_0001 javaspark
        介绍ApacheSparkSpark的历史和背景ApacheSpark是一种快速、通用、可扩展的大数据处理引擎，最初由加州大学伯克利分校的AMPLab开发，于2010年首次推出。它最初设计用于支持分布式计算框架MapReduce的交互式查询，但逐渐发展成为一种更通用的数据处理引擎，能够处理数据流、批处理和机器学习等工作负载。Spark的特点和优势Spark是一种快速、通用、可扩展的大数据处理框架，
      • 【Python爬虫(95)】Python爬虫进阶：构建大型垂直领域爬虫系统 奔跑吧邓邓子 Python爬虫python爬虫开发语言垂直领域系统
        【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、项目需求分析1.1确定垂直领域1.2业务需求分析1.3用户需求
      • Python 文本处理神器：textwrap 模块深度解析 tekin Python编程秘籍库pythonPython文本处理神器textwrap模块深度解析
        Python文本处理神器：textwrap模块深度解析在Python编程中，处理文本是一项常见任务，比如自动换行、填充文本、缩短文本等。textwrap模块就像是一个贴心助手，专门用来解决这些问题。本文将带你深入了解textwrap模块的各种功能，通过丰富的示例代码和清晰的讲解，让你轻松掌握它的使用技巧，提升文本处理能力。文章目录Python文本处理神器：textwrap模块深度解析一、`text
      • Python NumPy 深度解析：科学计算的得力助手 tekin Python高阶工坊pythonnumpy科学计算
        PythonNumPy深度解析：科学计算的得力助手在Python数据科学和科学计算领域，NumPy是一个核心且基础的库。它提供了强大的多维数组对象以及用于处理这些数组的各种工具，包括高效的数学运算、线性代数操作、随机数生成等功能。本文将全方位详细介绍NumPy，从数组的创建、操作到高级应用，深入探讨索引和切片操作、广播机制等重要特性，还会对NumPy与其他可选计算方式进行比较，帮助读者深入理解并掌
      • 【Python爬虫(86)】元宇宙浪潮下，Python爬虫能否乘风破浪？ 奔跑吧邓邓子 Python爬虫python爬虫开发语言元宇宙
        【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、元宇宙：概念与架构的深度剖析1.1元宇宙概念溯源1.2元宇宙架
      • 【Python爬虫(94)】爬虫生存指南：风险识别与应对策略 奔跑吧邓邓子 Python爬虫python爬虫开发语言
        【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、爬虫项目中的风险识别1.1反爬虫导致的爬虫失效1.2数据泄露风
      • 高效空间编码技术：SPD-Conv在目标检测中的创新应用 向哆哆 目标检测目标跟踪人工智能yolov8
        文章目录SPD-Conv：高效空间编码的技术背景SPD-Conv的原理YOLOv8中的SPD-Conv实现YOLOv8SPD-Conv代码实现代码解析性能提升SPD-Conv的优势与应用场景SPD-Conv的设计细节与优化1.空间深度转换机制的进一步优化2.SPD-Conv的训练技巧与改进3.SPD-Conv与YOLOv8的其他模块结合SPD-Conv的应用扩展1.自动驾驶2.无人机目标检测3.安
      • menuconfig+Kconfig的简单配置 S火星人S Kconfig笔记
        目录1.背景2.管理方案2.1：.h中直接定义2.2：.bat+Cmake2.3：Kconfig2.3.1环境安装2.3.2代码2.3.2.1目录结构2.3.2.2ble目录下的Kconfig2.3.2.3hardware目录下的Kconfig2.3.2.4rtos目录下的Kconfig2.3.2.5根目录2.3.3执行脚本1.背景在实际项目开发中，通常会有需要去使能/关闭一些代码模块或者修改一些
      • 计算机网络实验一：对等网络的构建 蓝多多的小仓库 CS专业课实验及秋招实录计算机网络网络对等网络构建TCP/IP
        实验一：对等网络的构建1、实验要求（1）掌握TCP/IP协议的配置；（2）掌握常见网络命令的使用；（3）掌握组建windows对等网络并配置文件共享。2、实验内容（1）以MicrosofeWinodws系统为例，对TCP/IP协议进行安装和配置；（2）学习使用常见的网络命令，并了解相关的参数；（3）组建windows对等网络。
      • SpringBoot 项目集成 Prometheus 和 Grafana 百里自来卷 springbootprometheusgrafana
        下面是一个完整的SpringBoot项目示例，集成Prometheus和Grafana进行性能监控，包括：Prometheus作为监控数据收集工具Micrometer作为指标采集库Grafana作为可视化展示工具步骤概览引入依赖：在pom.xml中添加Prometheus和Actuator相关依赖。配置SpringBoot：启用Actuator并暴露Prometheus端点。编写示例代码：使用Mi
      • 使用el-tabs时，如何通过另一个页面传值来默认选中某个tab 冷冷清清中的风风火火 笔记前端vuevue.jsjavascript前端
        要实现通过另一个页面传值以默认选中特定的el-tab，可以按照以下步骤检查和调整代码：方法一：父子组件通信（使用.sync修饰符）父组件使用.sync修饰符绑定activeName，并确保el-tabs的v-model正确绑定：exportdefault{data(){return{activeName:'1'//默认值};}};子组件在需要修改时触发update:activeName事件：thi
      • windows10 ELK保姆级教程以及踩坑记录 适用于新版8.1.3 bug柯南 ELKjava
        elk其实就是ElasticSearch（ES）、Logstash和Kibana三个开源的工具组成。1.ES是个开源的分布式搜索引擎，它的特点是：分布式、零配置、自动发现，索引自动分片，索引副本机制，restful风格接口，多数据源，自动搜索负载等。2.Logstash是一个完全开源的工具，开源对日志进行收集、分析、并将其储存以后使用。3.Kibana也是一个完全开源的免费的工具，它为Logsta
      • LeetCode - #219 存在重复元素 II 网罗开发 Swiftvue.jsleetcode算法
        网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
      • pytorch与深度学习随记——AlexNet 黑色的山岗在沉睡 深度学习随记深度学习pytorch人工智能
        AlexNet和LeNet的设计理念非常相似，但也存在显著差异：基本结构对比网络深度：AlexNet比LeNet-5要深得多，AlexNet由八层组成：五个卷积层、两个全连接隐藏层和一个全连接输出层。激活函数：AlexNet使用ReLU而不是sigmoid作为其激活函数，这有助于缓解梯度消失问题并加速训练过程。AlexNet架构的创新点局部响应归一化(LRN)：AlexNet引入LRN层，可以创建
      • Prometheus+Grafana监控 畅云客 Prometheus监控服务器运维linux运维开发grafanaprometheus云计算
        目录资源列表一、基础环境关闭防火墙关闭selinux修改主机名节点添加主机名与IP对应关系二、部署Prometheus下载安装包解压创建用于运行Prometheus的组和用户创建Prometheus数据存储目录给Prometheus主目录赋用户Prometheus权限修改配置文件启动三、部署Grafana下载安装包创建grafana用户及数据存放目录修改配置文件启动四、node节点部署node_e
      • 深度学习-138-LangGraph之应用实例(七)构建自动绘图系统 皮皮冰燃 深度学习深度学习人工智能LangGraph
        文章目录1初始化核心功能1.1大语言模型1.2结构化输出1.3搜索引擎1.4Python执行环境2编排流2.1创建图2.2可视化图2.3应用图3绘图指定线型4添加工具增强4.1执行工具和打印工具4.2绑定工具4.3编排流4.4可视化图4.5应用1初始化核心功能1.1大语言模型importosos.environ['OLLAMA_HOST']='127.0.0.1'os.environ['OLLAM
      • FT2004(D2000)开发实战之U-boot环境变量 前行的阿木 linux嵌入式硬件驱动开发
        一概述U-boot环境变量的作用是：在不修改U-boot源代码的情况下，通过修改U-boot环境变量来改变U-boot的运行方式。我们通过printenv命令打印环境变量，setenv命令修改环境变量。常用的U-boot环境变量有:bootdelaybootcmdbootargsserverip、ipaddr、netmask、gatewayip当然最最重要的U-boot环境变量是bootcmd和b
      • shell(三剑客) passion_flower_ 自动化运维
        正则表达式基本正则表达式元字符^行首定位符$行尾定位符.匹配任意单个字符(单个)*匹配前导符0到多次*和左侧的字符配合左侧字符可以出现0次到多次例如：grep"abc*"/tmp/123结果显示的是ababcabcd…….*任意多字符#会出现所有的内容[]匹配制定范围内的一个字符[-]匹配制定范围内的字符，连续的范围比如：grep"[0-9]"文件[^]匹配不在指定组内的字符取反比如：[^A]bc
      • Grafana服务安装并启动 风中凌乱 监控服务prometheusgrafana
        Grafana服务安装并启动1、介绍2、下载Grafana3、解压缩文件4、启动Grafana服务5、增加数据源,填写Prometheus访问地址6、增加图表1、介绍Grafana是一个开源的可视化系统监控和警报工具包。2、下载Grafana介绍：Grafana是一个开源的可视化系统监控和警报工具包。下载地址：https://mirrors.huaweicloud.com/grafana/下载gr
      • GD32F4xx SD卡读写及FATFS移植记录 madao1024 GD32F4xxMCUGD32F4xxSDIOFATFS
          最近调试了一下GD32F450Z的SDIO接口，读写microSD卡并移植了FATFS调试过程记录如下，调试时使用的是16GBKingstonTF卡。说一下思路：分3步实现1、从资料中首先学习一下SDIO接口的相关内容；2、根据例程调通SDcard的读写驱动程序；3、最后移植FATFS文件系统，文件系统来操作SD卡。目录1、GD32F4xxSDIO接口2、GD32F4xxSDIO驱动3、FAT
      • 用大白话解释数据库分库分表sharding是什么 有什么用 怎么用 心心祥蓉 数据库
        Sharding是什么？Sharding（分片）就像把一整个图书馆的书拆开放到多个小房间，每个房间只存一部分书。这样找书的人不用挤在一个大厅里翻找，效率更高。技术定义：把一个大数据库拆分成多个小数据库（分片），分散到不同服务器上，解决单台服务器性能不足的问题。比如原本一个数据库存10亿条用户数据，拆成10个库，每个存1亿条。场景类比：图书馆分房间：按书的类型（科技、文学）或首字母分房间。电商分订单
      • 鸿蒙轻内核M核源码分析系列二一 05 文件系统FatFS 愿天堂没有996 OpenHarmony鸿蒙内核移动开发harmonyos鸿蒙开发移动开发鸿蒙内核LiteOS-M鸿蒙源码轻内核
        3、LiteOS-MFATFS的文件系统操作接口快速记录下各个操作接口，对每个接口的用途用法不再描述。可以参考之前的系列文章，《鸿蒙轻内核M核源码分析系列十九MuslLibC》中介绍了相关的接口，那些接口会调用VFS文件系统中操作接口，然后进一步调用FatFS文件操作接口。3.1挂载和卸载操作先看下挂载操作，FatFS支持重新挂载操作。如果挂载选项包含MS_REMOUNT时，会调用函数Remoun
      • 穿越AI边界：深度集成DeepSeek API与云平台的实践之路 云边有个稻草人 热门文章人工智能DeepSeek大数据集成DeepSeekAPIDeepSeek算法阿里云百炼平台集成
        云边有个稻草人-CSDN博客随着人工智能技术的日益发展，深度学习和自然语言处理（NLP）已经在很多领域得到了广泛的应用。DeepSeek作为一款领先的大型语言生成模型，凭借其强大的推理和生成能力，已经被越来越多的开发者和行业专家所青睐。通过DeepSeek提供的API接口，开发者可以在多个领域中实现先进的自然语言理解和生成任务。本文将深入探讨如何使用Python调用DeepSeek的API接口，并
      • FlutterToast：使用Flutter原生API实现的Toast功能 齐妤茜
        FlutterToast：使用Flutter原生API实现的Toast功能FlutterToastFlutterToast使用Flutter原生API实现的Toast功能项目地址:https://gitcode.com/gh_mirrors/flu/FlutterToast1.项目基础介绍FlutterToast是一个基于Flutter的开源项目，主要使用Dart语言开发。该项目旨在为Flutte
      • FlutterToast教程：轻松集成Flutter中的Toast功能 庞燃金Alma
        FlutterToast教程：轻松集成Flutter中的Toast功能项目地址:https://gitcode.com/gh_mirrors/fl/FlutterToast项目介绍FlutterToast是一个专为Flutter平台设计的简单易用的Toast库，它允许开发者只需一行代码即可创建并显示消息提示。该库支持多种自定义选项，包括位置、持续时间、颜色和字体大小等，确保用户界面提示既便捷又符合
      • Todoist 克隆项目指南：从入门到实战 史艾岭
        Todoist克隆项目指南：从入门到实战todo:white_check_mark:Commad-LineTaskmanagementwithstorageonyourGitHub:fire:项目地址:https://gitcode.com/gh_mirrors/todo10/todo项目介绍Todoist是一个广受好评的任务管理应用程序，帮助个人和团队组织工作和生活。这个开源项目https://
      • 从0开始的IMX6ULL学习篇——裸机篇之外设资源分析 charlie114514191 从0开始的学习ARMv7aIMX6ULL芯片学习IMX6ULL外设嵌入式硬件
        这个就是现在可以买到之后开发板的模样。我们从最右上角那一处依次逆时针一个个分析。我们跳过显然的电源插孔，拨动开关和3V3与5V的外接板。第一个就是USBHOST接口。USBHost是USB通信协议中的一个重要概念，它指的是控制USB总线数据传输的主端设备。在USB通信中，只能有一个Host，它负责管理整个USB总线上的数据传输。与之相对的是USBDevice或USBSlave，即从设备，它们依赖于
      • MySQL数据库【从入门到精通】：第十二篇——MySQL数据类型详解【含代码示例】 DTcode7 sql数据库相关数据库mysqlSQL数据库开发sql
        MySQL数据库【从入门到精通】：第十二篇——MySQL数据类型详解【含代码示例】一、数值类型1.1整型（IntegerTypes）示例一：创建一个使用整型的数据表二、浮点数和定点数2.1浮点数（Floating-PointTypes）2.2定点数（Fixed-PointTypes）示例二：创建使用浮点数和定点数的数据表三、字符串类型3.1VARCHAR3.2CHAR3.3TEXT示例三：创建使用
      • mondb入手 木zi_鸣 mongodb
        windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
      • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
                扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
      • DISPLAY变量和xhost(原创) czmmiao display
        DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
      • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
           最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
      • 浅谈类和对象 朱辉辉33 编程
            类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
      • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
        有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
      • base64Encode对图片进行编码 843977358 base64图片encoder
        /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
      • Request Header简介 aigo servlet
        当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
      • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
        public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
      • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
        取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
      • java多线程join的作用与用法 bijian1013 java多线程
                对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
      • Java发送http请求(get 与post方法请求) bijian1013 javaspring
        PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
      • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
        在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
      • 【Kafka十三】Kafka Simple Consumer bit1129 simple
        代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
      • nodejs学习api ronin47 nodejs api
        NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
      • java-64.寻找第N个丑数 bylijinnan java
        public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
      • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
        /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
      • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
           既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
      • redis常见使用 cuityang redis常见使用
        redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
      • 配置多个redis dalan_123 redis
        配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
      • attrib命令 dcj3sjt126com attr
          attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
      • Yii使用公共函数 dcj3sjt126com yii
        在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
      • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
        linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
      • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
        最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
      • Web前段学习网站 ihuning Web
          Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
      • 强强联合：FluxBB 作者加盟 Flarum justjavac r
        原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
      • java统计在线人数（session存储信息的） macroli javaWeb
        这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
      • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
        img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
      • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
        关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
      • Spring Boot 1.3.0.M1发布 wiselyman spring boot
            Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin