HTML常用元素标签
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
标签：颜色 效果 center rect ref 不显示 一个 保存 获取
常用HTML标签元素结合及简介
创建一个HTML文档
设置文档标题和其它在网页中不显示的信息
设置文档的标题
最大的标题
预先格式化文本
下划线
黑体字
斜体字
打字机风格的字体
引用,通常是斜体
强调文本(通常是斜体加黑体)
加重文本(通常是斜体加黑体)
设置字体大小从1到7，颜色使用名字或RGB的十六进制值
基准字体标记
字体加大
字体缩小
键盘字
范例
变量
向右缩排
述语定义
地址标记
上标字
下标字
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号)<br><listing>...</listing> 固定宽度小字体 <br><font color="00ff00">...</font>字体颜色<br><font size="1">...</font>最小字体 <br><font style="‘font-size:100" px>...</font>无限增大
<p><strong><strong>格式标志标签</strong></strong></p>
<p></p>
<p></p> 创建一个段落 <br><p align=""> 将段落按左、中、右对齐 　<br><br>换行 插入换行符 <br></p>
<blockquote></blockquote> 从两边缩进文本<br><dl></dl> 定义列表<br><dt> 放在每个定义术语词前<br>
</dt>
<dd> 放在每个定义之前<br><ol></ol> 创建一个标有数字的列表 <br><ul></ul> 创建一个标有圆点的列表<br><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,<br>
若在<ul></ul>之间则每个列表项加上一个圆点 　 　<br><div align=""></div> 用来排版大块HTML段落,也用于格式化表<br><menu> 选项清单 <br><dir> 目录清单 <br><nobr></nobr> 强行不换行<br><hr size="‘9‘" width="‘80%‘" color="‘ff0000‘">水平线(设定宽度) <br><center></center> 水平居中
<p><strong>链接标志表格标志</strong></p>
<p> 创建超文本链接 <br><br>
创建自动发送电子邮件的链接 <br>
创建位于文档内部的书签<br>
创建指向位于文档内部书签的链接<br><base> 文档中不能被该站点辨识的其它所有链接源的URL<br><link> 定义一个链接和源之间的相互关系 </p>
<p><strong>链接标记注解：</strong></p>
<p>◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top<br>
◆rel="..."发送链接的类型 <br>
◆rev="..."保存链接的类型<br>
◆accesskey="..."指定该元素的热键<br>
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly<br>
◆coord="..."使用像素或者长度百分比来定义形状的尺寸<br>
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)</p>
<p>大部分标签可以运用时候通过css控制改变样式达到我们想要的布局效果。</p>
<p> </p>
<p>HTML常用元素标签</p>
<p>标签：颜色 效果 center rect ref 不显示 一个 保存 获取 </p>
<p>原文地址：http://www.cnblogs.com/luanyichao/p/7742383.html</p>
</dir>
</menu>
</li>
</dd></span>
</body></html>
</p>
</div>
<div style="width:640px; height:70px; margin:auto;"></div>
<style>
.prevnext{ border-bottom: dotted 2px #cdcdcd;
overflow: hidden;
width: 624px;
margin-left: 61px;}
.prevnext p{line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; width:364px; text-indent:6px;}
.prevnext p span{font-weight:bold;}
.prevnext p a{padding:0px !important;}
</style>
<div class="prevnext">
<p><span>上一篇：</span><a href="/index.php/essay/86797.html">vue-cli中引入jquery的方法</a></p>
<p><span>下一篇：</span><a href="/index.php/essay/86799.html">PHP 变量类型的强制转换 &amp; 创建空对象</a></p>
</div>
<div class="copyright">
<div style="width:600px; float:left;">
文章来自：<a href="/index.php/" target="_blank">搜素材网</a>的<a href="/index.php/essay.html" target="_blank">编程语言</a>模块，转载请注明文章出处。<br>
文章标题：<a href="http://soscw.com/index.php/essay/86798.html" target="_blank">HTML常用元素标签</a><br>
文章链接：http://soscw.com/index.php/essay/86798.html </div>
</div>
<div>
<br><h3>评论</h3>
<div class="comment-area" id="comments">
<hr>
<div class="post" id="divCommentPost">亲，登录后才可以留言！</div>
<hr>
<div class="comments">
<ul class="pagination">
</ul>
</div>
</div> </div>
</div>
<div class="detail-sidebar">
<div class="essay_new">
<h3><i></i>热门文章</h3>
<ul>
<li>
<a href="/index.php/essay/104152.html">自定义WPF窗体形状</a>
</li>
<li>
<a href="/index.php/essay/102202.html">多继承c3算法与网路编程</a>
</li>
<li>
<a href="/index.php/essay/88927.html">NET Core 3.0中的WPF</a>
</li>
<li>
<a href="/index.php/essay/92954.html">&#128207;Python项目打包方法</a>
</li>
<li>
<a href="/index.php/essay/88314.html">导航，头部，CSS基础</a>
</li>
<li>
<a href="/index.php/essay/88374.html">导航，头部，CSS基础</a>
</li>
<li>
<a href="/index.php/essay/42259.html">&lt;3&gt;Python开发——条件判断</a>
</li>
<li>
<a href="/index.php/essay/22071.html">&lt;2014 04 29&gt; c/c++常用库总结</a>
</li>
<li>
<a href="/index.php/essay/22174.html">&#39;telnet&#39; 不是内部或外部命令，也不是可运行的程序 或批处理文件。</a>
</li>
<li>
<a href="/index.php/essay/22840.html">&lt;&lt;&lt; html编码中js和html编码不一致导致乱码</a>
</li>
</ul>
</div>
<div class="article_hot">
<h3><i></i>推荐文章</h3>
<ul>
</ul>
</div>
<div class="article_like">
<h3><i></i>最新文章</h3>
<ul>
<li>
<!--<a href="/index.php/essay/108422.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="Eclipse 发布web项目的注意点"></a>-->
<a href="/index.php/essay/108422.html">Eclipse 发布web项目的注意点</a>
</li>
<li>
<!--<a href="/index.php/essay/108421.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="实现Winform端窗体关闭后刷新html网页内容"></a>-->
<a href="/index.php/essay/108421.html">实现Winform端窗体关闭后刷新html网页内容</a>
</li>
<li>
<!--<a href="/index.php/essay/108420.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="WPF 10天修炼 - WPF布局容器"></a>-->
<a href="/index.php/essay/108420.html">WPF 10天修炼 - WPF布局容器</a>
</li>
<li>
<!--<a href="/index.php/essay/108419.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="自己写的分页器，BOOTSTRAP+JQUERY（非完全版，后续完善）"></a>-->
<a href="/index.php/essay/108419.html">自己写的分页器，BOOTSTRAP+JQUERY（非完全版，后续完善）</a>
</li>
<li>
<!--<a href="/index.php/essay/108418.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="WinSCP与Putty远程连接linux"></a>-->
<a href="/index.php/essay/108418.html">WinSCP与Putty远程连接linux</a>
</li>
<li>
<!--<a href="/index.php/essay/108417.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="C# 基础知识复习（一）"></a>-->
<a href="/index.php/essay/108417.html">C# 基础知识复习（一）</a>
</li>
<li>
<!--<a href="/index.php/essay/108416.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="jQuery对象与DOM对象转换"></a>-->
<a href="/index.php/essay/108416.html">jQuery对象与DOM对象转换</a>
</li>
<li>
<!--<a href="/index.php/essay/108415.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="windows学习记录----hello world与窗口创建"></a>-->
<a href="/index.php/essay/108415.html">windows学习记录----hello world与窗口创建</a>
</li>
<li>
<!--<a href="/index.php/essay/108414.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="Linux下利用phpize安装memcashe的php源码扩展包"></a>-->
<a href="/index.php/essay/108414.html">Linux下利用phpize安装memcashe的php源码扩展包</a>
</li>
<li>
<!--<a href="/index.php/essay/108413.html"><img src="http://soscw.com/upload/" width="150" height="100" alt="CSS3选择器 ::selection选择器"></a>-->
<a href="/index.php/essay/108413.html">CSS3选择器 ::selection选择器</a>
</li>
</ul>
</div>
<div class="article_hot">
<h3><i></i>置顶文章</h3>
<ul style="margin:-8px 0;">
</ul>
</div>
<div style="padding:20px; top:0;" id="divFixed">
</div>
</div>
</div>
</div>
<style>
.pageturn{width:1400px; height:64px; position:fixed; top:50%; left:50%; margin-left:-700px; margin-top:-32px; z-index:1;}
.pageturn>a.previouspage{width:64px; height:64px; display:block; float:left; background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') left top no-repeat;}
.pageturn>a.previouspage:hover{background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') left bottom no-repeat;}
.pageturn>a.nextpage{width:64px; height:64px; display:block; float:right; background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') right top no-repeat;}
.pageturn>a.nextpage:hover{background:url('https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/prevnext.png') right bottom no-repeat;}
</style>
<div class="pageturn">
<a class="previouspage" href="/index.php/essay/86797.html"></a>
<a class="nextpage" href="/index.php/essay/86799.html"></a>
</div>
<div class="footer">
<div class="main">
<div class="footer_content">
<div class="footer_quick">
<a href="/index.php/portal/about/index.html" target="_blank">关于我们</a> |
<a href="/index.php/portal/about/copyright.html" target="_blank">版权声明</a> |
<a href="/index.php/portal/about/question.html" target="_blank">常见问题</a> |
<a href="/index.php/portal/about/contribute.html" target="_blank">素材投稿</a> |
<a href="/index.php/portal/about/contactUs.html" target="_blank">联系我们</a> |
<a href="/index.php/portal/about/siteMap.html" target="_blank">网站地图</a> |
</div>
<div class="footer_mail">搜素材网素材除本站原创外均由用户分享，若发现权利被侵害，请联系及时联系我们，我们会在第一时间进行处理。</div>
<div class="footer_mail">
特别说明：本站所有资源除本站原创外仅供学习与参考，请勿用于商业用途,如有侵犯您的版权请联系客服服务QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2160159200&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2392512168:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
</a>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?88acc0069fab2dbbe8e287a90c1e3eb5";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script>(function(){
var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?7a809e2fc95757dd0af994054f845937":"https://jspassport.ssl.qhimg.com/11.0.1.js?7a809e2fc95757dd0af994054f845937";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script> </div>
<div class="footer_copyright">
Copyright © 2024 soscw.com 搜素材网素材网版权所有 <a href="http://www.beian.miit.gov.cn">蜀ICP备18015633号-1</a><br>
</div>
</div>
</div>
</div>
<!-- 返回顶部模块 -->
<div id="top">
<div id="izl_rmenu" class="izl-rmenu">
<a href="tencent://Message/?Uin=2392512168 &websiteName=www.soscw.com=&Menu=yes" class="btn btn-qq"></a>
<!--<div class="btn btn-wx">-->
<!--<div class="qrcode">-->
<!--<div class="qrcode-arrow">-->
<!--</div>-->
<!--<p>关注微信公众号</p>-->
<!--<img src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/images/weixin.jpg" alt="搜素材网素材微信公众号" width="100">-->
<!--</div>-->
<!--</div>-->
<div class="btn btn-fk" onclick="javascript:location.href='http://www.soscw.com/feedback'"></div>
<div class="btn btn-top" style="display: none;"></div>
</div>
</div>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/jquery-1.8.2.min.js"></script>
<script src="/static/js/wind.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/common.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/jquery.royalslider.min.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/qrcode.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/toTop.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/login-register.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/jquery.bootstrap-autohidingnavbar.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/highlight.pack.js"></script>
<script type="text/javascript" src="https://images.dilidili.win/imgs/sourcezip/themes/fodder/public/assets/js/search.js"></script>
<script src="/static/js/frontend.js"></script>
<script src="/static/js/layer/layer.js"></script>
<script src="/static/js/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script src="/static/js/referrerkill.js"></script>
<script type="text/javascript">
SyntaxHighlighter.all();
</script>
<!--请在下方写此页面业务相关的脚本-->
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
jQuery(function() {
//遍历所有的img元素，凡是QQ和微信引用的统统放到iframe里面
jQuery("div").find("img").each(function() {
var img = jQuery(this);
var img_src = img.attr("src");
if (img_src != undefined && img_src != '') {
img_src = decodeURI(img_src);
img_src = img_src.split("?")[0];
if (img_src.indexOf("jb51") > 0 || img_src.indexOf("qlogo.cn") > 0 || img_src.indexOf("qq.com") > 0) {
var frameid = 'frameimg' + Math.random();
img.parent().append('<span id="' + frameid + '"></span>')
img.remove();
document.getElementById(frameid).innerHTML = ReferrerKiller.imageHtml(img_src);
}
}
})
})
$(function() {
// 添加浏览
$('.show').live("click",function(){
var that = $(this);
var id = that.attr("data-id");
$.ajax({
url : "/web/addview.html",
type : "post",
datatype: "json",
data : {
"id": id
},
success : function(res){
if(res.status == 1){
window.open("http://www.soscw.com" + '/demoShow/' + res['id']);
var viewNum = $(".viewNum span").text();
viewNum++;
$(".viewNum span").text(viewNum);
}else{
alert("connect error");
}
}
});
});
// 添加收藏
$('.canAddFav').live("click",function(){
var that = $(this);
var id = that.attr("data-id");
$('.canAddFav').removeClass("canAddFav");
$.ajax({
url : "/portal/Article/doLike.html",
type : "post",
datatype: "json",
data : {
"id": id
},
success : function(res){
if(res.status){
that.removeClass('addFav').addClass('unFav');
$('.unFav').addClass("canUnFav");
that.html("已收藏");
var likeNum = $(".likeNum span").html();
likeNum++;
$(".likeNum span").html(likeNum);
}else{
window.location.href = ("/user/login.html");
}
}
});
});
// 取消收藏
$('.canUnFav').live("click",function(){
var that = $(this);
var id = that.attr("data-id");
$('.canUnFav').removeClass("canUnFav");
$.ajax({
url : "/web/unfav.html",
type : "post",
datatype: "json",
data : {
"id": id
},
success : function(res){
if(res.status){
that.removeClass('unFav').addClass('addFav');
$('.addFav').addClass("canAddFav");
that.html("收藏");
var likeNum = $(".likeNum span").html();
likeNum--;
$(".likeNum span").html(likeNum);
}else{
window.open("/user/login.html");
}
}
});
});
});
</script>
</body>
</html>]]></plaintext></span></div></div></div>