Chinaunix首页 | 论坛 | 博客

zollty的ChinaUnix博客zollty.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

zollty

  • 博客访问： 201624
  • 博文数量： 26
  • 博客积分： 567
  • 博客等级： 中士
  • 技术积分： 420
  • 用 户 组： 普通用户
  • 注册时间： 2011-06-05 18:48
文章分类

全部博文（26）

文章存档

2011年（26）

我的朋友
最近访客
推荐博文
相关博文
【总结】HTML

分类： 系统运维

2011-10-11 20:17:21

一、 标签的简单使用

1. 基本构成

<script><body></span><span style="line-height:150%;font-family:宋体;font-size:12pt;mso-ascii-font-family:'Times New Roman';mso-hansi-font-family:'Times New Roman';">，例如：</span><span style="line-height:150%;font-family:'Times New Roman','serif';font-size:12pt;" lang="EN-US"></span> </p> <p style="line-height:150%;margin:0cm 0cm 0pt;" class="MsoNormal"> <span style="line-height:150%;font-family:'Times New Roman','serif';background:#d9d9d9;mso-bidi-font-size:10.5pt;mso-shading:white;mso-pattern:gray-15 auto;" lang="EN-US"><html xmlns=""></span> </p> <p style="line-height:150%;margin:0cm 0cm 0pt;" class="MsoNormal"> <span style="line-height:150%;font-family:'Times New Roman','serif';background:#d9d9d9;mso-bidi-font-size:10.5pt;mso-shading:white;mso-pattern:gray-15 auto;" lang="EN-US"><head></span> </p> <p style="line-height:150%;margin:0cm 0cm 0pt;" class="MsoNormal"> <span style="line-height:150%;font-family:'Times New Roman','serif';background:#d9d9d9;mso-bidi-font-size:10.5pt;mso-shading:white;mso-pattern:gray-15 auto;" lang="EN-US"><meta http-equiv="content-type" content="text/html; charset=gb2312"/></span> </p> <p style="line-height:150%;margin:0cm 0cm 0pt;" class="MsoNormal"> <span style="line-height:150%;font-family:'Times New Roman','serif';background:#d9d9d9;mso-bidi-font-size:10.5pt;mso-shading:white;mso-pattern:gray-15 auto;" lang="EN-US"><title></span><span style="line-height:150%;font-family:宋体;background:#d9d9d9;mso-bidi-font-size:10.5pt;mso-ascii-font-family:'Times New Roman';mso-hansi-font-family:'Times New Roman';mso-shading:white;mso-pattern:gray-15 auto;">无标题文档</span><span style="line-height:150%;font-family:'Times New Roman','serif';background:#d9d9d9;mso-bidi-font-size:10.5pt;mso-shading:white;mso-pattern:gray-15 auto;" lang="EN-US">

 

2.

到
，，

段落

，
换行，
水平线

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

段落一

段落二，下面将换行

段落三，下面有一条水平线

段落四

显示效果如图：

3. 链接，按钮

下面是一个命名锚（named anchors）

链接到按钮


下面是一个URL（网址）链接

点击我将链接到“”

下面是一个按钮

  按钮名称">

效果如图：

4. 表单标签

标签

描述

定义供用户输入的表单

定义输入域

 

显示效果如图：

注意：

（1）'; tpl += ''; tpl += '

'; tpl += '
'; tpl += '
表情
'; tpl += '
'; tpl += '
'; tpl += ''; $('.z_move_comment').html(''); $(this).parents('.Blog_right1_8').find('.z_move_comment').html(tpl).show(); }); //引用的评论提交 $('#quota_sbumit').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var bid = $(this).attr('bid'); var tid = $(this).attr('tid');//被引用人的id var qid = $(this).attr('cid');//引用的id var url = $(this).attr('url'); var text = $('#rmsg').val(); var tname = $(this).attr('tname'); if(text == '' || text=='文明上网，理性发言...') { showErrorMsg('评论内容不能为空！' , '消息提示'); return false; } else { if(mb_strlen(text) > 1000){ showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); return false; } } $.ajax({ type: "post", url: url , data: {'bid': bid , 'to' : tid , 'qid' : qid , 'text': text , 'tname' : tname }, dataType: 'json', success: function(data){ if(data.code == 1){ var tpl = '
'; tpl+= '
' + data.info.header + '
'; tpl+= '
'; tpl+= '

