一本静哥
一本静哥

Html学习记录

HTML

  • (Hyper Text Markup Language) —— 超文本标记语言

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

  • 开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

  • HTML 文档由嵌套的 HTML 元素构成。

  • HTML 提示：使用小写属性

    • 属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
    • 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号

  • 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

  • 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

  • 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。

    每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。如果需要使用其它的颜色，需要使用十六进制的颜色值。

  • 应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。

  • HTML5 之前的 HTML 版本是HTML 4.01

 与  之间的文本描述网页
 与  之间的文本是可见的页面内容

 与 
 之间的文本被显示为标题(head)

 与 
 之间的文本被显示为段落(paragraph)

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
	<h1>This is a headingh1>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。
	<p>This is a paragraph.p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。在 href 属性中指定链接的地址。
	<a href="http://www.w3school.com.cn">This is a linka>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址,通过改变 img 标签的 "height" 和 "width" 属性的值，您可以放大或缩小图像。。
定义图像的语法是：<img src="url" />如：
	<img src="w3school.jpg" width="104" height="142" />
替换文本属性（Alt）alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。<img src="boat.gif" alt="Big Boat">
背景图像：
    gif 和 jpg 文件均可用作 HTML 背景。
	如果图像小于页面，图像会进行重复。<body background="/i/eg_background.jpg">
文字与图片对齐：
	 align="bottom"；align="middle" ；align="top" bottom 对齐方式是默认的对齐方式。
    align ="left"带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
    align ="right"带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
创建图像映射：
img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。	
如：
    <img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />

<map name="planetmap" id="planetmap">

<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

HTML 水平线

HTML 水平线通过<hr /> 标签在创建。
    <hr />

HTML 注释

HTML 注释

HTML 折行

HTML 折行（换行）是通过<br /> 标签定义的，它没有结束标签。<br>和<br/>功能一样，<br> 在所有浏览器中的显示都没有问题，但使用 <br /> 也是更长远的保障。
    <p>This is<br />a para<br />graph with line breaksp>
浏览器会自动地在段落的前后添加空行,使用空的段落标记 <p>p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！

HTML 短引用

HTML 通过<q> 用于短的引用浏览器通常会为 <q> 元素包围引号。
    <p>WWF 的目标是：<q>构建人与自然和谐共存的世界。q>p>

HTML长引用

HTML 通过<blockquote>用于长引用   
	<blockquote>
	这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
	blockquote>
使用 blockquote 元素的话，浏览器会插入换行缩进处理和外边距，而 q 元素不会有任何特殊的呈现

HTML长引用

HTML 通过<abbr>缩写或首字母缩略语，对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
    <abbr title="World Health Organization">WHOabbr>

HTML 定义

HTML 通过<dfn>定义项目或缩写的定义
    1. 如果设置了 <dfn> 元素的 title 属性，则定义项目：
    <p>The <dfn title="World Health Organization">WHOdfn> was founded in 1948.p>
    2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：
    <p>The<dfn><abbr title="World Health Organization">WHOabbr>dfn>
was founded in 1948.p>
    上两者结果：The WHO was founded in 1948.
    3.否则，<dfn> 文本内容即是项目，并且父元素包含定义。
    <p>The<dfn>WHOdfn> World Health Organization was founded in 1948p>
	The WHO World Health Organization was founded in 1948.
    如果您希望简而化之，请使用第一条，或使用 <abbr> 代替。

HTML地址

 HTML 通过<address>联系信息，此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。  
    <address>
	Written by Jon Doe.<br> 
	Visit us at:<br>
	Example.com<br>
	Box 564, Disneyland<br>
	USA
	address>

HTML著作标题

HTML 通过<cite>用于著作标题，浏览器通常会以斜体显示 <cite> 元素。
    <p><cite>The Screamcite> by Edward Munch. Painted in 1893.p>

HTML双向重写

HTML 通过<bdo>用于双向重写（bi-directional override）文字方向反转
	<bdo dir="rtl">Here is some Hebrew textbdo>

