HTML里面的文本标签
2021-06-16 20:05
阅读：632
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
标签：有关 结束 ase 最小 accesskey name 尺寸 rowspan 功能
以下就是重要的标签：
创建一个HTML文档，是网页源码的開始符和结束符，每一个网页的源码必然是以这两个标签開始和结束. 设置文档标题和其他在网页中不显示的信息
code> 程式码
键盘字
范例
变量
向右缩排
述语定义
地址标记
上标字
下标字
... 固定宽度字体(在文件里空白、换行、定位功能有效)
...</plaintext>固定宽度字体 (不运行标记符号)
<listing>...</listing> 固定宽度小字体
<font color="00ff00">...</font>字体颜色
<font size="1">...</font>最小字体
<font style="‘font-size:100" px>...</font>无限增大
============================〈格式标志〉============================
<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐 　
<br>换行 插入一个回车换行符
</p>
<p>wd=blockquote&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">blockquote><a target="_blank" href="https://www.baidu.com/s?</p><p>wd=blockquote&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">blockquote> 从两边缩进文本
<p>wd=dl&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">dl><a target="_blank" href="https://www.baidu.com/s?</p><p>wd=dl&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">dl> 定义列表
<dt> 放在每一个定义术语词前
</dt>
<dd> 放在每一个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每一个列表项之前,若在<ol></ol>之间则每一个列表项加上一个数字,
若 在<ul></ul>之间则每一个列表项加上一个圆点 　 　
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<menu> 选项清单
<dir> 文件夹清单
<nobr></nobr> 强行不换行
<hr size="‘9‘" width="‘80%‘" color="‘ff0000‘">水平线(设定宽度)
<center></center> 水平居中
=====================〈链接标志表格标志〉=============================
创建超文本链接
创建自己主动发送电子邮件的链接
创建位于文档内部的书签
创建指向位于文档内部书签的链接
<base> 文档中不能被该网站辨识的其他全部链接源的URL
<p>wd=link&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">link> 定义一个链接和源之间的相互关系
=================== 链接标记注解：========================
◆target="..."决定链接源在什么地方显示(用户自己定义的名 字，_blank,_parent,_self,_top
◆rel="..."发送链接的类型
◆rev="..."保存链接的类型
◆accesskey="..." 指定该元素的热键
◆shape="..."同意我们使用已定义的形状定义client的图形镜像(default，rect，circle，poly
◆coord="..." 使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使 用tab键使元素获得焦点)
==================== 表格标记注解：=====================
</p>
<table></table> 创建一个表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一个格子
<th></th> 设置表格头:一般是黑体居中文字
<table cellspacing=""> 设置表格格子之间空间的大小
<table border=""> 设置边框的宽度
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小
<table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比
<table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify)
</tr>
<tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,mid<a target="_blank" href="https://www.baidu.com/s?</p><p>wd=dl&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">dle,top)
</a><td colspan=""> 设置一个表格格子跨占的列数(缺省值为1) 　
</td>
<td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1) 　
</td>
<td nowrap> 禁止表格格子内的内容自己主动断行
<p>wd=caption&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3PhwWmHFhmH9BPHcvuADv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1bkrHbdnWcdrjRLnHTvPHbLrf" rel="nofollow">caption> 表格的标题
</p>
<colgroup></colgroup> 定义多个列为一组列
<table></table> 创建一个表格
<thead></thead> 定义表格的页眉
<col> 定义一个列组中的列。以便对它们可以同一时候设置有关属性
</td>
</tr>
<tbody></tbody> 定义一个表格的实体
<tfoot></tfoot> 定义一个表格的页脚
<p>HTML里面的文本标签</p>
<p>标签：有关 结束 ase 最小 accesskey name 尺寸 rowspan 功能 </p>
<p>原文地址：http://www.cnblogs.com/jhcelue/p/7269783.html</p>
</table>
</table>
</table>
</table>
</table>
</dir>
</menu>
</li>
</dd></a></p></a></p></a></code></a></pre>
</div></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/94726.html">CSS 选择器</a></p>
<p><span>下一篇：</span><a href="/index.php/essay/94728.html">Windows API一日一练 29 SelectObject和DeleteObject函数</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/94727.html" target="_blank">HTML里面的文本标签</a><br>
文章链接：http://soscw.com/index.php/essay/94727.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/88314.html">导航，头部，CSS基础</a>
</li>
<li>
<a href="/index.php/essay/92954.html">&#128207;Python项目打包方法</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/94726.html"></a>
<a class="nextpage" href="/index.php/essay/94728.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 © 2025 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>