demons_cbc
demons_cbc

web前端开发----HTML基础标签及其属性总结（一）

目录

什么是web前端？

HTML、CSS、JavaScript三者间的关系

什么是HTML?

HTML基础语法

标签及其属性     

什么是web前端？

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

前端开发从网页制作演变而来，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

HTML、CSS、JavaScript三者间的关系

  1. HTML是承载内容的基础框架。HTML就像一副骨架。承载的内容就是网页制作者放在页面上的想要用户浏览的信息。可以包括文本、图片、视频、音频等。
  2. CSS样式是对网页表现的装束。HTML+CSS就像是给骨架披上衣服后的洋娃娃。CSS实现例如标题的字体、颜色变化，或者是为标题加入背景图片、边框等功能。所有这些用来改变内容外观的东西称之为表现。
  3. JavaScript实现网页的动态性。HTML+CSS+JavaScript就像是一个拥有灵魂的人。JS实现例如鼠标按下和按钮提交事件，图片的轮换等动态功能。

 什么是HTML?

HTML指的是超文本标记语言（Hyper Txt Markup Language），HTML不是一种编程语言，而是一种标记语言（markuplanguage），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

HTML基础语法

标签：HTML标签是由尖括号包围的关键词，分为单标签和双标签

         单标签：

                  无属性：<标签名/>

                  有属性：<标签名  属性名="属性值"/>

         双标签：

                  无属性：<标签名>

                  有属性：<标签名  属性值="属性值">

整体结构：

                   表示当前是一个网页，称为跟标签，所有网页标签都包含在在其中，形如网页标签

                 头部信息，用于定义文档的头部信息，头部标签有,<script>,<style>等，可以设置网页标题等属性。</p> <p>        <body></body>         身体部分，显示网页的主要内容，如<h1>，<p>，<a>，<img>等标签。在这里面的标签会在网页中显示出来。</p> <p>示例：</p> <pre><code class="language-html"><!DOCTYPE html> <!-- html5标准网页声明--> <html lang="en"> <!--向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示englis,"ch"为中文--> <!--头部区域--> <head> <meta charset="UTF-8"> <!--charset=”utf-8”是告知浏览器此页面属于"utf-8"字符编码格式--> <link ref = "stylesheet" href="引入的css的路径"/> <script src="引入的js的路径" type="text/javascript" charset="utf-8"></script> <title>标题

HTML标签及其属性

一、body标签

属性名 作用
bgcolor 设置背景颜色
text 设置字体颜色

使用示例：


    hello world

结果：

web前端开发----HTML基础标签及其属性总结（一）_第1张图片

 

二、标题标签   

、

...
依次从大到小 

不建议使用过多的h1标签，h1标签可以被搜索引擎获取到，如果有多个，可能会被搜索引擎加入黑名单

 三、水平线标签

 
属性名 取值 作用
width 百分比 或者px 设置宽度
align left,right,center(默认) 设置对其方式
size 数字 设置水平线粗细

四、段落标签

属性名 取值 作用
align left,right,center,justfy 设置段落内文本对齐方式
p元素会在其前后创建一些空白，浏览器会自动添加这些空间  

五、换行标签


标签只是简单地换行，适用于输入空行，分割段落适合用

标签

示例： 

​

    hello world
    

    hello world
    
hello world

    
hello world


​

结果如下

web前端开发----HTML基础标签及其属性总结（一）_第2张图片

六、列表标签