HTML链接

HTML 通过==标签在中创建链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。有两种使用== 标签的方式：1.通过使用 href 属性 - 创建指向另一个文档的链接2.通过使用 name 属性 - 创建文档内的书签

<a href="url">Link texta>
href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。
    target="_blank"可以定义在新窗口打开文档
name 属性规定锚（anchor）的名称。
1.您可以使用 name 属性创建 HTML 页面中的书签。
2.书签不会以任何特殊方式显示，它对读者是不可见的。
3.当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
4.命名锚的语法：
	<a name="label">锚（显示在页面上的文本）a>
提示：锚的名称可以是任何你喜欢的名字。
提示：您可以使用 id 属性来替代 name 属性，命名锚同样有效。
    首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：

<a name="tips">基本的注意事项 - 有用的提示a>
然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">有用的提示a>
您也可以在其他页面中创建指向该锚的链接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示a>
在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。
    注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。
提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。
提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。


| 标签   | 描述                         |
| :----- | :--------------------------- |
|   | 定义图像。                   |
|   | 定义图像地图。               |
|  | 定义图像地图中的可点击区域。 |

HTML 表格

HTML 通过

创建表格每个表格由 table 标签开始。每个表格行由 tr 标签开始。每个表格数据由 td 标签开始。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table>
<h4>两行三列：h4>
<table border="1">
<tr>
  <td>100td>
  <td>200td>
  <td>300td>
tr>
<tr>
  <td>400td>
  <td>500td>
  <td>600td>
tr>
table>


没有边框: border=“0”
带有普通的边框：border=“1”
带有粗的边框：border=“8”
带有很粗的边框：border=“15”
表格中的空单元格:
在空单元格中添加一个空格占位符，就可以将边框显示出来。
<td> td>


表格的表头使用 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本：
<tr>
<th>Headingth>
<th>Another Headingth>
tr>


带有标题的表格
<caption>我的标题caption>


横跨两列的单元格：
<th colspan="2">电话th>


横跨两行的单元格：
 <th rowspan="2">电话th>


单元格边距（cellpadding)：
cellpadding=“10”
单元格间距（cellspacing)
cellspacing=“10”
框架（frame）属性：
frame=“box”，框着
frame=“above”，上线
frame=“below”，下线
frame=“hsides”，上下线
frame=“vsides”，左右线
向表格添加背景颜色或者背景图像
<h4>背景颜色：h4>
<table border="1" 
bgcolor="red">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>   
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>

<h4>背景图像：h4>
<table border="1" 
background="/i/eg_bg_07.gif">
<tr>
  <td>Firsttd>
  <td>Rowtd>
tr>   
<tr>
  <td>Secondtd>
  <td>Rowtd>
tr>
table>



向表格单元添加背景颜色或者背景图片
<html>

<body>

<h4>单元背景：h4>  
<table border="1">
<tr>
  <td bgcolor="red">Firsttd>
  <td>Rowtd>
tr>   
<tr>
  <td 
  background="/i/eg_bg_07.gif">
  Secondtd>
  <td>Rowtd>
tr>
table>

body>
html>


