代码中日志必须先判断级别
现象描述：发现某些服务器的pv数不高，但服务器的load却不低，高于平均水平 分析过程： 通过内存监控发现，GC的动作比较频繁，但无法找到原因，一次PLA偶然的发现了大量如log.debug(“memberId:” + member.getMemberId())代码 原因分析： 在代码中发现如下代码段很多： log.debug(“memberId:” + member.getMemberId()) 以上代码执行时，分两步： 1. 先执行的是括号中的字符串相”+”的动作，而每次”+”运算都会导致新字符串的生成，这样就产生了很多“中间字符串”，在极大次数被调用时，这种字符串被创建和销毁的数量非常庞大，从而造成了jvm gc频繁执行，进而影响了性能。 2. 再执行log.debug()函数，在生产环境log level一般大于info，所以实际不会打印debug信息综上所述，这些代码在生产环境不会产生日志，但会执行字符串”+”运算，而这些运算是无意义的，所以需要先判断日志的优先级，方式是log.isXXXEnabled() { log.XXX(……); } Log Level的级别： Fatal-&error-&warn-&info-&debug，级别从高到低 一般我们生成环境的log level都是error，所以对于Error以上级别的日志，不用判断；对于error以下级别的都要加上判断。 正确用法： //加上是否enable的判断，屏蔽log.debug的执行
if(log.isDebugEnable()){
log.debug(“memberId:”+member.getMemberId());
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！记住登录一个月发表随想还能输入：200字该用户最新代码编程随想&by by by by by by [java]代码库
import java.io.F
import java.io.FileW
import java.io.IOE
import java.io.InputS
import java.io.PrintW
import java.util.P
* 日志工具类 使用了单例模式，保证只有一个实例。 为了更方便的配置日志文件名，使用属性文件配置。 也可以在程序中指定日志文件名。
public class LogWriter {
// 日志的配置文件
public static final String LOG_CONFIGFILE_NAME = "log.properties";
// 日志文件名在配置文件中的标签
public static final String LOGFILE_TAG_NAME = "logfile";
// 默认的日志文件的路径和文件名称
private final String DEFAULT_LOG_FILE_NAME = "./logtext.log";
// 该类的唯一的实例
private static LogWriter logW
// 文件输出流
private PrintW
// 日志文件名
private String logFileN
* 默认构造函数
private LogWriter() throws LogException {
this.init();
private LogWriter(String fileName) throws LogException {
this.logFileName = fileN
this.init();
* 获取LogWriter的唯一实例。
* @throws LogException
public synchronized static LogWriter getLogWriter() throws LogException {
if (logWriter == null) {
logWriter = new LogWriter();
return logW
public synchronized static LogWriter getLogWriter(String logFileName)
throws LogException {
if (logWriter == null) {
logWriter = new LogWriter(logFileName);
return logW
* 往日志文件中写一条日志信息 为了防止多线程同时操作(写)日志文件，造成文件”死锁”。使用synchronized关键字
* @param logMsg
public synchronized void log(String logMsg) {
this.writer.println(new java.util.Date() + ": " + logMsg);
* 往日志文件中写一条异常信息 使用synchronized关键字。
* @param ex
待写入的异常
public synchronized void log(Exception ex) {
writer.println(new java.util.Date() + ": ");
ex.printStackTrace(writer);
* 初始化LogWriter
* @throws LogException
private void init() throws LogException {
// 如果用户没有在参数中指定日志文件名，则从配置文件中获取。
if (this.logFileName == null) {
this.logFileName = this.getLogFileNameFromConfigFile();
// 如果配置文件不存在或者也没有指定日志文件名，则用默认的日志文件名。
if (this.logFileName == null) {
this.logFileName = DEFAULT_LOG_FILE_NAME;
File logFile = new File(this.logFileName);
// 其中的FileWriter()中的第二个参数的含义是:是否在文件中追加内容
// PrintWriter()中的第二个参数的含义是：自动将数据flush到文件中
writer = new PrintWriter(new FileWriter(logFile, true), true);
System.out.println("日志文件的位置：" + logFile.getAbsolutePath());
} catch (IOException ex) {
String errmsg = "无法打开日志文件:" + logFile.getAbsolutePath();
// System.out.println(errmsg);
throw new LogException(errmsg, ex);
* 从配置文件中取日志文件名
private String getLogFileNameFromConfigFile() {
Properties pro = new Properties();
// 在类的当前位置,查找属性配置文件log.properties
InputStream fin = getClass().getResourceAsStream(
LOG_CONFIGFILE_NAME);
if (fin != null) {
pro.load(fin);// 载入配置文件
fin.close();
return pro.getProperty(LOGFILE_TAG_NAME);
System.err.println("无法打开属性配置文件: log.properties");
} catch (IOException ex) {
System.err.println("无法打开属性配置文件: log.properties");
// 关闭LogWriter
public void close() {
logWriter =
if (writer != null) {
writer.close();
public static void main(String[] args) {
LogWriter logger =
String fileName = "C:/temp/temp0/logger.log";
logger = LogWriter.getLogWriter(fileName);
logger.log("First log!");
logger.log("第二个日志信息");
logger.log("Third log");
logger.log("第四个日志信息");
logger.close();
} catch (LogException e) {
e.printStackTrace();
}分享到：更多共1 条评论
发表评论：评论须知：1、评论每次加2分，每天上限为30；2、请文明用语，共同创建干净的技术交流环境；3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。([已注销])
(景芽子。)
第三方登录：温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
求学、种地、教书、参軍、经商、进丆、工农商学兵,
酸甜、苦辣、成功、失败、快乐、苦恼、尽在不言中。
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
字 体 控 制 代 码
◆字体加粗： &B&写上你想写的字&/B& ◆字体斜体： &I&写上你想写的字&/I& ◆字体下划线∶ &U&写上你想写的字&/U& ◆字体删除线∶ &S&写上你想写的字&/S& ◆字体加大∶ &BIG&写上你想写的字&/BIG& ◆打字机字体∶ &TT&写上你想写的字&/TT& ◆文字闪烁效果∶ &BLINK&写上你想写的字&/BLINK& ◆换行： &BR&◆空格： & ◆段落： &P&&/P&段落 ◆原始文字样式：&PRE&正文&/PRE&◆常用字体代码：宋体、黑体、楷体_GB2312 、仿宋_GB2312 、新宋体、幼圆、 隶书、方正舒体 、 华文新魏 、华文行楷 、华文细黑 、 华文彩云 、 方正姚体、迷你简粗倩、 ◆字体控制大小： &H1&写上你想写的字&/H1&(其中字体大小可从h1-h5,h1最大，h5最小)、（字号大小 size=1—7 ,参数1字体小,7字体最大。还可用CSS样式来定义字体,即:style=font:20pt 。) ◆更改字体颜色：&FONT color=#0a00e&写上你想写的字&/FONT&(其中value值在000000与ffffff(16位进制)之间 ◆坚排文字的代码∶ &P align=right&&FONT style="FONT-SIZE: 16 WIDTH: 300 COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb- TEXT-ALIGN: left"&竖排文字&BR&竖排文字&BR&竖排文字 (靠右排版right) ◆移动字体(走马灯效果)： &MARQUEE&写上你想写的字&/MARQUEE&◆字体设置:①& &FONT style="FONT-SIZE: 15pt" color=#ff0000&◆字体设置:②& &FONT face=隶书 color=#0000ff size=5&选择文字式样、颜色、大小◆彩字设置:①& &DIV style="FONT-SIZE: 25 FILTER: glow(color=ffffff); COLOR: #000000; FONT-FAMILY: 隶书; HEIGHT: 10px"& 显示虚边字代码◆彩字设置:②& &DIV style="FONT-SIZE: 30 FILTER: shadow(color=#333366,direction=240); WIDTH: 550 COLOR: #ff0033; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_gb2312; HEIGHT: 51px"& 显示字阴影(direction=240数值变化可改变阴影方向,看标题效果)◆彩字设置:③& &MARQUEE style="FONT-SIZE: 25 FILTER: shadow(color=FFFF33 );& COLOR: #ff0000; FONT-FAMILY: 华文新魏" &显示虚边字和移动代码&/MARQUEE& (滚动效果)◆彩字设置:④& &DIV style="FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 685px" twffan="done"&&FONT style="FONT-WEIGHT: FONT-SIZE: 20 LINE-HEIGHT: FONT-STYLE: FONT-VARIANT: normal" face=华文行楷 color=#ff0000& 可改变虚边大小的虚边字代码(strength=10改变此数字即可) ◆彩字设置:⑤全色底埔色上写字 &FONT face=隶书 style="BACKGROUND-COLOR: #000000" color=#ffffff size=2&& 示图∶
对 齐 方 式 代 码
◆左对齐:& &LEFT&◆中对齐:& &CENTER& 或 &P align=center& 或 &DIV align=center&◆右对齐:& &RIGHT&◆段落水平对齐：&ALIGN="相关参数"& 其常见的设定值有三个：置左&ALIGN="LEFT"&、置中&ALIGN="CENTER"&、置右&ALIGN="RIGHT"&◆缩排：&BLOCKQUOTE& 要缩排的文字 &/BLOCKQUOTE&。一组缩排一个单位，二组缩排两个单位，以此类推。
文 字 控 制 代 码
◆文字向上滚动的代码: &MARQUEE scrollAmount=3 direction=up height=50&&CENTER&&FONT face=黑体 color=blue size=5&&B&文字一&BR&&BR&文字二&BR&&BR&文字三& BR&&BR&文字四&BR&&BR&文字五&/B&&/FONT& &BR&&BR&&/CENTER&&/MARQUEE& (滚动速度scrollAmount=3 )&MARQUEE&里面的参数修改一下，效果将不一样，这里仅提醒一下direction=添加方向代码为: 向下（down）、向上( up )、向左（left）和向右（right）。◆文字上下往复跳跃移动代码: &MARQUEE style="WIDTH: 600 HEIGHT: 200px" scrollAmount=1 direction=up behavior=alternate&&CENTER&&FONT face=隶书 color=#ffff00 size=7&插入文字&/CENTER&&/FONT&&/MARQUEE&◆左右往复移动代码: &BEHAVIOR=ALTERNATE&◆文字移动走走停停代码： &MARQUEE scrollAmount=54 scrollDelay=500 behavior=alternate&插入文字&/MARQUEE&蓝色部分可调方向、速度
图 片 控 制 代 码
◆贴图： &IMG src="http://blog.163.com/图片地址"& (这一导入图片的代码没有放大缩小的功能) ◆贴图： &IMG style="WIDTH: 81px; HEIGHT: 80px" src="http://blog.163.com/粘贴图片地址" border=0&（改变81px 、80px 数据变换图片的大小） ◆图片产生梦幻（羽化）效果的代码: &IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300 HEIGHT: 420px" src="http://blog.163.com/图片地址" & (opacity=100可在百内变、style=0（0=平均透明，1=片状透明，2=圆型透明，3=方型透明变) 、 WIDTH 、HEIGHT（表示宽度和高度，其值可以变） ◆换帖子背景： &body background="背景图片地址"& ◆添加日志文字背景图的代码：&TABLE width="100%" border=0&&TBODY&&TR&&TD background=图片网址 height=384&◆定制帖子背景颜色：&body bgcolor="#value"& (颜色value值) ◆固定帖子背景不随滚动条滚动：&body background="背景图片地址" body bgproperties=fixed& ◆加背景图片:& &TABLE style="WIDTH: 706 HEIGHT: 164px" borderColor=#00fa9a align=center background=背景图片 border=3&◆图片滚动代码: (从下往上滚动) &MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=548 &&IMG src="http://blog.163.com/添加滚动的图片地址1/" border=0&&IMG src="http://blog.163.com/添加滚动的图片地址2/" border=0&&/MARQUEE&◆移动图片的代码: 向左 &MARQUEE&&IMG src="http://blog.163.com/图片地址";&&IMG src="http://blog.163.com/图片地址";&&IMG src="http://blog.163.com/图片地址";&&/MARQUEE&将其前面兰色代码换上如下代码即改变移动方向向右: &MARQUEE direction=right&向上: &MARQUEE direction=up&向下: &MARQUEE direction=down&往复来回: &MARQUEE behavior=alternate& 图片地址换成自己网上找的就行。按照格式在中间重复插入：&IMG src="http://blog.163.com/图片地址";&
链 接 代 码
◆文字的连接： &A href="http://blog.163.com/链接地址"&&FONT color=#ff0000&写上你的字&/FONT&&/A& (字的颜色自定)◆图片的连接： &A href="http://blog.163.com/链接图片地址"&&IMG height=92 src="http://blog.163.com/图片URL地址" width=130 border=0&&/A&◆友情的连接： &A href="http://blog.163.com/链接网址" target=_blank&链接网址名字 (也可作文章链接、换成文章链接网址和文章名字)◆新窗口打开连接：&A href="http://blog.163.com/链接地址" target=_blank&写上你的字&/A&◆香儿博客的链接代码∶ &A href="http://blog.163.com/" target=_blank&&FONT color=#0000ff size=5&要写的字、或要链接的图片地址。◆消除连接的下划线：&A style="TEXT-DECORATION: none" href="http://blog.163.com/相关地址"&写上你想写的字&/A&◆鼠标指向图片可显示导航名称并链接代码：&A href="http://blog.163.com/加入要链接的地址" target=_blank&&IMG title=写上要显示的名称 height=290 src="http://blog.163.com/使用的图片地址" width=150&&/A&
控 制 FLASH 代 码
◆粘贴FLASH:& &embed src="http://blog.163.com/FLASH地址" width="宽度" height="高度"&◆首页FLASH: 找到FLASH地址 后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了,这个很简单。◆日志里的FLASH: 为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 不要忘记点那个&显示HTML代码&了 必须先点一下&&后再复制上去.再点这个&&&隐藏HTML代码&即显示了。◆日志里粘贴【FLASH】动画的代码是: &EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high"&◆粘贴【Flash】动画代码∶(1)粘贴非透明动画代码:& &EMBED src=FLASH动画地址 width=600 height=420 type=application/x-shockwave-flash quality="high" && (width、 height 宽度和高度值是可改变 )(2)粘贴透明动画代码: &EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH动画地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" &&& ◆控制【Flash】动画或【图片】及文字等定位代码： &P style="MARGIN-TOP: -70 MARGIN-LEFT: -10px"&& (加在FLASH动画或图片代码前面、MARGIN-TOP: 0px& 上下定位，- 往上移，+ 往下移、MARGIN-LEFT: 0px&& 左右定位，+ 往右移，- 往左移)
常 用 摸 块 代 码
◆&TABLE& 表格、背景图等摸块代码：◆无名表格 &FIELDSET style="WIDTH: 600px" align=center&&LEGEND align=center&无名表格&/LEGEND&&P&添加内容&/P&&/FIELDSET& (可取舍align=center)◆无名表格Ⅰ &FIELDSET style="WIDTH: 600px; COLOR: #000000" align=center&&LEGEND style="BORDER-RIGHT: #ff0000 1 BORDER-TOP: #ff0000 1 BORDER-LEFT: #ff0000 1 COLOR: BORDER-BOTTOM: #ff0000 1px solid"&表中表效果Ⅰ&/LEGEND&添加内容&/FIELDSET&◆ &P&&/P& 段落摸块代码◆ &DIV&&/DIV& 段落摸块,与P在自定义摸块时换段不同代码◆ &P&&&/P&& & 是空白字位,与P组合成空白段落摸块。文字排版时用得上◆ &IMG& 贴图片、影视文件摸块摸块代码◆ &EMBED& 图片边文字排版、音乐、视频、(透明FLASH)动画、背景音乐摸块代码)◆ &MARQUEE& 走动文字幕、走动图片幕摸块代码◆&HR&&/HR&划横线摸块(大小、颜色自已选择组合&HR= coor=#ff0000 size=1&)◆ &TBODY&&&& &TR&&&& &TD& ∶&TR&是添加横, &TD&是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码◆表格基本代码∶&TABLE cellSpacing=0 cellPadding=0& borderColor=#2f6cd2 bgColor=#ff0000 border=1&&TBODY&&&&&&& 〖 colSpan=2&& 〗& 表格合并列代码&TR&&&&&&&&&&&&& 〖 rowSpan=4& 〗& 表格合并行代码& &TD&&&&&&&&&&&&&& background=背景图片地址& bgColor=#背景颜色
颜 色 方 面 代 码
◆颜色属性：&HR COLOR="颜色代码或颜色名称"&。◆宽窄属性：&HR WIDTH="宽度"&，单位为px，宽度也可用百分比来作设定，如50%即为宽度占屏幕的50%。◆厚度属性：&HR SIZE="厚度"&。◆位置属性：&HR ALIGN="水平位置设定值"&，其设定置左"LEFT"、置中"CENTER"、置右"RIGHT"。◆阴影属性：&HR NOSHADE&，无设定值，只要将NOSHADE加入即可，通常会配合颜色设定，效果较佳。
音 乐 播 放 器 代 码
◆隐藏播放器自动播放: &EMBED src=音乐文件地址 width=0 height=0 type=audio/x-pn-realaudio-&13;plugin AUTOSTART="true" LOOP="true" CONTROLS="ControlPanel,StatusBar"&& (要显示播放器调整width=0、 height=0数值) ◆显示播放器手动播放: &EMBED src=音乐文件地址&width=550 height=45 type=audio/mpeg autostart="false"&◆贴音乐：&EMBED src=音乐地址 width=宽度 height=高度 type="text/ charset=GBK" autostart="false"&◆帖子背景音乐： &BGSOUND="背景音乐地址" loop="infinite"&◆贴影视文件： &IMG start=mouseover height=高度 dynsrc=文件地址 width=宽度&◆贴FLASH： &EMBED src=FLASH地址 width=宽度 height=高度 type="text/ charset=GBK"&
其 他 部 分 实 用 代 码
◆滚动条添加: &DIV style="OVERFLOW-Y: OVERFLOW-X: WIDTH: 698 HEIGHT: 125px"&&P align=left& 在这里输入是文字，也可以是链接。 注：此（left）为对齐方式，当前是左对齐◆滚动条表格: &TABLE width=280 align=center border=1&&TBODY&&TR&&TD align=middle bgColor=cyan height=30&&FONT color=#ffffff&带滑动条的表格&/FONT&&/TD&&TR&&TD bgColor=yellow&&DIV style="OVERFLOW: HEIGHT: 90px"&& 在这里添加日志内容。(本日志效果即是)◆友情连接&MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="90%" height=100&&A href="http://blog.163.com/对方地址" target=cont&&IMG height=100 src="http://blog.163.com/对方图片" width=100 border=0&&/MARQUEE&
【HTML一些基本命令的代码】&pre&&/pre&　　　　　　　　　 & & & & &创建预格式化文本&h1&&/h1&　　　　　　　　　　 & & & & 创建最大的标题&h6&&/h6&　　　　　　　　　　 & & & & 创建最小一、HTML各种命令的代码：&pre&&/pre&　　　　　　　　　 & & & & &创建预格式化文本&h1&&/h1&　　　　　　　　　　 & & & & 创建最大的标题&h6&&/h6&　　　　　　　　　　 & & & & 创建最小的标题&b&&/b&　　　　　　　　　　　 & & & & &创建黑体字&i&&/i&　　　　　　　　　　　 & & & & & &创建斜体字&tt&&/tt&　　　　　　　　　　 & & & & & & 创建打字机风格的字体&cite&&/cite&　　　　　　　　 & & & & & & 创建一个引用,通常是斜体&em&&/em&　　　　　　　　　 & & & 　加重一个单词（通常是斜体加黑体）&strong&&/strong&　　　　　　 & & & & & 加重一个单词（通常是斜体加黑体）&font size=?&&/font& 　　　　 & & & & & & &设置字体大小，从 1 到 7&font color=?&&/font&　　　　 & & & & & & 设置字体的颜色,使用名字或十六进制值2、图形(命令)&img src="name"& 　　　　　　 & & & & & 添加一个图像&img src="name" align=?& 　　 & & & & & &排列对齐一个图像:左中右或上中下&img src="name" border=?&　　 & & & & &设置围绕一个图像的边框的大小&hr& 　　　　　　　　　　　　 & & & & & 加入一条水平线&hr size=?&　　　　　　　　　 & & & & & 设置水平线的大小（高度）&hr width=?& 　　　　　　　　 & & & & & 设置水平线的宽度（百分比或绝对像素点）&hr noshade& 　　　　　　　　 & & & & &创建一个没有阴影的水平线
3、链接(命令)&a href="URL"&&/a& 　　　　　 & & & & & 创建一个超链接&a href="mailtEMAIL"&&/a&　 & & & & & & & &创建一个自动发送电子邮件的链接&a &&/a&　　　　　 & & & & & & & & & & & & & & &创建一个位于文档内部的靶位&a href="#NAME"&&/a& 　　　　 & & & & &创建一个指向位于文档内部靶位的链接
4、格式排版(命令)&p&　　　　　　　　　　　　　 & & & & &创建一个新的段落&p align=?&　　　　　　　　　 & & & & & &将段落按左、 中、 右对齐&br& 　　　　　　　　　　　　 & & & & & &插入一个回车换行符&blockquote&&/blockquote&　　 & & & & & &从两边缩进文本&dl&&/dl&　　　　　　　　　　 & & & & & & 创建一个定义列表&dt& 　　　　　　　　　　　　 & & & & & & 放在每个定义术语词之前&dd& 　　　　　　　　　　　　 & & & & & &放在每个定义之前&ol&&/ol&　　　　　　　　　　 & & & & & & 创建一个标有数字的列表&li& 　　　　　　　　　　　　 & & & & & & & 放在每个数字列表项之前，并加上一个数字&ul&&/ul&　　　　　　　　　　 & & & & & & &创建一个标有圆点的列表&li& 　　　　　　　　　　　　 & & & & & & & 放在每个圆点列表项之前，并加上一个圆点&div align=?&　　　　　　　　 & & & & & & & 一个用来排版大块HTML 段落的标签，也用于格式化表
的标题&b&&/b&　　　　　　　　　　　 & & & & & & 创建黑体字&i&&/i&　　　　　　　　　　　 & & & & & & & 创建斜体字&tt&&/tt&　　　　　　　　　　 & & & & & & & &创建打字机风格的字体&cite&&/cite&　　　　　　　　 & & & & & & & &创建一个引用,通常是斜体&em&&/em&　　　　　　　　　　 & & & & &加重一个单词（通常是斜体加黑体）&strong&&/strong&　　　　　　 & & & & & & &加重一个单词（通常是斜体加黑体）&font size=?&&/font& 　　　　 & & & & & & & & 设置字体大小，从 1 到 7&font color=?&&/font&　　　　 & & & & & & & &设置字体的颜色,使用名字或十六进制值2、图形(命令)&img src="name"& 　　　　　　 & & & & & & &添加一个图像&img src="name" align=?& 　　 & & & & & & & 排列对齐一个图像:左中右或上中下&img src="name" border=?&　　 & & & & & & 设置围绕一个图像的边框的大小&hr& 　　　　　　　　　　　　 & & & & & & 加入一条水平线&hr size=?&　　　　　　　　　 & & & & & & 设置水平线的大小（高度）&hr width=?& 　　　　　　　　 & & & & & & 设置水平线的宽度（百分比或绝对像素点）&hr noshade& 　　　　　　　　 & & & & & &创建一个没有阴影的水平线
3、链接(命令)&a href="URL"&&/a& 　　　　　 & & & & & & 创建一个超链接&a href="mailtEMAIL"&&/a&　 & & & & & & & & &创建一个自动发送电子邮件的链接&a &&/a&　　　　 & & & & & & & & & & & & & & & &　创建一个位于文档内部的靶位&a href="#NAME"&&/a& 　　　　 & & & & & 创建一个指向位于文档内部靶位的链接
4、格式排版(命令)&p&　　　　　　　　　　　　　 & & & & & &创建一个新的段落&p align=?&　　　　　　　　　 & & & & & & 将段落按左、 中、 右对齐&br& 　　　　　　　　　　　　 & & & & & & 插入一个回车换行符&blockquote&&/blockquote&　　 & & & & & & 从两边缩进文本&dl&&/dl&　　　　　　　　　　 & & & & & & &创建一个定义列表&dt& 　　　　　　　　　　　　 & & & & & & &放在每个定义术语词之前&dd& 　　　　　　　　　　　　 & & & & & & 放在每个定义之前&ol&&/ol&　　　　　　　　　　 & & & & & & &创建一个标有数字的列表&li& 　　　　　　　　　　　　 & & & & & & & 放在每个数字列表项之前，并加上一个数字&ul&&/ul&　　　　　　　　　　 & & & & & & &创建一个标有圆点的列表&li& 　　　　　　　　　　　　 & & & & & & & 放在每个圆点列表项之前，并加上一个圆点&div align=?&　　　　　　　　 & & & & & & & 一个用来排版大块HTML 段落的标签，也用于格式化表
二、HTML基本语法
文件格式&html&&/html&(文件的开头与结尾)主题&title&&/title&(放在文件的开头)文头区段&head&&/head&(描述文件的信息)内文区段&body&&/body&(放此文件的内容)标题&h?&&/h&(?=1~6,改变标题字的大小)标题对齐&h align=right,left,center&&/h&字加大&big&&/big&字变小&small&&/small&粗体字&b&&/b&斜体字&i&&/i&底线字&u&&/u&上标字&sup&&/sup&下标字&sub&&/sub&居中&center&&/center&居左&left& &/left&居右&right& &/right&基本字体大小&basefont size&(取值范围从1到7，默认值为3)改变字体大小&font size=?&&/font&(?=1~7)字体颜色&font color=#rrggbb&&/font&(RGB色码)指定字型&font face=?&&/font&(?=宋体，楷体等)网址链结&a href="URL"&&/a&设定锚点&a &&/a&(?以容易记为原则)链结到锚点&a href="#?"&&/a&(同一份文件)&a href="URL#?"&&/A&(锚点不同文件)显示图形&img src="URL"&&/a&图形位置&img src="URL"align=top,bottom,middle,left,right&(分别为上、下、中、左、右的位置)图形取代文字&img src="URL"alt=?&(无法显示图形时用)图形尺寸&img src="URL" width=? height=?&(?以像素为单位)连结图形边线&img src="URL"border=?&(?以像素为单位)图形四周留白&img src="URL"hspace=? vspace=?&(?以像素为单位)段落&p&&/p&断行&br&&/br&横线&hr&横线厚度&hr size=?&(?以像素为单位)横线长度&hr width=?&(?以像素为单位)横线长度&hr width=?%&(?与页宽相比较)实横线&hr noshade&(无立体效果)背景图案&body background=图形文件名&(图形文件格式为gif和jpg)背景颜色&body bgcolor=#rrggbb&(RGB色码)背景文字颜色&body text=#rrggbb&(RGB色码)未链结点颜色&body link=#rrggbb&(RGB色码)已链结点颜色&body vlink=#rrggbb&(RGB色码)正在链结点颜色&body alink=#rrggbb(RGB色码)
常用HTML代码速查表
标记或参数
地址标记（斜体效果）
连结区域标记（设定各连结区域）
点击连结时的样式。例：alink="#FF0000"
水平方向摆放位置。例：align="center"
来回走动，例：behavior=alternate
在连结中插入文字说明。例：alt="绿叶园"
字体加粗标记（产生字体加粗的效果）
正文标记（设计文件格式及内文所在）
换行标记（令文字、图片等显示在下一行）
字体加大标记（令字体稍为加大）
闪烁文字标记（令文字产生闪烁效果）
背景声音标记（于背景播放声音或音乐）
连结基准标记（可将网页中所有的相对路径转换成绝对路径）
&BASEFONT&
基准字形标记（设定所有字的字形、大小、颜色）
&BLOCKQUOTE&
引述文字区块、令文字在表格的上下左右留有一定的空间
background
背景墙纸。例：background=01.JPG
背景颜色。例：bgcolor="#ff0000"
bgproperties
固定背景墙纸。例：bgproperties="fixed"
边框。例：border=10
bordercolor
边框颜色。例：bordercolor="#000080"
bordercolorlight
边框向光部分的颜色。例：bordercolorlight="#000000"
bordercolordark
边框背光部分的颜色。例：bordercolordark="#ffffff"
置于底端。例：valign="bottom"
卷动方式。例：behavior=alternate
表示连结的目标地址在新建窗口中打开。例：target=_blank
居中标记（令文字、图片、表格等显示于中间）
表格标题（做成一打通列以填入表格标题）
程式码（字体稍为加宽如）
引述（斜体效果）
该单元格向右打通。例：colspan="5"
颜色。例：color="#00FF00"
cellspacing
单元格间距。例：cellspacing="5"
cellpadding
单元格衬距。例：cellpadding="10"
述语定义标记（斜体效果）
目录清单标记（清单项目将以圆点排列，如&UL&）
定义清单标记（清单分两层出现）
定义条目标记（标示该项定义的标题）
定义内容标记（标示定义内容）
方向。例：direction=up
强调标记（字体出现斜体效果）
多媒体标记&MENU&选单清单标记（清单项目将以圆点排列，如&UL&）&META&开头定义标记&MAP&影像地图名称标记（设定影像地图名称）&MARQUEE&走动标记middle居中。例：align="middle"marginwidth框架左右边缘与框架内的文件保留的空间。例：marginwidth=0marginhight框架上下边缘与框架内的文件保留的空间。例：marginheight=0
不换行标记（强制文字不自动换行）
&NOFRAMES&
不支持框架标记（当旧式浏览器不支援框架时显示提示）
参考点(锚点)。例：&a &&/a&
否。例：scrolling=no
平面显示。例：&hr noshade&
锁住框架窗口的大小
顺序清单标记（清单项目将以数字、字母顺序排列）
段落标记（为字、画、表格等之间留一空白行）
预设格式标记（令文件按照原始码的排列方式显示）
父窗口（连结的目标网页在本窗口中打开）。例：target=_parent
playbutton
在媒体播放面板中显示播放按钮
pausecutton
在媒体播放面板中显示暂停按钮
加重语气标记（产生字体加粗 Bold 的效果）
字体缩细标记（令字体稍为缩细）
划删除线标记（为字体加一删除线）
范例标记（字体稍为加宽如）
下标字标记
上标字标记
样式表标记
自订标记（独立使用或与样式表同用）
选择标记（建立 pop-up 走动清单）
引用脚本标记
大小。例：size="7"
来源。例：src="logo.gif"
相同窗口（在相同的框架中显示连结的内容）。例：target="_self"&
开始播放的时间。例：starttime="00:10"
smallconsole
显示较小的面板。例：c
stopbutton
显示停止按钮。例：c
滚动条。例：scrolling=no
走动。例：behavior="scroll"
scrollamount
走动的速度。例：scrollAmount=25
scrolldelay
走动的停顿时间。例：scrolldelay=1000
逐格走动（幻灯式）。例：behavior="slide"
网页文件标题标记
表格标头（相等于&TD&，但其内之字体会变粗）
打字字体（Courier字体，字母宽度相同）
&TEXTAREA&
文字区块（提供文字方盒以输入较大量文字）
网页的上边距。例：topmargin=10
上方。例：valign="top"
整个网页的文字颜色。例：text=#CE0063
超级连接打开窗口模式。例：target=_blank
将连结的网页显示在没有框架的窗口中。例：target=_top
样式。例：type="text/css"
是。例：loop="true"
下划线标记（给文本加上底线）
无序清单（清单项目将以圆点排列）
变数标记（斜体效果）
摆放位置（垂直方向）。例：valign="top"
被访问后超链接文字的样式。例：vlink="#0000FF"
图片上下的空间。例：vspace=20
音量（设定音量大小）。例：volume="100"
volumelever
显示音量调整钮。例：c
建议换行标记（预设换行部位）
宽度、长度。例： width="540"
& & & & & & & & & & 博客代码
&!& 跑马灯&marquee&...&/marquee&普通卷动 &marquee behavior=slide&...&/marquee&滑动 &marquee behavior=scroll&...&/marquee&预设卷动 &marquee behavior=alternate&...&/marquee&来回卷动 &marquee direction=down&...&/marquee&向下卷动 &marquee direction=up&...&/marquee&向上卷动 &marquee direction=right&&/marquee&向右卷动 &marquee direction=left&&/marquee&向左卷动 &marquee loop=2&...&/marquee&卷动次数 &marquee width=180&...&/marquee&设定宽度 &marquee height=30&...&/marquee&设定高度 &marquee bgcolor=FF0000&...&/marquee&设定背景颜色 &marquee scrollamount=30&...&/marquee&设定卷动距离 &marquee scrolldelay=300&...&/marquee&设定卷动时间
&!&字体效果&h1&...&/h1&标题字(最大) &h6&...&/h6&标题字(最小) &b&...&/b&粗体字 &strong&...&/strong&粗体字(强调) &i&...&/i&斜体字 &em&...&/em&斜体字(强调) &dfn&...&/dfn&斜体字(表示定义) &u&...&/u&底线 &ins&...&/ins&底线(表示插入文字) &strike&...&/strike&横线 &s&...&/s&删除线 &del&...&/del&删除线(表示删除) &kbd&...&/kbd&键盘文字 &tt&...&/tt& 打字体 &xmp&...&/xmp&固定宽度字体(在文件中空白、换行、定位功能有效) &plaintext&...&/plaintext&固定宽度字体(不执行标记符号) &listing&...&/listing& 固定宽度小字体 &font color=00ff00&...&/font&字体颜色 &font size=1&...&/font&最小字体 &font style =font-size:100 px&...&/font&无限增大
&!&区断标记&hr&水平线 &hr size=9&水平线(设定大小) &hr width=80%&水平线(设定宽度) &hr color=ff0000&水平线(设定颜色) &br&(换行) &nobr&...&/nobr&水域(不换行) &p&...&/p&水域(段落) &center&...&/center&置中
&!&连结格式&base href=地址&(预设好连结路径) &a href=地址&&/a&外部连结 &a href=地址 target=_blank&&/a&外部连结(另开新窗口) &a href=地址 target=_top&&/a&外部连结(全窗口连结) &a href=地址 target=页框名&&/a&外部连结(在指定页框连结)
&!&贴图/音乐&img src=图片地址&贴图 &img src=图片地址 width=180&设定图片宽度 &img src=图片地址 height=30&设定图片高度 &img src=图片地址 alt=提示文字&设定图片提示文字 &img src=图片地址 border=1&设定图片边框 &bgsound src=MID音乐文件地址&背景音乐设定
&!&表格语法&table aling=left&...&/table&表格位置,置左 &table aling=center&...&/table&表格位置,置中 &table background=图片路径&...&/table&背景图片的URL=就是路径网址 &table border=边框大小&...&/table&设定表格边框大小(使用数字) &table bgcolor=颜色码&...&/table&设定表格的背景颜色 &table borderclor=颜色码&...&/table&设定表格边框的颜色 &table borderclordark=颜色码&...&/table&设定表格暗边框的颜色 &table borderclorlight=颜色码&...&/table&设定表格亮边框的颜色 &table cellpadding=参数&...&/table&指定内容与网格线之间的间距(使用数字) &table cellspacing=参数&...&/table&指定网格线与网格线之间的距离(使用数字) &table cols=参数&...&/table&指定表格的栏数 &table frame=参数&...&/table&设定表格外框线的显示方式 &table width=宽度&...&/table&指定表格的宽度大小(使用数字) &table height=高度&...&/table&指定表格的高度大小(使用数字) &td colspan=参数&...&/td&指定储存格合并栏的栏数(使用数字) &td rowspan=参数&...&/td&指定储存格合并列的列数(使用数字)
&!&分割窗口&frameset cols="20%,*"&左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 &frameset rows="20%,*"&上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 &frameset cols="20%,*"&分割左右两个框架 &frameset cols="20%,*,20%"&分割左中右三个框架 &frameset rows="20%,*"&分割上下两个框架 &frameset rows="20%,*,20%"&分割上中下三个框架 &! - - ... - -& 批注 &A HREF TARGET& 指定超级链接的分割窗口 &A HREF=#锚的名称& 指定锚名称的超级链接 &A HREF& 指定超级链接 &A 被连结点的名称 &ADDRESS&....&/ADDRESS& 用来显示电子邮箱地址 &B& 粗体字 &BASE TARGET& 指定超级链接的分割窗口 &BASEFONT SIZE& 更改预设字形大小 &BGSOUND SRC& 加入背景音乐 &BIG& 显示大字体 &BLINK& 闪烁的文字 &BODY TEXT LINK VLINK& 设定文字颜色 &BODY& 显示本文 &BR& 换行 &CAPTION ALIGN& 设定表格标题位置 &CAPTION&...&/CAPTION& 为表格加上标题 &CENTER& 向中对齐 &CITE&...&CITE& 用于引经据典的文字 &CODE&...&/CODE& 用于列出一段程序代码 &COMMENT&...&/COMMENT& 加上批注 &DD& 设定定义列表的项目解说 &DFN&...&/DFN& 显示"定义"文字 &DIR&...&/DIR& 列表文字卷标 &DL&...&/DL& 设定定义列表的卷标 &DT& 设定定义列表的项目 &EM& 强调之用 &FONT FACE& 任意指定所用的字形 &FONT SIZE& 设定字体大小 &FORM ACTION& 设定户动式窗体的处理方式 &FORM METHOD& 设定户动式窗体之资料传送方式 &FRAME MARGINHEIGHT& 设定窗口的上下边界 &FRAME MARGINWIDTH& 设定窗口的左右边界 &FRAME NAME& 为分割窗口命名 &FRAME NORESIZE& 锁住分割窗口的大小 &FRAME SCROLLING& 设定分割窗口的滚动条 &FRAME SRC& 将HTML文件加入窗口 &FRAMESET COLS& 将窗口分割成左右的子窗口 &FRAMESET ROWS& 将窗口分割成上下的子窗口 &FRAMESET&...&/FRAMESET& 划分分割窗口 &H1&~&H6& 设定文字大小 &HEAD& 标示文件信息 &HR& 加上分网格线 &HTML& 文件的开始与结束
&I& 斜体字&IMG ALIGN& 调整图形影像的位置 &IMG ALT& 为你的图形影像加注 &IMG DYNSRC LOOP& 加入影片 &IMG HEIGHT WIDTH& 插入图片并预设图形大小 &IMG HSPACE& 插入图片并预设图形的左右边界 &IMG LOWSRC& 预载图片功能 &IMG SRC BORDER& 设定图片边界 &IMG SRC& 插入图片 &IMG VSPACE& 插入图片并预设图形的上下边界 &INPUT TYPE NAME value& 在窗体中加入输入字段 &ISINDEX& 定义查询用窗体 &KBD&...&/KBD& 表示使用者输入文字 &LI TYPE&...&/LI& 列表的项目 ( 可指定符号 ) &MARQUEE& 跑马灯效果 &MENU&...&/MENU& 条列文字卷标 &META CONTENT URL& 自动更新文件内容 &MULTIPLE& 可同时选择多项的列表栏 &NOFRAME& 定义不出现分割窗口的文字 &OL&...&/OL& 有序号的列表 &OPTION& 定义窗体中列表栏的项目 &P ALIGN& 设定对齐方向 &P& 分段 &PERSON&...&/PERSON& 显示人名 &PRE& 使用原有排列 &SAMP&...&/SAMP& 用于引用字 &SELECT&...&/SELECT& 在窗体中定义列表栏 &SMALL& 显示小字体 &STRIKE& 文字加横线 &STRONG& 用于加强语气 &SUB& 下标字 &SUP& 上标字 &TABLE BORDER=n& 调整表格的宽线高度 &TABLE CELLPADDING& 调整数据域位之边界 &TABLE CELLSPACING& 调整表格线的宽度 &TABLE HEIGHT& 调整表格的高度 &TABLE WIDTH& 调整表格的宽度 &TABLE&...&/TABLE& 产生表格的卷标 &TD ALIGN& 调整表格字段之左右对齐 &TD BGCOLOR& 设定表格字段之背景颜色 &TD COLSPAN ROWSPAN& 表格字段的合并 &TD NOWRAP& 设定表格字段不换行 &TD VALIGN& 调整表格字段之上下对齐 &TD WIDTH& 调整表格字段宽度 &TD&...&/TD& 定义表格的数据域位 &TEXTAREA NAME ROWS COLS& 窗体中加入多少列的文字输入栏 &TEXTAREA WRAP& 决定文字输入栏是自动否换行 &TH&...&/TH& 定义表格的标头字段 &TITLE& 文件标题 &TR&...&/TR& 定义表格美一行 &TT& 打字机字体 &U& 文字加底线 &UL TYPE&...&/UL& 无序号的列表 ( 可指定符号 ) &VAR&...&/VAR& 用于显示变量
阅读(500)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'【代码应用】 博客基本代码解读大全',
blogAbstract:' ',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:4,
permalink:'blog/static/',
commentCount:8,
mainCommentCount:4,
recommendCount:3,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'求学、种地、教书、参軍、经商、进丆、工农商学兵,\n
\n酸甜、苦辣、成功、失败、快乐、苦恼、尽在不言中。',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}