什么是HTML
HTML基本语法
常用标签及属性
链接
文本标记
表格
列表
表单
结构标记
本文知识来源MDN(web开发文档权威网站): https://developer.mozilla.org/zh-CN/docs/Web/HTML
什么是HTML
HyperText Markup Language,超级文本标记语言
HTML 并不是编程语言,它是一种用于定义内容结构的*标记语言*。
HTML 由一系列的**元素**所组成,这些元素可以用来封装不同部分的内容,使其以某种方式呈现或者工作。
- 普通文本a:无特殊意义,超级文本:超链接
- 超文本:“超文本”是指在单个网站内或网站之间将网页彼此连接的链接。
- 标记:超文本的组成形式
- 语言:拥有自己的语法结构
用该语言编写的文件,以.html 或 .htm为后缀,用来设计网页
由浏览器解释运行,可以嵌入脚本语言编写的程序片段,如JS
HTML中的标签不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。
示例标签可以写成,或以任何其他方式。
HTML基础语法
1- 标记语法
标记以封闭类型划分:
(1)封闭类型标记.也称双标记,必须成对出现
<标记>内容标记>
(2)非封闭类型的标记,也叫做空标记/单标记
<标记> 或 <标记/>
例如:
标签内容
其中:a为标签名,也叫元素;
href,id为属性;
双引号中的值为属性值
1-1 元素
指尖括号及尖括号间所包围的内容部分
元素可以包含文本内容和其他元素,也可以是空的
a.包含文本内容:这是一段文本
b.元素嵌套:形成更为复杂的语法
注意:(1)嵌套顺序;(2)代码缩进(保证代码可读性)
c.空标记
1-2 属性和值
属性是用来修饰元素的
<标记 属性="值" 属性="值">
ex:
【常用的标准属性】
id: 定义元素在页面中的唯一标识
title:定义文档的标题,显示在浏览器的标题栏或标签页上。
它只可以包含文本,若是包含有标签,则包含的任何标签都不会被解释。
class:样式相关,定义元素引用的类选择器
style:样式相关,定义元素的行内样式
1-3 注释
在源码中编写,但不会被浏览器所解释的内容,成为注释
可以将对代码的解释说明放在注释中
语法:
2- 文档结构
(1)文档类型声明
指定HTML的版本和风格
(2)HTML页面
表示HTML页面的开始与结束
语法:
位于之下
2-1 HTML页面
包含页面头部和页面主体两部分
页面头部:定义页面全局信息
紧跟在html之后,是html中的首个子元素
头部所包含的内容(子元素)
(1)网页标题:标题内容
(2)定义网页的编码格式,关键字,描述
网页的编码格式: (utf-8:支持中英文、标点、符号)
关键字:
描述:
(3)定义或引用javascript:
(4)定义内部样式
(5) 引入外部样式
页面主体:网页显示的主体内容
【属性】
text:表示文本颜色 此方法不符合规范,请使用* CSS 的 [`color`] 属性替代。
bgcolor:表示网页的背景颜色
简单完整写法如下:
页面名称
常用标签及属性
1- 链接
又称超链接,设置页面中允许被点击的内容。 【标签】 【属性】 href:链接地址(要跳转到的页面的地址) target:目标,打开新网页的形式 取值: _blank:在新标签页中打开 _self:在自身页面中打开(默认值)
(针对图片)
2- 文本标记
特殊字符
1、在html中,任意多个空格,和回车,最后都会被解析成1个空格
2、由<>所包裹的文本,会当成标记被解析
3、通过 转义字符 的特殊表现方式表示特殊效果
< : < (less than)
> : > (greater than)
: 空格
© : ©
¥ : ¥
文本样式
斜体:
粗体:
删除线:
下划线:
上标:
下标:
标题元素
以标题的形式来显示文本内容
【特点】
- 改变字号(一级最大,六级最小)
- 加粗显示
- 上下有垂直的空白距离
- 独立成行
段落元素
【标签】
【特点】
- 默认文字大小
- 独立成行
- 上下垂直空白
换行元素
【标签】
分隔线元素
【标签】
【属性】
size:尺寸,取值单位为 px(像素),可以省略
width:宽度,取值单位为px(像素)可以省略或百分比
color:颜色,取值自然颜色值
align:水平对齐方式,取值:left/center/right
7.分区元素
1)块分区元素:
【特点】独立成行
【作用】页面布局
(2)行内分区元素:
【特点】多个元素在一行内显示
【作用】设置同一行文字内的不同格式
8.行内元素与块级元素
(1)块级元素(div 、p、h1~h6)
【特点】元素会独占一行,即元素前后都会自动换行,主要用于网页布局
(2)、行内元素( span、i、b、s、u、sub、sup、img、a)
【特点】不会换行,多个元素会在一行内显示
3- 图像
路径
URL:Uniform Resource Locator(统一资源定位器,它是www的统一资源定位标志,就是指网络地址。)
作用:标识网络任何资源的位置
(1)绝对路径:从文件所在的最高级目录下开始查找资源文件所经过的路径
-包括网络资源&本地资源(如:E:\mmper\练习\img\flower.jpg)
(2)相对路径:从当前文件位置处开始,查找资源文件所经过的路径
- 同目录,直接用, 直接通过资源文件名称进行引用(a.jpg)
- 子目录,进入到子目录中,然后再对资源文件进行引用(img/a.jpg)
- 父目录,返回到父级目录再对资源文件进行引用(../a.jpg)
图像
【标签】
【属性】
src:图片地址(绝对/相对)
width:图像宽度
height:图像高度
4- 表格
这里注意一个
的用法,可以为每一列指定宽度。
由元素定义。
【标签】
【属性】
width :设置表格的宽度
height:设置表格的高度
align:设置表格的对齐方式,取值: left/center/right
border:设置表格边框宽度
cellpadding:内边距(单元格边框与内容之间的距离)
cellspacing:外边距(单元格之间的距离)
bgcolor:设置表格的背景颜色
table中包含的子元素
中包含的子元素:
【标签】 (创建表行)
【属性】
align:该行内容水平对齐方式,取值: left/center/right
valign:该行内容的垂直对齐方式,取值: top/middle/bottom
bgcolor:设置表格的背景颜色
【标签】 (创建单元格)
【属性】
align:内容水平对齐方式
valign:内容垂直对齐方式
width :宽度
height :高度
【标签】 (表格标题)
【标签】 (列标题)
行标题或列标题,字体有加粗的效果,放在tr中
【标签】 (表头)
【标签】 表主体)
【标签】 (表尾)
标题文本
(1)不规则表格
- 跨列:从指定单元格位置处,横向向右合并几个(包含自己)单元格
属性:colspan=值(数字,合并单元格的个数);
- 跨行:从指定单元格位置处,纵向向下合并几个(包含自己)单元格
属性:rowspan=值(数字,合并单元格的个数);
(2)表格的嵌套
在单元格中去嵌套另一个表格,但嵌套的表格必须要放在td中
5- 列表
将一组具有相似特征或者具有先后顺序的内容按照从上到下的顺序排列在一起
有序列表
【属性】
type:指定列表项标志的类型,默认为数字排列
取值:1(默认值)/a/A/i/I
start:定义起始值(数字),默认从1开始
取值:数字,如:start:1; start:i;等
无序列表
【属性】
type:指定无序列表的列表项标识
取值: disc,默认,实心圆/circle,空心圆/square,实心矩形none,不显示标识
自定义列表
列表中的标题内容
列表中的数据
使用场合:图文混排时使用
6- 表单
由
元素
【主要属性】
type:根据不同的type属性值可以创建各种类型的输入字段
value:最终提交给服务器的值
name:控件的名称,提供给服务器使用,没有name,控件则无法提交
id:唯一标识,只能在当前页面使用,服务器不能用
disabled:禁用,不能被提交
常用的表单控件:
(1)文本框:
(2)密码框:
【专有属性】
maxlength:限制输入的字符数,取值:数字
readonly:设置文本控件只读
(3)单选按钮:
(4)复选框:
【专有属性】
checked,设置默认被选中
(5)提交按钮:
(6)重置按钮:
(7)普通按钮:
(8)图片按钮:
(9)隐藏域:
(10)文件选择框:
按钮(提交按钮)
内容
下拉选择框select 和 option
7- 结构标记
HTML5所提供的结构标记,专门用于表示常见的网页结构(即制作布局),提升布局代码的语义性和可读性
常见结构标记
:定义文档的页眉即页面顶部信息
:定义页面的导航链接部分
:定义文档中的节,文档中主体内容
:定义独立于文档的其他部分内容(章、节等)
:定义某区域的脚注信息,页面底部内容等
:多用于侧边栏和相关引用信息等
你可能感兴趣的:(HTML常用标签及属性)
Nodejs中process有哪些常用方法?
在Node.js中,process是一个全局对象,提供了与当前Node.js进程互动的接口。它包含了一系列的方法和属性,可以帮助你获取系统信息,处理命令行参数,以及控制进程的行为等。以下是一些process对象的常用方法:process.argv:这不是一个方法,而是一个包含命令行参数的数组。第一个元素是’node’,第二个元素是正在执行的JavaScript文件的路径,接下来的元素则是任何其他命
nodejs值process.kill
在Node.js中,process.kill()是一个核心方法,用于向指定进程发送信号以控制其行为(如终止、暂停或恢复)。它不仅限于终止进程,还能通过不同信号实现精细化的进程管理。以下从功能、参数、信号类型、使用场景、注意事项及示例等方面进行全面解析:一、核心功能process.kill(pid[,signal])的主要作用是向目标进程(通过pid指定)发送信号,从而控制其生命周期或状态。其名称中
TCP通讯开发注意事项及常见问题解析
文章目录一、TCP协议特性与开发挑战二、粘包与拆包问题深度解析1.成因原理2.典型场景与实例验证3.系统化解决方案接收方每次读取10字节2.丢包检测与验证工具3.工程化解决方案四、连接管理关键实践1.超时机制设计2.TIME_WAIT状态优化3.异常处理最佳实践五、高性能TCP开发优化1.缓冲区调优指南2.心跳机制实现3.高并发配置六、安全传输增强七、总结与最佳实践一、TCP协议特性与开发挑战TC
2019-02-21
审应
我可以向大家保证的是,只要我会的,大家想学什么学什么。目前的计划是,利用有限的时间和精力,把我会的东西也按岗位来分,根据大家的兴趣,定向培养。现在看来呢,康对测点感兴趣,经过一些练习呢,干的也是有模有样,希望你多练,多经车型和试验。我也希望能在以后的工作中向你传授一些法规及原理性的一些知识,现在我们因为工作原因,教的还是操作性的套路居多,咱们知其然也知其所以然嘛。东升这边,电动车竞赛冠军哈,久仰大
# 二级造价工程师工程造价管理基础知识-工程决策和设计阶段造价管理概述
二月鸟_0e1e
工程决策是选择和决定投资行动方案的过程,是对拟建项目的必要性和可行性进行技术经济论证,对不同建设方案进行技术经济比较及做出判断和决定的过程。工程设计是指工程项目开始建设施工之前,根据已批准的设计任务书,为具体实现拟建项目的技术、经济要求,拟定建筑、安装及设备制造等所需要的规划、图纸、数据等技术文件的工作。设计是工程项目由计划变为现实具有决定意义的工作阶段。1工程决策阶段和设计阶段造价管理的工作内容
主板硬件基础-主板架构
Loong's offspring
架构 硬件工程 硬件架构 pcb工艺 材料工程
主板架构是指主板各个部件之间的连接及隶属关系。每个主板设计时都有一个架构图,从架构图可以明确看出主板的结构及CPU和桥对各个设备的管理以及资源分配。不同芯片组的主板架构都不同。接下来详细讲解主板架构图这是完整的主板架构图从架构图可以看到,主板上的接口资源都是从CPU和PCH(桥)出来的,CPU负责高速信号,桥负责没那么高速的信号。桥也是一个拓展资源的芯片。CPU和桥之间是用总线连接的,在AMD平台
要放假了,我准备去厦门游学……
韦老师写作赋能
昨天,有同事问我,假期准备去哪里学习?我说要去厦门游学,主要原因是想去结交007品牌乳化营及007不写就出局的写作牛人。同事马上兴奋起来,说她也准备像我一样,每天坚持日更写作,让我带着她一起去,我告诉她,这次外出学习不是单位派出,需要报名众筹或自费,同时还转发厦门游学的报名链接给她。之前放假外出学习,都是单位外派,很多时候是被动地去参加各种假期教师培训项目,这些外出学习,是带着任务去的,虽然也学到
深入理解传输对象模式:优化分布式系统数据交互的利器
在现代分布式系统架构中,如何高效地在不同层或不同服务间传输数据是一个关键问题。频繁的网络调用会导致系统性能下降,用户体验受损。传输对象模式(TransferObjectPattern)正是为解决这一问题而生的经典设计模式。本文将全面剖析传输对象模式的原理、实现、应用场景及最佳实践,帮助开发者掌握这一优化系统性能的利器。一、传输对象模式概述1.1模式定义传输对象模式(也称为值对象模式、数据载体模式或
风雨无情人有情,水田坝院送温情
公益联盟湘西三下乡调研团
(通讯员:杨振宁蒙梦丹王佳妮)习近平总书记曾提出,要推动我国养老事业多元化、多样化发展,发展好养老事业的每一步。为进一步了解龙山县偏远乡村养老水平及养老服务事业发展现状,湘潭大学公益联盟调研团前往龙山县水田坝镇水田敬老院展开实地调研。9月2日清晨,暴雨如注,调研团成员们仍按行程计划乘车抵达水田坝镇。下车时暴雨初歇,成员们沿坡而上,一番询问过后,最终绕过一间工人棚找到了位于大山背后的水田坝敬老院。调
《自动控制原理》实验报告:典型系统的时域响应和稳定性分析
戒了9
算法 机器学习 人工智能 课程设计 学习方法
实验目的及实验性质本实验的主要目的是深入研究和理解二阶系统的动态特性,以及这些特性如何影响系统的过渡过程。通过本实验,我们将能够掌握二阶系统特征参量(阻尼比ξ和自然频率ωn)对系统过渡过程的具体影响。我们将通过实验来观察和分析这些特征参量如何决定系统的响应速度、超调量以及稳定状态,从而更全面地理解二阶系统的行为。此外,我们还将探讨在不同的阻尼比条件下,二阶对象的响应曲线如何变化,并分析这些变化对系
【Linux】权限详解 权限本质、权限属性、su、sudo提权、chmod\chown\chgrp、文件类别
文章目录一、权限的认识二、linux的权限本质三、linux的用户su指令sudo提权四、linux角色五、文件权限属性六、修改权限的指令操作chmod指令(权限只会验证一次)chown/chgrp指令修改文件权限的八进制方案七、文件类别详解一、权限的认识什么是权限?生活中处处都有权限,本质就是你要做一件事能还是不能的问题,有权限就能做,没权限就算你想做也不能做为什么linux要有权限?首先lin
游戏陪玩陪练系统:JAVA游戏陪玩陪练高端小程序源码APP源码H5公众号源码电竞系统比心源码
JAVA游戏陪玩陪练高端系统:引领电竞陪练新风尚在电竞产业蓬勃发展的今天,游戏陪玩陪练服务已成为连接玩家与高手之间的桥梁,不仅满足了玩家提升游戏技能的需求,也为电竞爱好者提供了一个展示自我、实现价值的平台。我们精心打造的JAVA游戏陪玩陪练高端系统,涵盖了小程序、APP、H5及公众号等多个用户入口,旨在为用户提供一站式、高品质的电竞陪练服务。一、功能性:全面覆盖,满足多样化需求本系统集成了游戏陪玩
将HTML+JS+CSS数独游戏包装为安卓App
yivifu
web前端 html javascript css android studio
HTML+JS+CSS制作一个数独游戏-CSDN博客中开发了一个数独游戏,这个数独游戏提供了一次性回退到指定步骤的辅助功能,在解决复杂数独问题时十分有帮助,可作为玩数独游戏的辅助工具,因此,考虑将它改装成安卓App安装在手机上,可以更方便使用。将纯HTML程序包装成安卓App在编码方面根本没有什么难度,真正的难度在于开发环境的配置和程序的编译运行。花了一个多星期,才总算编译成功了。有图有真相,在A
python爬虫技术——基础知识、实战
南瓜AI
python 爬虫 scrapy
参考文献:Python爬虫入门(一)(适合初学者)-CSDN博客一、常用爬虫工具包Scrapy语言:Python特点:高效、灵活的爬虫框架,适合大型爬虫项目。BeautifulSoup语言:Python特点:用于解析HTML和XML,简单易用。Selenium语言:Python/Java/C#特点:支持浏览器自动化,适合处理JavaScript渲染的网页。Requests语言:Python特点:简
WordPiece、BPE详解及代码
1.BPE是干什么用的?WordPiece字面理解是把word拆成piece一片一片,其实就是这个意思。WordPiece的一种主要的实现方式叫做BPE(Byte-PairEncoding)双字节编码。“loved”,“loving”,“loves"这三个单词。其实本身的语义都是“爱”的意思,但是如果我们以单词为单位,那它们就算不一样的词,在英语中不同后缀的词非常的多,就会使得词表变的很大,训练速
【课程毕业设计】基于数字PID的电加热炉温度控制系统设计
拉布拉斯也头大
毕业课程设计 stm32 单片机 proteus 嵌入式硬件 pcb工艺
前言电加热炉控制系统属于一阶纯滞后环节,具有大惯性、纯滞后、非线性等特点,导致传统控制方法超调大。调节时间长、控制精度低。本设计采用PID算法进行温度控制,使整个闭环系统所期望的传递函数相当于一个延迟环节和一个惯性环节串联来实现对温度的较为精确的控制。第1章课程设计方案1.1系统组成中体结构电加热炉温度控制系统原理图如下,主要由温度检测电路、A/D转换电路、驱动执行电路、显示电路及按键电路等组成。
有源电力滤波器matlab仿真实验报告,基于Matlab有源电力滤波器APF的仿真研究
目前,对有源电力滤波器的研究越来越广泛。一方面,研究者众多,不仅有高等院校、研究所,而且也有许多电力局、大型企业等;另一方面,研究涉及谐波检测方法、控制策略、PWM波的形成等有源滤波技术的各个方面,对谐波检测控制方法和谐波检测电路的实现方法研究尤其活跃,出现了许多新的方法,这些方法都是旨在提高谐波检测的实时性和检测精度,因为谐波检测方法及谐波检测电路的实时性和检测精度对有源电力滤波器的滤波性能起着
html5及css有什么区别,html5和css3的区别是什么?
weixin_39788256
html5及css有什么区别
html5和css3是什么?区别是什么?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。什么是HTML5?HTML,超文本标记语言(HyperTextMarkupLanguage),标准通用标记语言下的一个应用。是用于描述网页文档的一种标记语言。html5是HTML第五次重大修改后的版本,是当前最新版本,主要特点是支持原生的视频播放、离线存储、更多的语义
5D_PDF_Creator:便捷高效的PDF打印机软件安装指南
CeLaMbDa
本文还有配套的精品资源,点击获取简介:PDF打印机是一种虚拟工具,通过模拟打印过程将各种文件格式转换为PDF。本文介绍的5D_PDF_Creator旨在为用户提供一种高效的PDF文件生成方案,无需水印,支持多种文档格式转换。本文详述了安装该软件的步骤、特点及应用场景,如电子书制作、文档隐私保护、便于协作和无损保存等。1.PDF打印机定义及应用背景1.1PDF打印机的基本概念PDF打印机是一种虚拟打
本地开发用ASP.NET Core Web API项目创建及测试
way_hj
web开发 asp.net 后端
1.服务端代码(C#)1.1创建ASP.NETCoreWebAPI项目打开VisualStudio2022。选择“创建新项目”。选择“ASP.NETCoreWebAPI”模板,点击“下一步”。输入项目名称(如OracleApi),选择项目位置,点击“创建”。1.2安装Oracle数据库依赖使用NuGet管理包工具在项目中安装Oracle数据库的EFCore依赖:Oracle.EntityFrame
保险行业大洗牌,250万线下从业人员消失的背后逻辑
新盟财经
保险,作为规避健康风险、理财风险的一种金融商品,在过去10年间,它一直是资本们追逐和信赖的对象。从保险代理人每年复合增长率超过20%就可见一斑。然而在2021年,这样的形势却发生了大逆转。据年初银保监会数据,代理制销售人员数据与上年末的842.8万人相比,缩减252.1万人。人员的精简,意味着保险行业中传统的“人海战术”销售法,正在被全新的销售模式冲击着;与此同时,互联网及数字化浪潮也正在重塑着保
前端埋坑之js console.log字符换行后 html没换行问题处理
做个有准备的人
前端埋坑之路-前端技术 前端十年之路 前端 javascript html
方法://命令字符处理(字符串超过N字之后换行处理)wrapText(text,n){n=n||70;//默认每70个字符换行if(text.length>n){letresult=text.slice(0,n);leti;for(i=n;i<text.length;i+=n){result+='\n'+text.slice(i,i+n);}re
Mybatis嵌套foreach的坑
MiaeLKK
今天用xml写sql出现问题,mapper入参为集合,其中要获取集合中每个元素的某个属性,这个属性也是个集合。本来按照以前foreach写法,给集合项取个变量名,直接用这个变量名.属性名即可,但如果属性为集合好像就会报错。错误代码示例:andttask.fcreatetime>#{task.createtime[0]}andttask.fcreatetime<#{task.create
C对接验证码短信接口DEMO示例
短信接口开发
//接口类型:互亿无线触发短信接口,支持发送验证码短信、订单通知短信等。//账户注册:请通过该地址开通账户http://user.ihuyi.com/?DKimmu//注意事项://(1)调试期间,请使用用系统默认的短信内容:您的验证码是:【变量】。请不要把验证码泄露给其他人。//(2)请使用APIID及APIKEY来调用接口,可在会员中心获取;//(3)该代码仅供接入互亿无线短信接口参考使用,客
2018,再见!
二十札记
图片发自App2018年我20岁这一年平凡且精彩走过了两个城市旅行长发剪成短发经历分离与新的开始成为副部,拿到奖学金用所学能力挣钱买口红最重要的是坚持用手账记录2018的点点滴滴n个第一次第一次体验剧组生活第一次和院长,台长同桌吃饭第一次跟朋友出去旅行to青岛第一次去游乐场第一次和妹妹逛街去方特第一次从120斤瘦到112斤第一次独自一人坐了9个小时的火车及返程夜车第一次跟弟弟旅行to南京第一次建立
DAY4——Python 推导式及 常见语句和内置函数个人总结
Python推导式Python推导式是一种简洁的语法结构,用于快速生成列表、字典、集合或生成器。推导式通常比传统的循环更高效且更易读。常见的推导式包括列表推导式、字典推导式、集合推导式和生成器推导式。列表推导式语法:[expressionforiteminiterableifcondition]示例:#生成平方数列表squares=[x**2forxinrange(10)]print(square
GP与管理人“分离”时,基金合伙协议及Side Letter等合同涉及的若干问题
法律与投资
来源:法律与投资导言:GP与管理人“分离”,亦即合伙型私募基金的管理人不同时担任基金之普通合伙人(GP)。那么,在这种基金模式下,草拟、审核和签署基金合伙协议(LPA)时,以及个别投资人要求私下签署单边协议/附属协议(“SideLetter”)时,需要关注到哪些实务问题?本文试就相关问题进行探讨。01LPA及SideLetter的签约主体问题在GP与管理人分离的情况下,LPA的签约主体是否应当包括
解密PHP魔术方法:从__construct到__invoke的终极指南
Jay_MIng
php java linux 开发语言 运维 python 设计语言
PHP的魔术方法是一类特殊的方法,标志是以下划线__开头,在特定情况下会被自动调用。开发者可以合理利用此特性重载类的默认行为。实现自己想要实现的目的。根据魔术方法的作用可划分为以下几类。基本魔术方法__construct构造函数,在创建对象时自动调用unknownPrototype;//读取了不可访问属性:unknownPrototype__set给不可访问属性赋值时调用unknownProtot
《前端基础核心知识笔记:HTML、CSS、JavaScript 及 BOM/DOM》
萌新小白的逆袭
前端 笔记 html javascript
html前端三剑客的介绍:HTML:页面内容的载体Css:用来美化和指定页面的显示效果JavaScript:页面显示的过程中,可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met
一文讲透HTML语义化标签
文章目录语义化标签概述HTML标签及其含义常见HTML5语义化标签语义化标签对搜索引擎(SEO)的影响提升搜索引擎排名增强可访问性改善用户体验语义化标签案例各标签作用说明语义化标签概述HTML语义化是指使用恰当的标签来准确表达内容的结构和含义,使网页不仅对人类开发者可读,也能被搜索引擎、辅助技术等更好地理解和处理。例如,用表示页眉,表示独立内容区块,提升页面可访问性和SEO效果。HTML标签及其含
mongodb3.03开启认证
21jhf
mongodb
下载了最新mongodb3.03版本,当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题,现总结如下:
(百度上搜到的基本都是老版本的,看到db.addUser的就是,请忽略)
Windows下我做了一个bat文件,用来启动mongodb,命令行如下:
mongod --dbpath db\data --port 27017 --directoryperdb --logp
【Spark103】Task not serializable
bit1129
Serializable
Task not serializable是Spark开发过程最令人头疼的问题之一,这里记录下出现这个问题的两个实例,一个是自己遇到的,另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在,至少目前阶段碰到此类问题,没有什么章法
1.
package spark.exampl
你所熟知的 LRU(最近最少使用)
dalan_123
java
关于LRU这个名词在很多地方或听说,或使用,接下来看下lru缓存回收的实现
1、大体的想法
a、查询出最近最晚使用的项
b、给最近的使用的项做标记
通过使用链表就可以完成这两个操作,关于最近最少使用的项只需要返回链表的尾部;标记最近使用的项,只需要将该项移除并放置到头部,那么难点就出现 你如何能够快速在链表定位对应的该项?
这时候多
Javascript 跨域
周凡杨
JavaScript jsonp 跨域 cross-domain
 
linux下安装apache服务器
g21121
apache
安装apache
下载windows版本apache,下载地址:http://httpd.apache.org/download.cgi
1.windows下安装apache
Windows下安装apache比较简单,注意选择路径和端口即可,这里就不再赘述了。 2.linux下安装apache:
下载之后上传到linux的相关目录,这里指定为/home/apach
FineReport的JS编辑框和URL地址栏语法简介
老A不折腾
finereport web报表 报表软件 语法总结
JS编辑框:
1.FineReport的js。
作为一款BS产品,browser端的JavaScript是必不可少的。
FineReport中的js是已经调用了finereport.js的。
大家知道,预览报表时,报表servlet会将cpt模板转为html,在这个html的head头部中会引入FineReport的js,这个finereport.js中包含了许多内置的fun
根据STATUS信息对MySQL进行优化
墙头上一根草
status
mysql 查看当前正在执行的操作,即正在执行的sql语句的方法为:
show processlist 命令
mysql> show global status;可以列出MySQL服务器运行各种状态值,我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名
aijuans
Spring 3
本文介绍如何给Spring的Bean配置文件的Bean定义别名?
原始的
<bean id="business" class="onlyfun.caterpillar.device.Business">
<property name="writer">
<ref b
高性能mysql 之 性能剖析
annan211
性能 mysql mysql 性能剖析 剖析
1 定义性能优化
mysql服务器性能,此处定义为 响应时间。
在解释性能优化之前,先来消除一个误解,很多人认为,性能优化就是降低cpu的利用率或者减少对资源的使用。
这是一个陷阱。
资源时用来消耗并用来工作的,所以有时候消耗更多的资源能够加快查询速度,保持cpu忙绿,这是必要的。很多时候发现
编译进了新版本的InnoDB之后,cpu利用率上升的很厉害,这并不
主外键和索引唯一性约束
百合不是茶
索引 唯一性约束 主外键约束 联机删除
目标;第一步;创建两张表 用户表和文章表
第二步;发表文章
1,建表;
---用户表 BlogUsers
--userID唯一的
--userName
--pwd
--sex
create
线程的调度
bijian1013
java 多线程 thread 线程的调度 java多线程
1. Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。
2. 多数线程的调度是抢占式的(即我想中断程序运行就中断,不需要和将被中断的程序协商)
a) 
查看日志常用命令
bijian1013
linux 命令 unix
一.日志查找方法,可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log
二.查看日志常用命令1.grep '关键字' error.log:在error.log中搜索'关键字'2.grep -C10 '关键字' error.log:显示关键字前后10行记录3.grep '关键字' error.l
【持久化框架MyBatis3一】MyBatis版HelloWorld
bit1129
helloworld
MyBatis这个系列的文章,主要参考《Java Persistence with MyBatis 3》。
样例数据
本文以MySQL数据库为例,建立一个STUDENTS表,插入两条数据,然后进行单表的增删改查
CREATE TABLE STUDENTS
(
stud_id int(11) NOT NULL AUTO_INCREMENT,
【Hadoop十五】Hadoop Counter
bit1129
hadoop
1. 只有Map任务的Map Reduce Job
File System Counters
FILE: Number of bytes read=3629530
FILE: Number of bytes written=98312
FILE: Number of read operations=0
FILE: Number of lar
解决Tomcat数据连接池无法释放
ronin47
tomcat 连接池 优化
近段时间,公司的检测中心报表系统(SMC)的开发人员时不时找到我,说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作,发现用户不能登录时,都是在Tomcat中将这个项目Reload一下就好了,不过只是治标而已,因为大概几个小时之后又会 再次出现无法登录的情况。
今天上午,开发人员小毛又找到我,要我协助将这个问题根治一下,拖太久用户难保不投诉。
简单分析了一
java-75-二叉树两结点的最低共同父结点
bylijinnan
java
import java.util.LinkedList;
import java.util.List;
import ljn.help.*;
public class BTreeLowestParentOfTwoNodes {
public static void main(String[] args) {
/*
* node data is stored in
行业垂直搜索引擎网页抓取项目
carlwu
Lucene Nutch Heritrix Solr
公司有一个搜索引擎项目,希望各路高人有空来帮忙指导,谢谢!
这是详细需求:
(1) 通过提供的网站地址(大概100-200个网站),网页抓取程序能不断抓取网页和其它类型的文件(如Excel、PDF、Word、ppt及zip类型),并且程序能够根据事先提供的规则,过滤掉不相干的下载内容。
(2) 程序能够搜索这些抓取的内容,并能对这些抓取文件按照油田名进行分类,然后放到服务器不同的目录中。
[通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费
comsci
资源
降低通讯服务资费,就意味着有更多的用户进入,就意味着通讯服务提供商要接待和服务更多的用户,在总体运维成本没有由于技术升级而大幅下降的情况下,这种降低资费的行为将导致每个用户的平均带宽不断下降,而享受到的服务质量也在下降,这对用户和服务商都是不利的。。。。。。。。
&nbs
Java时区转换及时间格式
Cwind
java
本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用,以及不同时区时间相互转化的方法和原理。
问题描述:
向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如,服务器位于东八区(北京时间,GMT+8:00),而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
readonly,只读,不可用
dashuaifu
js jsp disable readOnly readOnly
readOnly 和 readonly 不同,在做js开发时一定要注意函数大小写和jsp黄线的警告!!!我就经历过这么一件事:
使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能,有的就不行,而且函数readOnly有黄线警告!!!就这样被折磨了不短时间!!!(期间使用过disable函数,但是发现disable函数之后后台接收不到前台的的数据!!!)
LABjs、RequireJS、SeaJS 介绍
dcj3sjt126com
js Web
LABjs 的核心是 LAB(Loading and Blocking):Loading 指异步并行加载,Blocking 是指同步等待执行。LABjs 通过优雅的语法(script 和 wait)实现了这两大特性,核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器,倡导的是一种模块化开发理念,核心价值是让 JavaScript 的模块化开发变得更
[应用结构]入口脚本
dcj3sjt126com
PHP yii2
入口脚本
入口脚本是应用启动流程中的第一环,一个应用(不管是网页应用还是控制台应用)只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。
Web 应用的入口脚本必须放在终端用户能够访问的目录下,通常命名为 index.php,也可以使用 Web 服务器能定位到的其他名称。
控制台应用的入口脚本一般在应用根目录下命名为 yii(后缀为.php),该文
haoop shell命令
eksliang
hadoop hadoop shell
cat
chgrp
chmod
chown
copyFromLocal
copyToLocal
cp
du
dus
expunge
get
getmerge
ls
lsr
mkdir
movefromLocal
mv
put
rm
rmr
setrep
stat
tail
test
text
MultiStateView不同的状态下显示不同的界面
gundumw100
android
只要将指定的view放在该控件里面,可以该view在不同的状态下显示不同的界面,这对ListView很有用,比如加载界面,空白界面,错误界面。而且这些见面由你指定布局,非常灵活。
PS:ListView虽然可以设置一个EmptyView,但使用起来不方便,不灵活,有点累赘。
<com.kennyc.view.MultiStateView xmlns:android=&qu
jQuery实现页面内锚点平滑跳转
ini
JavaScript html jquery html5 css
平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”。
效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码:
&
kafka offset迁移
kane_xie
kafka
在早前的kafka版本中(0.8.0),offset是被存储在zookeeper中的。
到当前版本(0.8.2)为止,kafka同时支持offset存储在zookeeper和offset manager(broker)中。
从官方的说明来看,未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话,可以考虑在合适
android > 搭建 cordova 环境
mft8899
android
1 , 安装 node.js
http://nodejs.org
node -v 查看版本
2, 安装 npm
可以先从 https://github.com/isaacs/npm/tags 下载 源码 解压到
java封装的比较器,比较是否全相同,获取不同字段名字
qifeifei
非常实用的java比较器,贴上代码:
import java.util.HashSet;
import java.util.List;
import java.util.Set;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import net.sf.json.JsonConfig;
i
记录一些函数用法
.Aky.
位运算 PHP 数据库 函数 IP
高手们照旧忽略。
想弄个全天朝IP段数据库,找了个今天最新更新的国内所有运营商IP段,copy到文件,用文件函数,字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件,直接用phpmyadmin导入.csv文件的形式导入。(生命在于折腾,也许你们觉得我傻X,直接下载人家弄好的导入不就可以,做自己的菜鸟,让别人去说吧)
当然用到了ip2long()函数把字符串转为整型数
sublime text 3 rust
wudixiaotie
Sublime Text
1.sublime text 3 => install package => Rust
2.cd ~/.config/sublime-text-3/Packages
3.mkdir rust
4.git clone https://github.com/sp0/rust-style
5.cd rust-style
6.cargo build --release
7.ctrl