本节从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。
4.2 文字的多样化修饰
上一节学习了大块段落的各种设置,对于文字本身修饰似乎更加吸引人。本节从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。
4.2.1 文字样式设置的基本标签—
设置字体样式的基本标签是,被其包含的文本为样式作用区。在初学者的HTML代码编写中,容易被多重嵌套,如文本。还有一种情况是标签嵌套错位,如
文本
。为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。
4.2.2 设置文字的颜色
color是
标签的属性之一,用于设置文字颜色。在D:\web\目录下创建网页文件,命名为font_color.htm,编写代码如代码4.7所示。
代码4.7 字体颜色的设置:font_color.htm
字体颜色的设置
浅红色文字:
HTML学习的本质就是该是什么就用什么
深红色文字:
HTML学习的本质就是该是什么就用什么
浅绿色文字:
HTML学习的本质就是该是什么就用什么
深绿色文字:
HTML学习的本质就是该是什么就用什么
浅蓝色文字:
HTML学习的本质就是该是什么就用什么
深蓝色文字:
HTML学习的本质就是该是什么就用什么
浅黄色文字:
HTML学习的本质就是该是什么就用什么
深黄色文字:
HTML学习的本质就是该是什么就用什么
浅青色文字:
HTML学习的本质就是该是什么就用什么
深青色文字:
HTML学习的本质就是该是什么就用什么
浅紫色文字:
HTML学习的本质就是该是什么就用什么
深紫色文字:
HTML学习的本质就是该是什么就用什么
在浏览器地址栏输入http://localhost/font_color.htm,浏览效果如图4.7所示。
图4.7 字体颜色的设置
读者不但可以从代码4.7中学到color属性在font标签中的用法,还可以熟悉各种颜色的表示方法。
4.2.3 设置文字的尺寸
size也是
标签的属性,用于设置文字大小。size的值为1-7,默认为3。我们可以size 属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。在D:\web\目录下创建网页文件,命名为font_size.htm,编写代码如代码4.8所示。
代码4.8 字体尺寸的设置:font_size.htm
字体尺寸的设置
size为1:
HTML学习
size为2:
HTML学习
size为3:
HTML学习
size为4:
HTML学习
size为5:
HTML学习
size为6:
HTML学习
size为7:
HTML学习
在浏览器地址栏输入http://localhost/font_size.htm,浏览效果如图4.8所示。
图4.8 字体尺寸的设置
读者可尝试在size值前面加上“+”、“-”字符,更灵活地设置文字尺寸。
4.2.4 设置文字的字体
face也是
标签的属性,用于设置文字字体(字型)。HTML网页中显示的字型从浏览端的系统中调用,所以为了保持字型一致,建议采用宋体,HTML页面也是默认采用宋体。在D:\web\目录下创建网页文件,命名为font_face.htm,编写代码如代码4.9所示。
代码4.9 字体字型的设置:font_face.htm
字体字型的设置
字型为宋体:
沁园春·长沙-毛泽东
字型为楷体:
沁园春·长沙-毛泽东
字型为黑体:
沁园春·长沙-毛泽东
字型为隶书:
沁园春·长沙-毛泽东
在浏览器地址栏输入http://localhost/font_face.htm,浏览效果如图4.9所示。
图4.9 字体字型的设置
笔者把被修改字型部分的文字尺寸设置为5号,方便读者查看。
4.2.5 使文字倾斜
用双标签
可使被作用文字倾斜,达到特殊的效果,例如文章的日期。
被称为强调标签,也是斜体,目前使用比
标签更频繁,其编写方法如下:
这是斜体文字
这也是斜体文字
4.2.6 使文字加粗
用双标签
可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。
被称为特别强调标签,也是文字加粗,目前使用比
标签更频繁,其编写方法如下:
这是粗体文字
这也是粗体文字
4.2.7 给文字加下划线
用双标签
可添加下划线到被作用文字。以下为文字倾斜、加粗和下划线的综合示例。在D:\web\目录下创建网页文件,命名为font_style.htm,编写代码如代码4.10所示。
代码4.10 文字修饰的设置:font_style.htm
字体修饰的设置
斜体:沁园春·长沙-毛泽东
加粗体:沁园春·长沙-毛泽东
下划线:沁园春·长沙-毛泽东
斜体 加粗体 下划线:沁园春·长沙-毛泽东
在浏览器地址栏输入http://localhost/font_style.htm,浏览效果如图4.10所示。
图4.10 字体修饰的设置
笔者把内的所有文字尺寸设置为5号,方便读者查看。
— 注意:在多个标签包含同一块文字时,其包含顺序不能错位。
4.2.8 多种标题样式的使用
网页的文章中,为了凸显标题的重要性,标题的样式比较特殊。HTML技术保护了一套针对标题的样式标签,分别为双标签
到
,文字尺寸从大到小代表不同级别的标题。标题标签有一个特点,独占一行、文字加粗、文字居中。这样,在设置标题的时候就很轻松了,并且可设多级标题。在D:\web\目录下创建网页文件,命名为font_h.htm,编写代码如代码4.11所示。
代码4.11 标题的设置:font_h.htm
标题的设置
一号标题
二号标题
三号标题
四号标题
五号标题
六号标题
财富杂志:谷歌为何不会盛极而衰
遭遇潜在问题
一些业内人士认为,长期垄断互联网搜索和广告市场谷歌可能会盛极而衰。...与此同时,谷歌近日推出的多项新计划,例如开放手机联盟、社交网站通用平台OpenSocial、以及可能投资数十亿美元竞购无线频段,也遭到了广泛的质疑。
将继续垄断搜索
最近有一些文章称,如果出现更好的搜索引擎,人们会毫不犹豫地放弃谷歌。但是,即使真有更好的搜索引擎出现,谷歌仍然可以在一段时间内屹立不倒。...在这种情况下,网站速度往往会成为决定胜负的关键。
在浏览器地址栏输入http://localhost/font_h.htm,浏览效果如图4.11所示。
图4.11 标题的设置
4.2.9 学会处理网页中的特殊字符
在HTML中,有一些字符有特殊含义,例如“<”和“>”是标签的左括号和右括号,而标签是控制HTML显示的,标签本身只能被浏览器解析,并不能在页面中显示。那么,该怎样在HTML中显示“<”和“>”呢?HTML规定了一些特殊字符的写法,以便在网页中显示,如表4.1所示。
表4.1 HTML中的特殊字符
特殊符号
HTML代码
特殊符号
HTML代码
<
<
™(商标符号)
™
>
>
®(注册符号)
®
“”(英文半角)
"
×
×
§
§
©(版权符号)
©
在D:\web\目录下创建网页文件,命名为string.htm,编写string.htm代码如代码4.12所示。
代码4.12 特殊字符的设置:string.htm
特殊字符的设置
标签的显示方法:<HTML>
引号的显示方法:"英文半角双引号"
商标的显示方法:™
注册符号的显示方法:®
版权符号的显示方法:©
显示§
显示×
在浏览器地址栏输入http://localhost/string.htm,浏览效果如图4.12所示。
图4.12 特殊字符的设置
— 说明:单独显示符号&必须用代码&。
4.2.10 如何更方便地忽略浏览器对部分HTML的解析
如果在网页中作一个类似本书的HTML代码示例,恐怕得把所有的 转换成<和>,显得比较麻烦。HTML代码中的 和<xmp></xmp>可以轻松解决这个问题。 <br /><plaintext>是单标签,它插入到HTML代码中时,其后面的所有HTML标签全部失效,即浏览器对<plaintext>后面所有的HTML标签不作解析,直接在页面上显示。 <br /><xmp></xmp>是双标签,它只使其包含的内容中的标签失效,<xmp></xmp>的使用更为普遍。在D:\web\目录下创建网页文件,命名为html.htm,编写代码如代码4.13所示。 <br />代码4.13 忽略标签的设置:html.htm <br /><html> <br /><head> <br /> <title>忽略标签的设置</title> <br /></head> <br /><body> <br /><h2>沁园春&middot;长沙</h2> <br /><xmp>独立寒秋,<strong>湘江北去</strong>,橘子洲头。 <br />看万山红遍,层林尽染; <br />漫江碧透,<u>百舸争流。</u> <br /></xmp> <br />鹰击长空,<strong>鱼翔浅底,</strong> <br />万类霜天竞自由。 <br />怅寥廓,<u>问苍茫大地</u>,谁主沉浮?<br /> <br /><plaintext> <br />携来百侣曾游,<br />忆往昔峥嵘岁月稠。 <br /> 恰同学少年,风华正茂; <br /> 书生意气,挥斥方遒。 <br /> 指点江山,激扬文字, <br /> 粪土当年万户侯。 <br /> 曾记否,<strong>到中流击水</strong>,浪遏飞舟! <br /></body> <br /></html> <br />在浏览器地址栏输入http://localhost/string.htm,浏览效果如图4.13所示。 <br /><img height="210" alt="" width="345" src="http://files.jb51.net/file_images/web/2009422058213177807.jpg" /> <br />图4.13 忽略标签的设置 <br /><strong>4.2.11 其他文字修饰方法</strong> <br />为了满足不同领域的需要,HTML还有其他修饰文字的标签。比较常用的有上标格式标签和下标格式标签。某些场合甚至要用到删除效果,即可用HTML的中划线标签。 <br />&mdash; 上标格式标签为双标签<sup></sup>,多用于数学指数的表示,比如某个数的平方或立方。 <br />&mdash; 下标格式标签为双标签<sub></sub>,多用于注释,以及数学的底数表示。 <br />&mdash; 中划线标签为双标签<strike></strike>,多用于删除效果。 <br />在D:\web\目录下创建网页文件,命名为other.htm,编写代码如代码4.14所示。 <br />代码4.14 其他修饰标签的设置:other.htm <br /><html> <br /><head> <br /> <title>其他修饰标签的设置</title> <br /></head> <br /><body> <br /><font size="5"> <br />沁园春<sup>长沙</sup>!<br /> <br />数学指数的表示:2<sup>3</sup>=8、100<sup>2</sup>=10000<br /><hr /> <br />沁园春<sub>长沙</sub>!<br /> <br />数学底数的表示:log<sub>3</sub>81=4、log<sub>5</sub>125=3<br /><hr /> <br />删除效果:<strike>我被删除了</strike> <br /></font> <br /></body> <br /></html> <br />在浏览器地址栏输入http://localhost/other.htm,浏览效果如图4.14所示。 <br /><img height="163" alt="" width="318" src="http://files.jb51.net/file_images/web/2009422058217877808.jpg" /> <br />图4.14 其他修饰标签的设置 <div class='share layui-clear bdsharebuttonbox'> <li ><a href='javascript:;' data-cmd="weixin" class='wechat'><i class="layui-icon">&#xe63a;</i>微信</a></li> <li ><a href='javascript:;' data-cmd="more" class='share-btn'><i class="layui-icon">&#xe641;</i>分享</a></li> </div> <img src="/static/images/article_wechat.jpg?1" style="margin-top: 30px;" alt="php教程最新课程二维码"/> <div class='tags layui-clear'> <li>相关标签:<a href="/search?word=细节" target="_blank">细节</a> <a href="/search?word=格式" target="_blank">格式</a> <a href="/search?word=字体" target="_blank">字体</a> <a href="/search?word=网页" target="_blank">网页</a> <a href="/search?word=各种" target="_blank">各种</a> <a href="/search?word=&lt" target="_blank">&lt</a> <a href="/search?word=&gt" target="_blank">/&gt</a> <a href="/search?word=文字" target="_blank">文字</a> <a href="/search?word=br" target="_blank">br</a> <a href="/search?word=标签" target="_blank">标签</a> <a href="/search?word=html" target="_blank">HTML</a></li> <li class='line'> 本文原创发布php教程 ,转载请注明出处,感谢您的尊重! </li> </div> <div class='page layui-clear'> <ul> <li>上一篇:<a href="/div-tutorial-12298.html">网页制作初学者:学用HTML的超链接A标记_HTML/Xhtml_网页制作</a></li> <li>下一篇:<a href="/div-tutorial-12302.html">网页前端开发CSS相关团队协作_HTML/Xhtml_网页制作</a></li> </ul> </div> </div> <p class="article-relative-header">相关文章</p> <p class="article-relative-header">相关视频</p> <hr class="layui-clear"> <ul class="article-relative-ul"> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10862.html" target="_blank">Html如何设置横向导航结构_HTML/Xhtml...</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10863.html" target="_blank">Html+css实现纯文字和带图标的按钮_HTML...</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10868.html" target="_blank">HTML对于元素水平垂直居中的探讨_HTML/Xh...</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10871.html" target="_blank">修改输入框placeholder文字默认颜色-we...</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-12299.html">HTML网页各种字体格式的细节修饰_HTML/Xh...</a></li> </ul> <ul class="article-relative-ul"> <li><span class="layui-badge-dots"></span><a class="relevant" href="/code/575.html" target="_blank" title='Html 常用文本格式'>Html 常用文本格式</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/code/644.html" target="_blank" title='CSS基础教程之语法格式'>CSS基础教程之语法格式</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/code/755.html" target="_blank" title='CSS 文本格式'>CSS 文本格式</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/code/3040.html" target="_blank" title='jEasyUI扩展行显示细节'>jEasyUI扩展行显示细节</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/code/4443.html" target="_blank" title='配置格式'>配置格式</a></li> </ul> <div class="layui-clear"></div> </div> <div class="comment layui-clear"> <div class="J_Header" id="J_Header"> <p class="header-title">网友评论</p> <p class="header-protocol">文明上网理性发言,请遵守 <a href="javascript:void(0);">新闻评论服务协议</a></p> <a class="article-comment-publish" href="javascript:void(0);">我要评论</a> </div> <div class="layui-row diy-page"></div> <div class="text-box layui-clear article_comment_textarea" > <div class="box-left"> <li> <a href="javascript:login_trigger()"> <img src="/static/images/user_avatar.jpg" alt=""> </a> </li> <li><a href="javascript:login_trigger()"></a></li> </div> <div class="box-right"> <textarea name="desc" placeholder="请输入内容" class="layui-textarea article_textarea"></textarea> <button class="layui-btn article_publish" data-id="12299">立即提交</button> </div> </div> </div> <div class="article-hot"> <h2>专题推荐</h2> <ul> <li> <a href="/map/dugu.html" target="_blank"><img src="https://img.php.cn/upload/article/000/000/003/5d1ef1e9e866e635.jpg"></a> <a class="course-title" href="/map/dugu.html" target="_blank">独孤九贱-php全栈开发教程</a> <p class="course-type">全栈 <i class="layui-icon layui-icon-user"></i> 100W+</p> <p class="course-des">主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门</p> </li> <li> <a href="/map/yunv.html" target="_blank"><img src="https://img.php.cn/upload/article/000/000/003/5d1ef236ca878949.jpg"></a> <a class="course-title" href="/map/yunv.html" target="_blank">玉女心经-web前端开发教程</a> <p class="course-type">入门 <i class="layui-icon layui-icon-user"></i> 50W+</p> <p class="course-des">主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门</p> </li> <li> <a href="/toutiao-409221.html" target="_blank"><img src="https://img.php.cn/upload/article/000/000/003/5d1ef2477c7d7587.jpg"></a> <a class="course-title" href="/toutiao-409221.html" target="_blank">天龙八部-实战开发教程</a> <p class="course-type">实战 <i class="layui-icon layui-icon-user"></i> 80W+</p> <p class="course-des">主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习</p> </li> </ul> <div class="clear"></div> </div> </div> <div class="layui-col-md4 article-list-right "> <div class="panel"> <div class="panel-title">作者信息</div> <div id="profile-2"> <div class="avatar-wrap"> <a href="/member/1.html" target="_blank" class="avatar-link"> <img src="/static/images/user_avatar.jpg" class="func-um_user gravatar avatar avatar-120 um-avatar um-avatar-uploaded"> </a> </div> <div class="profile-info"> <p> <span class="author-name">php教程</span> <i class="layui-icon layui-icon-auz" title="认证作者"></i> </p> <p class="author-description">认证0级讲师</p> <div class="author-article"> <dl class="list-one"> <dt class="panel-title">最近文章</dt> </dl> </div> </div> </div> </div> <div class="layui-clear"><a href='javascript:publish_article()' class='layui-btn layui-btn-danger article-add'>发布技术文章</a> </div> <div class='top-article layui-clear'> <div class="layui-tab layui-tab-card"> <ul class="layui-tab-title"> <li class="layui-this">最新文章</li> <li>热门排行</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show"> <ul> <p class='top-img'> <a href='/toutiao-387072.html' target="_blank" title='面对巨额亏损的PHP中文网,我该为情怀买单吗?(猪哥)'><img src='https://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png' style="width: 100%"></a> </p> <li><a href='/div-tutorial-424437.html' target="_blank" title='html是什么语言'>html是什么语言</a></li> <li><a href='/div-tutorial-423408.html' target="_blank" title='图片超链接怎么设置'>图片超链接怎么设置</a></li> <li><a href='/div-tutorial-421720.html' target="_blank" title='如何学习html5'>如何学习html5</a></li> <li><a href='/div-tutorial-421550.html' target="_blank" title='html的正式名称是'>html的正式名称是</a></li> <li><a href='/div-tutorial-421453.html' target="_blank" title='html怎么添加css样式?'>html怎么添加css样式?</a></li> <li><a href='/div-tutorial-421411.html' target="_blank" title='HTML怎么引入js文件?'>HTML怎么引入js文件?</a></li> <li><a href='/div-tutorial-421142.html' target="_blank" title='jsp四大作用域有什么'>jsp四大作用域有什么</a></li> <li><a href='/div-tutorial-421132.html' target="_blank" title='页面中文本域的值怎么设置'>页面中文本域的值怎么设置</a></li> </ul> </div> <div class="layui-tab-item"> <ul> <p class='top-img'> <a href='/toutiao-387072.html' target="_blank" title='面对巨额亏损的PHP中文网,我该为情怀买单吗?(猪哥)'><img src='https://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png' style="width: 100%"></a> </p> <li><a href='/div-tutorial-409203.html' target="_blank" title='html p标签怎么换行?html p标签添加br换行标签的应用'>html p标签怎么换行?html p标签添加br换行标签的应用</a></li> <li><a href='/div-tutorial-409470.html' target="_blank" title='html怎么换行?换行代码是什么?九种html文字换行方法总结'>html怎么换行?换行代码是什么?九种html文字换行方法总结</a></li> <li><a href='/div-tutorial-409786.html' target="_blank" title='html怎样设置背景颜色?HTML背景颜色代码详细分析'>html怎样设置背景颜色?HTML背景颜色代码详细分析</a></li> <li><a href='/div-tutorial-380634.html' target="_blank" title='认识&lt;br&gt;与&lt;p&gt;标签之间的区别'>认识&lt;br&gt;与&lt;p&gt;标签之间的区别</a></li> <li><a href='/div-tutorial-381329.html' target="_blank" title='六款好用的html5编辑器'>六款好用的html5编辑器</a></li> <li><a href='/div-tutorial-409380.html' target="_blank" title='html搜索框怎么设置?html搜索框input标签的使用方法实例'>html搜索框怎么设置?html搜索框input标签的使用方法实例</a></li> <li><a href='/div-tutorial-412520.html' target="_blank" title='HTML编辑器有哪些?最好用的4款HTML编辑器推荐'>HTML编辑器有哪些?最好用的4款HTML编辑器推荐</a></li> <li><a href='/div-tutorial-411544.html' target="_blank" title='如何制作一个简单的HTML登录页面(附代码)'>如何制作一个简单的HTML登录页面(附代码)</a></li> </ul> </div> </div> </div> </div> <div class='article-ad article-course php-news-right-imginfo'> <div class='r-title'><i class='layui-icon layui-icon-praise'></i>推荐视频教程</div> <li> <a href='/course/179.html' target="_blank" > <img src='https://img.php.cn/upload/course/000/000/003/5a17982d48686254.jpg' alt="javascript初级视频教程" height='60'> </a> <span><a href='/course/179.html' target="_blank">javascript初级视频教程</a></span> </li> <li> <a href='/course/181.html' target="_blank" > <img src='https://img.php.cn/upload/course/000/000/003/5a179283c3885703.jpg' alt="jquery 基础视频教程" height='60'> </a> <span><a href='/course/181.html' target="_blank">jquery 基础视频教程</a></span> </li> </div> <div class='article-ad mt-20' id="aritcle_detail_new"> <div class='r-title'><i class='layui-icon layui-icon-video'></i>视频教程分类</div> <ul class='course-category-lists layui-clear'> <li><a href="/course/list/29/type/2.html" target="_blank"><div class="course-category-child-first">php视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/11.html" target="_blank"><div class="course-category-child-first">html视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/12.html" target="_blank"><div class="course-category-child-first">css视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/17.html" target="_blank"><div class="course-category-child-first">JS视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/19.html" target="_blank"><div class="course-category-child-first">jQuery视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/51.html" target="_blank"><div class="course-category-child-first">mysql视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/33.html" target="_blank"><div class="course-category-child-first">Linux视频教程</div><div class='course-category-child'></div></a></li> <li><a href="/course/list/30.html" target="_blank"><div class="course-category-child-first">Python视频教程</div><div class='course-category-child'></div></a></li> </ul> </div> </div> </div> </div> <!--技术文章--> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?3.1.1"></script> <script>article_status = 0;</script> <script type="text/javascript" src="/static/js/jquery.min.js"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <div class="layui-clear layui-bg-black php-ul-li footer_top_margin"> <div class="layui-row layui-main" > <div class="layui-col-md9"> <ul class="php-float-left"> <li><a href="/" target="_blank" title="网站首页">网站首页 </a></li> <li><a href="/course/list/29/type/2.html" target="_blank" title="PHP视频">PHP视频</a></li> <li><a href="/course/list/29/type/4.html" target="_blank" title="PHP实战">PHP实战</a></li> <li><a href="/course/list/29/type/1.html" target="_blank" title="PHP代码">PHP代码</a></li> <li><a href="/course/list/29/type/3.html" target="_blank" title="PHP手册">PHP手册</a></li> <li><a href="/wikis.html" target="_blank" title="词条">词条</a></li> <li><a href="/write.html" target="_blank" title="手记">手记</a></li> </ul> <p class="layui-clear footer_phpcn">PHP中文网:独家原创,永久免费的在线php视频教程,php技术学习阵地!</p> <p class="footer_phpcn_record">Copyright 2014-2019 http://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 <img src="/static/images/foot_line.gif" width="15"> 皖公网安备 34010402701654号 <a href="http://112.30.63.109:8887/showEi?id=6a58f74d17984675aa1b671d0fa101cf&url=php.cn" rel="nofollow" target="_blank"><img src="/static/images/foot_line.gif" width="15"></a> <span class="footer_phpcn_say"><a href="/about/disclaimer.html" target="_blank">免责申明</a><a href="/about/donate.html" style="margin-right:40px" target="_blank">赞助与捐赠</a></span></p> <p></p> </div> <div class="layui-col-md3" style="padding-top:15px;"> <img src="https://img.php.cn/upload/article/000/000/003/5c50106148dc3454.png" width="100" title="官方QQ群:977601088">&nbsp;&nbsp;<img src="/static/images/phpcn_erwei.jpg" width="100" title="扫一扫,关注公众号"> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script src="/static/js/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> <script type="text/javascript" src="/static/js/global.min.js?5.4.31"></script> <script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();(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> </body> </html> </plaintext> </和>