' + data.info.username + '' + data.info.dateline + '

'; tpl+= '

' + data.info.quota.username + '：'+ data.info.quota.content + '

'; tpl+= '

' + data.info.content + '

回复 | 　删除　| 　举报
'; tpl+= ''; tpl+= '
'; $('#replyList .Blog_right1_8:first').before(tpl); $('.z_move_comment').html('').hide(); } else if(data.code == -1){ //showErrorMsg(data.info , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); } }, error: function(){//请求出错处理 } }); }); //底部发表评论 $('#submitmsg').click(function(){ if(allowComment == 1) { showErrorMsg('该博文不允许评论' , '消息提示'); return false; } var bid = $(this).attr('bid'); var toid = $(this).attr('toid'); var text = $('#reply').val(); var url = $(this).attr('url'); if(text == '' || text=='文明上网，理性发言...') { showErrorMsg('评论内容不能为空！' , '消息提示'); return false; } else { if(mb_strlen(text) > 1000){ showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); return false; } } $.ajax({ type: "post", url: url , data: {'bid': bid , 'to' : toid ,'text': text}, dataType: 'json', success: function(data){ if(data.code == 1) { var tpl = '
'; tpl += '
' + data.info.header + '
'; tpl += '
'; tpl += '

' + data.info.username + '' + data.info.dateline + '

'; tpl += '

' + data.info.content + '

'; tpl += '
回复 | 　删除　| 　举报
'; tpl += ''; tpl += '
'; $('.Blog_tit3:first').after(tpl); $('#reply').val('文明上网，理性发言...'); } else if(data.code == -1) { showErrorMsg(data.info , '消息提示'); } }, error: function(){//请求出错处理 } }); }); //底部评论重置 $('#reset_comment').click(function(){ $('#reply').val('文明上网，理性发言...'); }); //取消回复 $('#qx_comment').live('click' , function(){ $('.z_move_comment').html('').hide(); }); $('#rmsg, #reply').live({ focus:function(){ if($(this).val() == '文明上网，理性发言...'){ $(this).val(''); } }, blur:function(){ if($(this).val() == ''){ $(this).val('文明上网，理性发言...'); } } }); //删除留言确认 $('.comment_del_mark').live('click' , function(){ var url = $(this).attr('url'); asyncbox.confirm('删除留言','确认', function(action){ if(action == 'ok') { location.href = url; } }); }); //删除时间确认 $('.del_article_id').click(function(){ var delurl = $(this).attr('delurl'); asyncbox.confirm('删除文章','确认', function(action){ if(action == 'ok') { location.href = delurl; } }); }); /* //字数限制 $('#rmsg, #reply').live('keyup', function(){ var id = $(this).attr('id'); var left = Util.calWbText($(this).val(), 500); var eid = '#errmsg'; if(id == 'reply') eid = '#rerrmsg'; if (left >= 0) $(eid).html('您还可以输入' + left + '字'); else $(eid).html('您已超出' + Math.abs(left) + '字 '); }); */ //加载表情 $('#face').qqFace({id : 'facebox1', assign : 'reply', path : '/image/qqface/'}); $('#mface').qqFace({id : 'facebox', assign : 'rmsg', path:'/image/qqface/'}); /* $('#class_one_id').change(function(){ alert(123213); var id = parseInt($(this).val() , 10); if(id == 0) return false; $('.hidden_son_class span').each(function( index , dom ){ if( dom.attr('cid') == id ) { } }); }); */ //转载文章 var turn_url = "/blog/viewClassPart.html"; $('#repost_bar').click(function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var id = $(this).attr('bid'); asyncbox.open({ id : 'turn_class_thickbox', url : turn_url, title : '转载文章', width : 330, height : 131, scroll : 'no', data : { 'id' : id }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); }); /* //转发文章 $('#repost_bar').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var bid = $(this).attr('bid'); var url = $(this).attr('url'); asyncbox.confirm('转载文章','确认', function(action){ if(action == 'ok'){ $.ajax({ type:"POST", url:url, data: { 'bid' : bid }, dataType: 'json', success:function(msg){ if(msg.error == 0){ showSucceedMsg('转发成功！', '消息提示'); }else if(msg.error == 1){ //location.href = '/index.php?r=site/login'; showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); }else{ showErrorMsg(msg.error_content, '消息提示'); } } }); } }); }); */ });
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6