属性(少用或者不用）:
    <h1 align="center"> 拥有居中排列的附加信息
    <body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
	<table border="1"> 拥有关于表格边框的附加信息。
	<p style="background-color:PowderBlue；font-size:30px;font-family:times;color:green">This text is 30 pixels highp>拥有字体，颜色，背景颜色等
        


在表格单元中排列内容：
<html>

<body>

<table width="400" border="1">
 <tr>
  <th align="left">消费项目....th>
  <th align="right">一月th>
  <th align="right">二月th>
 tr>
 <tr>
  <td align="left">衣服td>
  <td align="right">$241.10td>
  <td align="right">$50.20td>
 tr>
 <tr>
  <td align="left"





你可能感兴趣的:(html5)






    

  • 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
    

    • 

  • HTML5球体下落粒子爆炸特效
酷爱码
htmlhtml5前端html

    HTML5球体下落粒子爆炸特效，源码由HTML+CSS+JS组成，双击html文件可以本地运行效果，也可以上传到服务器里面下载地址HTML5球体下落粒子爆炸特效
    

    • 

  • 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子
weixin_39905500

    1Flex布局首先聊聊Flex布局，Flex布局又称“弹性布局”，任何容器都可以指定为Flex布局，设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction：决定项目的排列方向，默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
    

    • 

  • 对网站开发感兴趣？想要看顶级大佬是怎么做的？
CCSBRIDGE
html5

    前言有的人喜欢造轮子，有的人讨厌重复造轮子。萝卜白菜，各有所好。我收集了一些一看就觉得很厉害的项目公主/王子请享用https://github.com/h5bp/html5-boilerplate简介：HTML5Boilerplate是一个专业的前端模板，用于构建快速、强大且适应性强的Web应用程序或网站。该项目是十多年迭代开发和社区知识的产物。它没有强加特定的开发理念或框架，因此您可以按照自己想
    

    • 

  • 腾讯文档嵌入html5,基于腾讯TBS 实现应用内打开并浏览Office文件
炎火鱼
腾讯文档嵌入html5

    配置：下载sdk,并导入jar文件和so文件导入jar文件.png导入so文件.pngandroid{...defaultConfig{...//这里比较坑，当时用极光推送把64位的ndk库也加上了，x5内核初始化一直失败//这里要去掉所有64位库，x5内核才能加载成功ndk{abiFilters"a
    

    • 

  • 3 HTML5 svg
官清岁月

    SVG:ScalableVectorGraphics;//可缩放矢量图形->svg图像放大情况下图形质量不会损失(失真)；-->应用场景：图表、动画、矢量图(点/线/面,形成的基本图形)、常用于制作图标icon1、canvas与svg的区别：(1).canvas是由像素点构成的，其依赖分辨率，其放大后会"失真"；其通过js来绘制2D图形，常用来制作游戏、图表(运行速度快)；(2).svg是由图形(
    

    • 

  • 【Rust】——Vector集合
Y小夜
Rust（官方文档重点总结）rust开发语言后端

    个人专栏：算法设计与分析：算法设计与分析_IT闫的博客-CSDN博客Java基础：Java基础_IT闫的博客-CSDN博客c语言：c语言_IT闫的博客-CSDN博客MySQL：数据结构_IT闫的博客-CSDN博客数据结构：数据结构_IT闫的博客-CSDN博客C++：C++_IT闫的博客-CSDN博客C51单片机：C51单片机（STC89C516）_IT闫的博客-CSDN博客基于HTML5的网页设计
    

    • 

  • HTML5+CSS3小实例：3D分层图像悬停效果
艾恩小灰灰

    实例：3D分层图像悬停效果技术栈：HTML+CSS效果：源码：【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/
    

    • 

  • HTML—基本介绍
Black—slience
html前端

    HTML是一种超文本标记语言(HyperTextMarkupLanguage)，用于创建网页的标记语言超文本：是指页面内可以包含图片、链接、声音、视频等内容标记：HTML富含大量的标签供程序员使用，通过标记符号来规定指定内容的样式浏览器最终根据不同的HTML标签，解析成日常中所看到的网页HTML文件基本格式(HTML5版本)网页标题标签体闭合标签(封闭的区间)②自闭合标签，没有修饰的内容-->加粗
    

    • 

  • html5在不同浏览器兼容,HTML5浏览器兼容性解决方案
weixin_39732991
html5在不同浏览器兼容

    HTML5浏览器兼容性解决方案HTML5新增语义标签，以及如何兼容老版本浏览器。前言HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如：video标签和audio及canvas标记。而HTML5在取消了过时的显示效果标记和等同时，也引入了一些新的语义标签，例如：更多的语义标签请参考一、语义标签兼容性1.解决思路主流浏览器都兼容HTML5的新标签。
    

    • 

  • IntelliJ IDEA 的安装、配置与使用
坏孩子充电自习室
开发经验大数据

    一、IntelliJIDEA介绍–EclipseIBM1.JetBrains公司介绍IDEA(https://www.jetbrains.com/idea/)是JetBrains公司的产品，公司旗下还有其它产品，比如：WebStorm：用于开发JavaScript、HTML5、CSS3等前端技术；PyCharm：用于开发pythonPhpStorm：用于开发PHPRubyMine：用于开发
    

    • 

  • 植树节html5游戏,植树节活动
weixin_30193269
植树节html5游戏

    活动概述活动时间:3月10日至3月13日(以实际版本内活动日期为准)活动介绍:一年一度的植树节活动开始了，小伙伴们拿起小铲子，小水桶，今天勤劳来种树，明天不用吸雾霾！快来邀请你的小伙伴一同参与活动吧，开开心心植树节，还有神秘小礼物哦。不用谢谢我，我叫红领巾。活动NPC:应天府(093,128)红领巾活动一：播种希望活动时间:3月10日至3月13日(以实际版本内活动日期为准)活动说明:每一颗小树苗的
    

    • 

  • 什么是flash什么是html5？

html5

    如今，HTML5可谓如众星捧月一般，受到许多业内巨头的青睐。且不说谷歌、苹果等业内巨头把它描绘为互联网体验的未来，即便是以不服从标准著称的微软，也向它频频示好，决心在InternetExplorer9中加入对HTML5的大量支持。然而，HTML5的路途真的将一帆风顺么？本文将列举了一些在HTML5发展和普及过程中需要解决的问题。什么是HTML5？根据维基百科上的解释，HTML5的前身是WebApp
    

    • 

  • 关于HTML5表单验证的方法教程
猿小白klp
htmlaxioshtml5前端html后端学习

    简介HTML5表单验证是一种在客户端对用户输入进行验证的方法，可以有效地减少对于服务器端验证的依赖。通过使用HTML5表单验证，可以为用户提供实时的错误提示和更好的用户体验。本教程将介绍如何在HTML5中使用各种验证属性和技术来实现表单验证。基本表单结构首先，我们来创建一个基本的表单结构，包括输入字段和提交按钮。以下是一个简单的例子：姓名：邮箱：密码：在上面的代码中，我们创建了一个包含姓名、邮箱和
    

    • 

  • qt textbrowser html5,QT textBrowser 使用
Enzo 恩佐
qttextbrowserhtml5

    sharedUserIdandroid:sharedUserIdsharedUserId的作用是让两个应用程序共享一个userid,我们都知道linux进程给每一个应用程序分配了一个独立的userid,所以如果两个或多...MATLAB代码加密生成.p文件代码就下面一句话:pcodeyourfile.m生成的yourfile.p就是你的加密文件,别人是看不到代码的,调用和m文件调用一
    

    • 

  • 移动端 H5 实现拍照功能的几种方法
忧郁的蛋~
前端技术htmljavascript前端

    下面是实现移动端H5拍照功能的几种方法：1、使用：通过HTML5规范中的调用系统摄像头，并选择拍摄的照片。但这种方式可能会导致页面刷新。实现移动端H5拍照功能的代码：在HTML中创建一个：2，在JavaScript中为该元素绑定change事件，并读取选择的图片文件：varinput=document.querySelector("input[type=file]");input.addEvent
    

    • 

  • websocket 实现原理和技术方案
静水流深，沧海一粟
浏览器APIwebsocket网络协议网络node前端javascript

    websocketWebSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，用以取代轮询与长连接，使客户端浏览器具备像C/S框架下桌面系统的即使通讯能力websocket协议是建立在tcp协议之上的，建立连接需要三次握手。websocket协议的连接过程：客户端连接服务器（TCP/IP），三次握手，建立了连接通道客户端发送一个http格式的消息（特殊格式），服务器也响应一
    

    • 

  • React和Vue 中的 router 实现原理如何
xxq_0217
vue面试题react.jsvue.js前端前端框架

    React和Vue中的路由器（Router）实现原理类似，都是基于监听URL变化，然后根据不同的URL加载相应的组件或页面。下面是它们的一般实现原理：ReactRouter实现原理：HistoryAPI：ReactRouter使用HTML5HistoryAPI（pushState()和replaceState()方法）来操作浏览器的历史记录，从而实现无刷新页面的路由切换。监听URL变化：React
    

    • 

  • ionic3打包APP
thisDong

    ionicionic是一个强大的HTML5应用程序开发框架(HTML5HybridMobileAppFramework)。可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。ionic是一个轻量的手机UI库，具有速度快，界面现代化
    

    • 

  • HTML5+CSS3小实例：有点小酷的input输入框动画
艾恩小灰灰

    HTML5+CSS3实现有点小酷的input输入框动画，带动画的输入框，总是让人忍不住去点它。先看效果：源代码：您的姓名*{margin:0;padding:0;outline:none;/*这个是告诉浏览器：你想要设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*弹性布局水平垂直居中*/display:flex;align-items:cen
    

    • 

  • pandas 数据载入、存储及文件格式(文本格式数据的读写—XML 和 HTML：网络抓取)
诗雨时
python

    文本格式数据的读写—XML和HTML：网络抓取pandas拥有很多可以对HTML和XML格式进行读取、写入数据的库，例如lxml（http://lxml.de）、BeautifulSoup和html5lib。尽管lxml是相对更快的库，但其他库可以更好地处理异常的HTML或XML文件。一、pandas.read_html解析HTMLpandas的内建函数read_html可以使用lxml和Beau
    

    • 

  • 微信朋友圈html5广告,微信朋友圈原生广告页是什么
张奕初
微信朋友圈html5广告

    最近腾讯公布了微信的广告首次，从官方数据来看，新版广告效果似乎非常好，对此官方也对新的广告形式做了定义，并且称为朋友圈原生广告页，到底是什么东西呢，看看下面介绍吧。一周前，腾讯公布了第二季度业绩报告，数据显示，微信和WeChat合并月活跃用户数达8.06亿，同比增长34%。微信广告收入达36.97亿，增长80%。提到朋友圈广告，细心的网友或许已经发现了，最近朋友圈诞生了一种全新的广告体验，点击的广
    

    • 

  • HTML5+CSS3小实例：广告灯牌效果的loading动画
艾恩小灰灰

    实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con
    

    • 

  • 「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强
界面开发小八哥
DevExtreme界面控件UI开发devexpresshtml5

    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
    

    • 

  • php mysql html5_HTML5&CSS3&JavaScript&PHP&MySQL学习笔记
Jakcwin
phpmysqlhtml5

    1、在文字间添加一条水平线使用注意该符号不是成对出现的2、用来标记于段落中的较短引用，浏览器会在它之间的语句两端加上双引号。3、可以包含设计者的联系方式或者电话等。P444、链接是由百度一下产生，其中href指定要链接到的地址。P665、如果希望链接网页在新网页中打开，那么需要在第4点中设置target=”_blank”P756、当需要跳转到页面的某个位置时，可使用id属性。P767、新建一个Em
    

    • 

  • 编程笔记 html5&css&js 084 JavaScript 变量的作用域
明月看潮生
#html5css3javascript少年工程师青少年编程

    编程笔记html5&css&js084JavaScript变量的作用域一、全局作用域二、局部作用域（函数作用域）三、块级作用域（ES6引入）小结变量作用域是程序设计中一个重要的概念，它定义了变量在何处可以被访问和使用。在JavaScript中，主要有两种类型的作用域：全局作用域和局部作用域（包括函数作用域和块级作用域）。一、全局作用域全局作用域中的变量在整个脚本或应用程序中都是可见的，可以在任何地
    

    • 

  • java 进销存 销售报表 库存管理 商户管理 springmvc SSM crm 项目
非得起个昵称

    系统介绍：1.系统采用主流的SSM框架jspJSTLbootstraphtml5(PC浏览器使用)2.springmvc+spring4.3.7+mybaits3.3SSM普通javaweb（非maven,附赠pom.xml文件）数据库：mysql3.开发工具：myeclipseeclipseidea均可,没有限制.我这边myeclipse2014导出来的项目源码-----------------
    

    • 

  • 前端 webSocket 的使用
小刘先生很努力
前端websocket网络协议

    webSocket使用一、概念定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手，两者之间就可以创建一个持久性的TCP连接，此后服务器和客户端通过此TCP连接进行双向实时通信。例子：现在需要根据用户不同的输入来获取后端不同的数据，http请求的方式就是每次用户输入我就发送一个http请求。然而we
    

    • 

  • Vue-Router 官网速通
yqcoder
官网速通系列vue.jsjavascript前端

    前言：参考VueRouter，本文档例子使用vue3语法。一：介绍1.什么是VueRouter是Vue.js的官方路由。功能包括：1.路由映射。2.动态路由。3.路由配置。4.路由参数。5.过渡效果。6.导航控制。7.CSS类链接。8.HTML5模式。9.滚动行为。10.URL编码2.安装对于一个现有使用JS包管理的项目，添加VueRouter依赖：npminstallvue-router@4#o
    

    • 

  • HTML5学习（二）
学习不止，掉发不停
htmlhtml5学习前端

    目录1.字符集characterset2.标题标签3.段落和换行标签4.文本格式化标签5.和标签6.图像标签7.路径8.超链接标签9.锚点链接10.注释标签11.特殊字符1.字符集characterset字符集是多个字符的集合，在标签内，可以通过标签的charset属性来规定HTML文件用那种字符编码。UTF-8是万国码，基本包含所有国家需要用到的字符，这个一定要写，防止乱码情况。2.标题标签一共
    

    • 

  • 安装数据库首次应用
Array_06
javaoraclesql

    可是为什么再一次失败之后就变成直接跳过那个要求
enter full pathname of java.exe的界面
这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！
注意第一次，使用SQL D
    

    • 

  • Weblogic Server Console密码修改和遗忘解决方法
bijian1013
Welogic

            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。
一.修改Console密码
        打开weblogic控制台，安全领域 --> myrealm -->&n
    

    • 

  • IllegalStateException: Cannot forward a response that is already committed
Cwind
javaServlets

    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码：
protected void doPost() {
if (someCondition) {
sendRedirect();
}
forward(); // Thi
    

    • 

  • 基于流的装饰设计模式
木zi_鸣
设计模式

    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。
自定义的类成为装饰类
模仿BufferedReader，对Reader进行包装，体现装饰设计模式
装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。
装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系
装饰类因为增强已有对象，具备的功能该
    

    • 

  • Linux中的uniq命令
被触发
linux

    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。
AD：
uniq [选项] 文件
说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
    

    • 

  • 正则表达式Pattern
肆无忌惮_
Pattern

    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。
 
例如，我们需要对QQ号码格式进行检验
规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14}
&nbs
    

    • 

  • Oracle高级查询之OVER (PARTITION BY ..)
知了ing
oraclesql

    一、rank()/dense_rank() over(partition by ...order by ...)
现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句：
select e.ename, e.job, e.sal, e.deptno
from scott.emp e,
(se
    

    • 

  • Python调试
矮蛋蛋
pythonpdb

    原文地址：
http://blog.csdn.net/xuyuefei1988/article/details/19399137
1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧：
IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试：
http://www.ibm.com/d
    

    • 

  • webservice传递自定义对象时函数为空，以及boolean不对应的问题
alleni123
webservice

    今天在客户端调用方法
NodeStatus status=iservice.getNodeStatus().
结果NodeStatus的属性都是null。
进行debug之后，发现服务器端返回的确实是有值的对象。
后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。
本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
    

    • 

  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针
百合不是茶

    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：
 
定义一个指针p来指向a的地址（&是地址符号）：
        
    

    • 

  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log”
bijian1013
eclipse

    打开eclipse工作目录的\.metadata\.log文件，发现如下错误：
!ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139
!MESSAGE Application error
!STACK 1
java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
    

    • 

  • spring aop实例annotation方法实现
bijian1013
javaspringAOPannotation

            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut
AdviceMethods.jav
    

    • 

  • [Velocity一]Velocity语法基础入门
bit1129
velocity

    用户和开发人员参考文档
http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html
  注释
1.行级注释##
2.多行注释#*  *#
  变量定义
使用$开头的字符串是变量定义，例如$var1, $var2,
  赋值
使用#set为变量赋值，例
    

    • 

  • 【Kafka十一】关于Kafka的副本管理
bit1129
kafka

    1. 关于request.required.acks
 
request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0，
0表示即不进行确认即返回。
1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中
-1表示根据指定的最少Partition确认后才返回，这个在
 
Th
    

    • 

  • lua统计nginx内部变量数据
ronin47
lua nginx　 统计

    server {
listen 80;
server_name photo.domain.com;
location /{set $str $uri;
content_by_lua '
local url = ngx.var.uri
local res = ngx.location.capture(
    

    • 

  • java-11.二叉树中节点的最大距离
bylijinnan
java

    
import java.util.ArrayList;
import java.util.List;
public class MaxLenInBinTree {
/*
a. 1
/ \
2 3
/ \ / \
4 5 6 7
max=4 pass "root"

    

    • 

  • Netty源码学习-ReadTimeoutHandler
bylijinnan
javanetty

    
ReadTimeoutHandler的实现思路：
开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException
这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如
private final ChannelHandler timeoutHandler =
new ReadTim
    

    • 

  • jquery验证上传文件样式及大小(好用)
cngolon
文件上传jquery验证

    <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery1.8/jquery-1.8.0.
    

    • 

  • 浏览器兼容【转】
cuishikuan
css浏览器IE

    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同
问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
碰到频率:100%
解决方案：CSS里    *{margin:0;padding:0;}
备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
    

    • 

  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数
daizj
shell$#$?特殊变量

    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码：
$echo $$
运行结果
29949
  特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
    

    • 

  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID!
dcj3sjt126com
unix

    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。
KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
    

    • 

  • android Activity间List传值
dcj3sjt126com
Activity

    第一个Activity：
import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
    

    • 

  • tomcat 设置java虚拟机内存
eksliang
tomcat 内存设置

    转载请出自出处：http://eksliang.iteye.com/blog/2117772
http://eksliang.iteye.com/
常见的内存溢出有以下两种:
java.lang.OutOfMemoryError: PermGen space
java.lang.OutOfMemoryError: Java heap space
 
------------
    

    • 

  • Android 数据库事务处理
gqdy365
android

    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
    

    • 

  • Java 打开浏览器
hw1287789687
打开网址open浏览器open browser打开url打开浏览器

    使用java 语言如何打开浏览器呢?
我们先研究下在cmd窗口中,如何打开网址
使用IE 打开
D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709
使用火狐打开
D:\software\bin>cmd /c start firefox http://hw1287789
    

    • 

  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件
justjavac
chromeGooglegoogle apichrome插件

    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice
由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
    

    • 

  • 进程VS.线程
m635674608
线程

    资料来源：
http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点：
多进程模式最大
    

    • 

  • Linux下安装MemCached
字符串
memcached

    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
    

    • 

  • java设计模式之--jdk动态代理（实现aop编程）
Supanccy2013
javaDAO设计模式AOP

        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。
&
    

    • 

  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持
wiselyman
spring 4

    2.1 默认方法(default method)
java8引入了一个default medthod;
用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展
使用default关键字
Spring 4.2支持加载在默认方法里声明的bean
2.2
将要被声明成bean的类
public class DemoService {

    

    •