列表标签分为无序列表和有序列表  

  • 无序列表：由
      和
    • 标签组成
    属性名 取值 作用
    type

    disc:实心圆（默认）

    circle：空心圆

    square：方块

    		 列表标记
    • 有序列表：由
        和
      1. 标签组成 
      属性名 取值 作用
      type

      1：数字序号

      a：小写字母

      A：大写字母

      i：小写罗马数字

      I：大写罗马数字

      		 列表标记

       示例： 

          
        
        
      • 水果
        • 
        
      • 蔬菜
        • 
        
      • 主食
        • 
    
      

    
        
        
      1. 水果
        2. 
        
      2. 蔬菜
        3. 
        
      3. 主食
        4.

      运行结果：

         web前端开发----HTML基础标签及其属性总结（一）_第3张图片

      七、div和span标签

      是一个块级元素，通常与CSS配合使用，用于布局。

      标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

      是一个块级元素。这意味着它的内容自动的开始一个新行。实际上，换行是
      固有的唯一格式表现。可以通过
      的class或id应有额外的样式。

      常用属性：

      属性名 取值 描述
      align left,right,center 规定div元素中的内容的对其方式，以后可以用样式取代他

      标签被用来组合文档中的行内元素，span没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化

       

       

       

       

       

       

       

      你可能感兴趣的:(html,html5)

      • uni-app实现 步骤条 夏夏的码农 uni-app
        实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
      • python转码 Desamond python开发语言
        转码在许多场景中都有应用，以下是一些常见的场景：网页开发：当用户在网页上输入文本时，可能需要将特殊字符（如空格、引号、特殊符号等）进行转码，以防止这些字符对URL或HTML代码产生干扰。文件名处理：在处理文件名时，可能需要将特殊字符进行转码，以避免文件名被错误地解析或显示。数据传输：在数据传输过程中，为了确保数据的完整性和正确性，可能需要将数据中的特殊字符进行转码。数据存储：在数据库或数据存储中，
      • UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS liferecords LLM语言模型人工智能自然语言处理
        UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接：arXiv关键字：大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型（LLMs）在各种自然语言任务上表现出色。然而，它们在HTML理解方面的能力——即解析网页的原始HTML，对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型（经过微调
      • Web前端Html的表单 任家伟 前端html
        表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单
      • html版本号 webpack_html-webpack-plugin详解 weixin_39994949 html版本号webpack
        引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面
      • HTML语言剖析 混沌破晓
        HTML语言剖析Html简介-目录全写：HyperTextMark-upLanguage译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。1.Html特点：►描述性语言，结构语言，用于决定网页内容以什么样的形式显示；►通过标签
      • CDH 启停使用HiveServer2 金刚_30bf
        翻译：https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本：5.14.2HiveServer2是HiveServer的改进版本，支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告：如果以远程模
      • HTML背景带视频的个人炫酷引导页源码 erthre 源码php
        正文:一款简洁大气得个人团队引导HTML单页，非常不错，LOGO支持自行更改替换，可以拿来做为团队官网也可以个人，只是单页没有后台。程序:wwhtxs.lanzouq.com/if6oE0i26ohi图片:
      • vue生命周期 涡看你就不是好人呐 vue.jsjavascript前端
        1.computed是在HTMLDOM加载后马上执行的，如赋值；2.methods则必须要有一定的触发条件才能执行，如点击事件；3.watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再wa
      • C#使用ASP.NET Core Razor Pages构建网站（二） 林祖师 C#c#asp.net开发语言
        上一篇文章讲了HTTP协议的基本概念、客户端Web开发技术以及ASP.NETCore框架的关键特点和创建项目方法链接：C#使用ASP.NETCoreRazorPages构建网站（一）接下来继续了解ASP.NETCoreRazorPages构建网站的后续内容了解RazorPagesRazorPages允许开发人员轻松地将HTML标记和C#代码混合在一起，这是使用.cshtml扩展名的原因。默认情况下
      • vue-pdf 预览pdf (数据流) reembarkation vue.jspdfjavascript
        页面有个要预览pdf的需求，数据是从后台传递过来的数据流：1.安装插件：npminstallvue-pdf2.在页面引用：importpdffrom'vue-pdf'...components:{pdf},3.html中添加：4.通过接口获取数据：downloadFile({id:this.id}).then((res)=>{if((!res&&res.status!=200)||(res.dat
      • DIV + CSS 布局：盒子内容超出宽度时，不换行，以滚动条形式水平滑动 01空间 常见场景解决方案csshtml
        滚动条水平滚动展示溢出内容htmlcss（less）思路html11112222333344445555666677778888css（less）.outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
      • 【Docker】【nginx】docker安装nginx并映射宿主机配置文件地址 小丛的知识窝 nginxdocker运维
        dockerrun-d-p80:80-v/root/docker/docker-nginx/nginx.conf:/etc/nginx/nginx.conf-v/root/docker/docker-nginx/html:/usr/share/nginx/html-v/root/docker/docker-nginx/logs:/var/log/nginx--namenginxnginx
      • Reviewing a fastq_mergepairs report to check for problems 信息搬运 代号北极能
        信息来源https://www.drive5.com/usearch/manual/merge_report.htmlBelowisanexamplereportproducedbythe-reportoptionoffastq_mergepairs.Thisinformationisalsoshownontheterminal(standarderroroutputstream).Theopti
      • html5 websocket 手机,websocket在h5上正常，编译到手机上就连不上 猫研所 html5websocket手机
        对接的网易云信微信IMSDK，在h5上能建立起连接，在手机端不行，截图是h5的链接，下面是app的日志：20:10:34.247连接websocket参数"wss://wlnimsc0.netease.im/socket.io/1/websocket/378166b5-af18-4372-a0a5-05aee5a1d882"atuni-app:///sdk/yunxin-wx/vendors/NI
      • JavaScript和HTML/CSS之间有什么区别？它们之间的关系是什么？ 智伴科技 javascripthtmlcss
        下面是一个简单的代码示例，展示了HTML、CSS和JavaScript是如何一起工作的：HTML,CSS,JavaScriptExample/*在HTML文档内使用内联CSS*/.greeting{color:blue;font-size:24px;}Hello,素材8网，www.sucai8.cnChangeText//在HTML文档内使用内联JavaScriptdocument.addEven
      • 随笔：一件尴尬的小事 Doubt_Fact
        今天下午，朋友找我帮忙，想让我帮忙写一个随机点名的程序，我满口答应了下来，不过我不怎么会写窗口应用，就问他可不可以以网页代替，他同意了。我便写了一个html文件，除了中间遇到一个小插曲，一个缺少的英文“,”被漏掉了，到最后一直无法正常显示……在完成后，我到网页上看到了一种把网页制作成程序的方法，只需利用程序nativefier来操作，这个程序最后基于Node.js。我又很快在我的windows机器
      • 【大咖力荐 新手必备】软件开发入门，这300篇文章就够了！ 高校俱乐部 软件开发新手必备数据编码IP
        小编在这里根据知识图谱整理了CSDN站内的优质文章300篇，帮助见习工程提升技术能力、实现系统化学习！基础IT技术文章300篇大合集包含：【信息/编码】进制转换25篇、数据编码25篇；【IP/组网】网关与网段25篇、IP协议26篇、主机与DNS23篇、访问控制37篇；【程序逻辑】JavaScript29篇、常用算法37篇；【Web基础】HTML31篇、CSS32篇、DOM与BOM23篇扫码添加小助
      • python flask 表单_python中flask应用（表单处理） weixin_39771260 pythonflask表单
        本篇文章给大家带来的内容是关于python中flask应用(表单处理)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1、为什么使用Flask-WTF？request对象公开了所有客户端发送的请求信息。特别是request.form可以访问POST请求提交的表单数据。尽管Flask的request对象提供的支持足以处理web表单，但依然有许多任务会变得单调且重复。表单的HTML代码
      • Java基础知识总结（下） Yonagi833 Java面经and八股java开发语言职场和发展程序人生spring
        本文部分内容节选自JavaGuide,地址:https://javaguide.cn/java/basis/java-basic-questions-03.html基础（上）→基础（中）→基础（下）异常Java异常类层次图概览Exception和Error有什么区别？在Java中，所有的异常都有一个共同的祖先java.lang包中的Throwable类.Throwable类有两个重要的子类:Exc
      • 项目里面引入字体包react 前端小灰灰
        项目里面引入字体包：①字体包放在public目录下，②新建一个font.css文件，//font.css@font-face{font-family:AlibabaSans;src:url('./font/AlibabaSans-Black.otf');}③在HTML文件全局引入④然后在less里面就能使用了：例：font-family:AlibabaSans;
      • CSS-DAY2 i330. 前端css前端
        CSS-DAY22024/2/4Emmet语法快速生成HTML结构语法如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div如果有父子级关系的标签，可以用>比如ul>li就可以了如果有兄弟关系的标签，用+就可以了比如div+p如果生成带有类名或者id名字的，直接写.demo或者#twotab键就可以了（默认是div，如需修改其他标签只需在.之前加上标签名即可，如p.color
      • 问了一下 GPT--当前基于 React + TypeScript 的生态中 一名前端工程师需要具备哪些能力？ zoe_ya 前端gptreact.js
        在当前基于React+TypeScript的生态中，你需要掌握一系列的技能和知识，以构建现代化、高效能且可维护的前端应用程序。以下是一些关键领域的知识和技能点：基础知识HTML/CSS/JavaScript:理解语义化的HTML、CSS布局和定位技术以及现代JavaScript（ES6+）的特性。TypeScript:掌握TypeScript的基本语法、类型系统以及如何在React项目中使用Typ
      • react 和vue区别 小王学前端️ vue3react.jsvue.js前端
        React和Vue是两个非常流行的前端JavaScript框架，它们有许多相似之处，但也有一些关键的区别：设计理念：React更倾向于函数式编程，推崇组件的纯粹性和可预测性，而Vue则更倾向于易用性和灵活性，提供了更多的内置特性和语法糖。模板vsJSX：Vue使用基于HTML的模板语法，这使得开发者可以快速上手。而React使用JSX，它是JavaScript的语法扩展，允许在JavaScript
      • 速盾：cdn分流是什么意思 速盾cdn 服务器安全
        CDN分流是一种通过内容分发网络（CDN）来优化网站访问速度和用户体验的技术。通过CDN分流，网站的静态资源可以被缓存到全球不同的CDN节点上，从而减少用户请求原始服务器的次数，提高了网站的响应速度和可靠性。本文将详细介绍CDN分流的原理、优势和应用场景。CDN分流的原理是通过将网站的静态资源（如HTML、CSS、JavaScript、图片、视频等）复制到CDN节点上，并将用户的请求转发到离用户最
      • centos7 编译安装nginx-1.14.2 YHJ nginx
        1.下载nginxhttp://nginx.org/en/download.html选择稳定版本即可Stableversion这里我们选择nginx-1.14.22.上传nginx到linux上上传路径为/usr/local/3.解压tar-xvfnginx-1.14.2.tar.gzcdnginx-1.14.24.安装依赖yuminstallgccgcc-c++pcrepcre-develzli
      • angular html 文字向上无缝滚动 陌归
        样式要重新自己写body{font-size:12px}#demo{overflow:hidden;height:80px;width:280px;margin:90pxauto;position:relative;}#demo1{height:auto;text-align:left;}#demo2{height:auto;text-align:left;}#demo1li,#demo2li{l
      • 深入了解嵌入式系统组成 小元学妹 嵌入式硬件单片机
        嵌入式系统是一种专用计算机系统，通常用于控制、监视或执行特定任务。它由硬件和软件组成，具有高度集成、实时性强和资源受限等特点。本文将探讨嵌入式系统的组成，包括硬件和软件方面的内容，以便更深入了解这一领域。以下是我整理的关于嵌入式开发的一些入门级资料，免费分享给大家：https://m.hqyjai.net/emb_study_blue_short.html?xt=zxyhttps://m.hqyj
      • 前端面试题 ===＞ 【HTML】 禁止摆烂-才浅 前端面试题前端html
        HTML面试题总结1.对HTML语义化的理解去掉或者丢失样式的时候能够让页面呈现出清晰的结构；代码结构清晰，方便团队的管理和维护，并且语义化更具有可读性，减少差异化；提升用户体验；例如：title、alt用于解释名词或者图片信息、label标签的活用有利于SEO优化，提升搜索引擎排名；和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息；爬虫依赖于标签来确上下文和关键字的权重；方便其他设备的解析（
      • html行内元素（内联元素），块级元素分别有哪些？ 王 歪歪 基础知识html前端
        html行内元素（内联元素），块级元素分别有哪些？常用的分类包括行内元素（内联元素）和块级元素。下面是它们的示例列表：行内元素（InlineElements）：内联元素（InlineElements）是行内元素的另一个术语，它们的行为和显示方式与行内元素相似。块级元素（Block-levelElements）：到标题和列表列表项表格表单、、等语义化元素、、等语义化元素块级元素在默认情况下会在新行上
      • Maven Array_06 eclipsejdkmaven
        Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
      • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
        一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
      • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
        原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
      • 浅谈java类与对象 15700786134 java
              java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
      • linux下双网卡同一个IP 被触发 linux
        转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
      • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
        遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
      • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
        通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
      • JAVA 对象池 矮蛋蛋 javaObjectPool
        原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
      • ArrayList根据条件+for循环批量删除的方法 alleni123 java
        场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
      • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
        “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
      • Spring注入有继承关系的类（1） bijian1013 javaspring
        一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
      • 30岁转型期你能否成为成功人士 bijian1013 成功
                很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
      • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
        什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
      • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
        Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
      • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
        安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
      • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
        public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
      • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
        今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
      • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
        基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
      • 多线程知识 cuishikuan 多线程
        T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
      • spring整合activemq dalan_123 java spring jms
        整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
      • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
          环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
      • Parcel: unable to marshal value dcj3sjt126com marshal
        在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
      • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
        ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
      • 为什么第三方应用能早于System的app启动 gqdy365 System
        Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
      • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
        App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
      • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
        觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
      • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
        转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
      • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
        前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
      • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
        ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
      • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
        3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin