HTML文本格式化：揭秘网页排版设计背后的奥秘

2024-02-04 04:03

短信预约 -IT技能 免费直播动态提醒

HTML文本格式化是网页设计的基石，通过使用各种格式化标签，可以轻松地创建标题、段落、列表、链接等元素，实现网页内容的合理组织和呈现。HTML文本格式化标签可以分为结构标签、文本标签和列表标签三类。

1. 结构标签

结构标签用于定义网页的总体结构，包括、、、等标签。其中，<html>标签是网页的根元素，<head>标签包含网页的元数据，<body>标签包含网页的可见内容，<title>标签定义网页的标题。</p> <p><strong>2. 文本标签</strong></p> <p>文本标签用于对网页文本进行格式化，包括<h1>、<h2>、<h3>等标题标签，<p>段落标签，<br>换行标签，以及<b>、<i>等强调标签。标题标签用于创建不同级别的标题，<p>标签用于创建段落，<br>标签用于换行，<b>标签用于加粗文本，<i>标签用于倾斜文本。</p> <p><strong>3. 列表标签</strong></p> <p>列表标签用于创建有序列表和无序列表，有序列表使用<ol>标签，无序列表使用<ul>标签。列表项使用<li>标签来表示，<li>标签可以包含文本、链接或其他元素。</p> <p><strong>演示代码：</strong></p> <pre class="line-numbers"><code class="language-php"><code class="language-html"><!DOCTYPE html> <html> <head> <title>HTML文本格式化示例</title> </head> <body> <h1>HTML文本格式化示例</h1> <p>这是段落标签的使用示例。</p> <br> <h2>标题标签的使用示例</h2> <ul> <li>这是无序列表项的示例。</li> <li>这是另一个无序列表项的示例。</li> </ul> <ol> <li>这是有序列表项的示例。</li> <li>这是另一个有序列表项的示例。</li> </ol> <a href="https://www.example.com">这是一个链接的示例。</a> </body> </html></code></code></pre> <p><strong>HTML文本格式化技巧：</strong></p> <ul> <li>使用标题标签来创建不同级别的标题，标题标签可以帮助搜索引擎和用户快速了解网页内容的结构。</li> <li>使用段落标签来创建段落，段落标签可以帮助网页内容更加清晰易读。</li> <li>使用列表标签来创建有序列表和无序列表，列表标签可以帮助用户快速浏览网页内容。</li> <li>使用链接标签来创建链接，链接标签可以帮助用户快速访问其他网页或资源。</li> <li>使用强调标签来强调网页文本，强调标签可以帮助用户快速关注网页文本中的重要内容。</li> </ul> <p><strong>结论：</strong></p> <p>HTML文本格式化是网页设计的重要组成部分，通过使用不同的格式化标签，可以轻松地创建标题、段落、列表、链接等元素，实现网页内容的合理组织和呈现。合理使用HTML文本格式化标签，可以提升网页的用户体验，并有助于搜索引擎优化。</p></div><div class="myShow contentBtmshow"><div class="mzsming"><p class="mzsm_title">免责声明：</p><p>① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。</p><p>② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341</p></div></div><div class="gDetailKeyword"><div class="gKeyword fl"><a href="/tag/ HTML/" target="_blank" class="b"> HTML</a><a href="/tag/文本格式化/" target="_blank" class="b">文本格式化</a><a href="/tag/网页排版/" target="_blank" class="b">网页排版</a><a href="/tag/设计/" target="_blank" class="b">设计</a><a href="/tag/布局/" target="_blank" class="b">布局</a></div><div class="clearboth"></div></div><div class="contentBottom clearfix"><a href="" class="readOriginal fl">阅读原文</a><a href="" class="contentComplain fr">内容投诉</a><div class="clearboth"></div></div></div><div class="downLoad clearfix"><div class="downIntro fl"><span class="icon icon_downdoc bg_content bg_word"></span><div class="downtxtIntro"><h4>HTML文本格式化：揭秘网页排版设计背后的奥秘</h4><p>下载Word文档到电脑，方便收藏和打印～</p></div></div><div class="downBtn fr bg_content bg_down">下载Word文档</div></div><div class="contentRelateArticle"><div class="articleRecommend"><h2><div class="fl">相关文章</div><div class="clearboth"></div></h2><ul class="clearfix"><li><a href="https://www.528045.com/article/06652927bc.html" title="软考中项会降分吗？2024下半年系统集成项目管理工程师合格分是多少？">软考中项会降分吗？2024下半年系统集成项目管理工程师合格分是多少？</a></li><li class="last"><a href="https://www.528045.com/article/979ae536b9.html" title="软考信监会降分吗？2024下半年信息系统监理师合格分是多少？">软考信监会降分吗？2024下半年信息系统监理师合格分是多少？</a></li><li><a href="https://www.528045.com/article/036cd6f224.html" title="软考中级多少分过？软考中级合格标准分数线">软考中级多少分过？软考中级合格标准分数线</a></li><li class="last"><a href="https://www.528045.com/article/353c7a91e5.html" title="软考初级多少分过？软考初级合格标准分数线">软考初级多少分过？软考初级合格标准分数线</a></li><li><a href="https://www.528045.com/article/5a5183b908.html" title="2024下半年软考中项成绩合格标准是多少？">2024下半年软考中项成绩合格标准是多少？</a></li><li class="last"><a href="https://www.528045.com/article/5899448e92.html" title="软考多少分过？软考合格标准分数线">软考多少分过？软考合格标准分数线</a></li><li><a href="https://www.528045.com/article/7a2d76fa22.html" title="软考网络员会降分吗？2024下半年网络管理员合格分是多少？">软考网络员会降分吗？2024下半年网络管理员合格分是多少？</a></li><li class="last"><a href="https://www.528045.com/article/4e932772cc.html" title="软考信安会降分吗？2024下半年信息安全工程师合格分是多少？">软考信安会降分吗？2024下半年信息安全工程师合格分是多少？</a></li><li><a href="https://www.528045.com/article/ec8609464b.html" title="软考信息系统员会降分吗？2024下半年信息系统运行管理员合格分是多少？">软考信息系统员会降分吗？2024下半年信息系统运行管理员合格分是多少？</a></li><li class="last"><a href="https://www.528045.com/article/647ab10cef.html" title="2024下半年软考高级成绩合格标准是多少？">2024下半年软考高级成绩合格标准是多少？</a></li><div class="clearboth"></div></ul></div></div><div class="seeArt"><h3 class="title"><div class="fl"><span class="icon bg_content bg_icon_kyk"></span><span class="name">猜你喜欢</span></div><div class="clearboth"></div></h3><div class="articleBox"><div class="articleList clearfix"><div class="intro"><a title="HTML文本格式化：揭秘网页排版设计背后的奥秘" href="/article/07a99f5ab5.html"><h4>HTML文本格式化：揭秘网页排版设计背后的奥秘</h4></a><div class="des">HTML文本格式化是设计网页布局和排版的关键元素，可以让网页内容更加清晰易读，从而提升用户体验。通过使用不同的格式化标签，可以轻松地创建标题、段落、列表、链接等元素，实现网页内容的合理组织和呈现。</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/49.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="HTML文本格式化：揭秘网页排版设计背后的奥秘" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-02-04</span></div><div class="clearboth"></div></div><div class="articleList clearfix"><div class="intro"><a title="深入剖析 HTML 内联样式：揭秘网页设计的本质" href="/article/d6f8f448ce.html"><h4>深入剖析 HTML 内联样式：揭秘网页设计的本质</h4></a><div class="des"></div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/7.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="深入剖析 HTML 内联样式：揭秘网页设计的本质" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-04-02</span></div><div class="clearboth"></div></div><div class="articleList clearfix"><div class="intro"><a title="HTML文本格式化：揭开网页美学的秘密，让你的文字脱颖而出" href="/article/571aac4317.html"><h4>HTML文本格式化：揭开网页美学的秘密，让你的文字脱颖而出</h4></a><div class="des">网页美学是吸引用户注意力的关键，而HTML文本格式化是网页美学的重要组成部分。通过使用HTML文本格式化，你可以让你的文字脱颖而出，使你的网页更具吸引力。</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/57.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="HTML文本格式化：揭开网页美学的秘密，让你的文字脱颖而出" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-02-04</span></div><div class="clearboth"></div></div><div class="articleList clearfix"><div class="intro"><a title="HTML文本格式化与响应式设计：打造适合所有设备的网页" href="/article/a963921077.html"><h4>HTML文本格式化与响应式设计：打造适合所有设备的网页</h4></a><div class="des">HTML文本格式化与响应式设计是实现跨设备一致网页体验的关键技术。通过合理运用HTML元素和样式，可以实现文本的排版、引用、列表、链接等功能，并通过响应式设计让网页在不同设备上都能正常显示。</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/1.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="HTML文本格式化与响应式设计：打造适合所有设备的网页" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-02-13</span></div><div class="clearboth"></div></div></div></div><div class="hotFlag"><h4>热门标签</h4><div class="flagBox"><a title="Linux" href="/tag/Linux/">Linux(148)</a><a title="PHP" href="/tag/PHP/">PHP(127)</a><a title="Java" href="/tag/Java/">Java(102)</a><a title="正则表达式" href="/tag/正则表达式/">正则表达式(101)</a><a title="JavaScript" href="/tag/JavaScript/">JavaScript(69)</a><a title="最佳实践" href="/tag/最佳实践/">最佳实践(67)</a><a title="jQuery" href="/tag/jQuery/">jQuery(44)</a><a title="MySQL" href="/tag/MySQL/">MySQL(39)</a><a title="Docker" href="/tag/Docker/">Docker(37)</a><a title="C语言" href="/tag/C语言/">C语言(36)</a><a title="性能优化" href="/tag/性能优化/">性能优化(34)</a><a title="Python" href="/tag/Python/">Python(34)</a><a title="XML" href="/tag/XML/">XML(28)</a><a title="string" href="/tag/string/">string(27)</a><a title="第三方库" href="/tag/第三方库/">第三方库(23)</a><a title="回调函数" href="/tag/回调函数/">回调函数(23)</a><a title="ZIP" href="/tag/ZIP/">ZIP(22)</a><a title="数组" href="/tag/数组/">数组(22)</a><a title="可扩展性" href="/tag/可扩展性/">可扩展性(22)</a><a title="字符串比较" href="/tag/字符串比较/">字符串比较(21)</a><a title="find" href="/tag/find/">find(20)</a><a title="RPM" href="/tag/RPM/">RPM(20)</a><a title="Go" href="/tag/Go/">Go(20)</a><a title="grep" href="/tag/grep/">grep(19)</a><a title="ASP.NETCore" href="/tag/ASP.NETCore/">ASP.NETCore(19)</a><a title="XML解析器" href="/tag/XML解析器/">XML解析器(19)</a><a title="事件" href="/tag/事件/">事件(19)</a><a title="事件处理程序" href="/tag/事件处理程序/">事件处理程序(19)</a><a title="StringBuilder" href="/tag/StringBuilder/">StringBuilder(18)</a><a title="Nginx" href="/tag/Nginx/">Nginx(18)</a></div></div></div><div class="main_right fr"><div class="artHotSearch"><h4 class="title"><div class="fl"><span class="icon bg_content bg_icon_rs"></span><span class="name">编程热搜</span></div><a href="" class="fr bg_content bg_txt_rsb"></a><div class="clearboth"></div></h4><ul><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="Python 学习之路 - Python" href="https://www.528045.com/article/52df4d95aa.html">Python 学习之路 - Python</a></span></h5><div class="clearboth"></div><div class="des">一、安装Python34Windows在Python官网（https://www.python.org/downloads/）下载安装包并安装。Python的默认安装路径是：C:\Python34配置环境变量：【右键计算机】--》【属性】-</div></div><img class="lazy" data-type="0" data-src="/file/imgs/upload/202301/31/qglhspth11k.jpg" alt="Python 学习之路 - Python" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="chatgpt的中文全称是什么" href="https://www.528045.com/article/6d32547808.html">chatgpt的中文全称是什么</a></span></h5><div class="clearboth"></div><div class="des">chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型，它能够通过学习和理解人类的语言来进行对话，还能根据聊天的上下文进行互动，并协助人类完成一系列</div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/48.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="chatgpt的中文全称是什么" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="C/C++中extern函数使用详解" href="https://www.528045.com/article/9733fb00d0.html">C/C++中extern函数使用详解</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="/file/upload/202211/13/d3kqhimmpgl.jpg" alt="C/C++中extern函数使用详解" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="C/C++可变参数的使用" href="https://www.528045.com/article/773997944a.html">C/C++可变参数的使用</a></span></h5><div class="clearboth"></div><div class="des">可变参数的使用方法远远不止以下几种，不过在C,C++中使用可变参数时要小心，在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少，否则会产生访问越界，运气不好的话还会导致程序崩溃</div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/55.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="C/C++可变参数的使用" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="css样式文件该放在哪里" href="https://www.528045.com/article/617e4312cb.html">css样式文件该放在哪里</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/40.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="css样式文件该放在哪里" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="php中数组下标必须是连续的吗" href="https://www.528045.com/article/21ee165f7c.html">php中数组下标必须是连续的吗</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="/upload/jz5euwde0tq.jpg" alt="php中数组下标必须是连续的吗" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="Python 3 教程" href="https://www.528045.com/article/01a1d65257.html">Python 3 教程</a></span></h5><div class="clearboth"></div><div class="des">Python 3 教程 Python 的 3.0 版本，常被称为 Python 3000，或简称 Py3k。相对于 Python 的早期版本，这是一个较大的升级。为了不带入过多的累赘，Python 3.0 在设计的时候没有考虑向下兼容。 Python</div></div><img class="lazy" data-type="0" data-src="/upload/202205/01/jneowzxxjtt.jpg" alt="Python 3 教程" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="Python pip包管理" href="https://www.528045.com/article/ab7f357e04.html">Python pip包管理</a></span></h5><div class="clearboth"></div><div class="des">一、前言在Python中，安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具： easy_install 和 pip ，目前官方推荐使用 pip。 </div></div><img class="lazy" data-type="0" data-src="/file/imgs/upload/202301/31/qn4pmgvm0lq.jpg" alt="Python pip包管理" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="ubuntu如何重新编译内核" href="https://www.528045.com/article/a65a3a171f.html">ubuntu如何重新编译内核</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="/file/uploads/202210/26/1sph0pw5wqc.jpg" alt="ubuntu如何重新编译内核" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="改善Java代码之慎用java动态编译" href="https://www.528045.com/article/d085d3bcbe.html">改善Java代码之慎用java动态编译</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/34.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="改善Java代码之慎用java动态编译" /><div class="clearboth"></div></li></ul><div class="seeMore"><a href="https://www.528045.com/article/program-c4-1.html">查看更多</a></div></div><div class="artSubmit"><h4 class="title"><div class="fl"><span class="icon bg_content bg_icon_yktg"></span><span class="name">编程资源站</span></div><div class="clearboth"></div></h4><ul class="submitNav clearfix"><li class="active first">资料下载</li><li>历年试题</li></ul><div class="submitBox active"><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年下半年软考高级信息系统项目管理师高频考点" href="https://www.528045.com/down/89bb6.html">2021年下半年软考高级信息系统项目管理师高频考点</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级信息系统技术知识点记忆口诀" href="https://www.528045.com/down/7d690.html">2021下半年软考高级信息系统技术知识点记忆口诀</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考《信息系统项目管理师》考试真题及答案" href="https://www.528045.com/down/4277a.html">2021下半年软考《信息系统项目管理师》考试真题及答案</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级考试备考攻略" href="https://www.528045.com/down/9248a.html">2021下半年软考高级考试备考攻略</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年软考高级《信息系统项目管理师》巩固练习题汇总" href="https://www.528045.com/down/fcca0.html">2021年软考高级《信息系统项目管理师》巩固练习题汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级信息系统项目管理师30个易考知识点汇总" href="https://www.528045.com/down/7636b.html">2021下半年软考高级信息系统项目管理师30个易考知识点汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级知识点这样记，还担心记不住吗" href="https://www.528045.com/down/76382.html">2021下半年软考高级知识点这样记，还担心记不住吗</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年下半年软考高级考试重点汇总" href="https://www.528045.com/down/15f44.html">2021年下半年软考高级考试重点汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级信息系统项目管理师计算公式汇总" href="https://www.528045.com/down/2d560.html">2021下半年软考高级信息系统项目管理师计算公式汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年下半年软考高级《信息系统项目管理师》模拟试题" href="https://www.528045.com/down/c0085.html">2021年下半年软考高级《信息系统项目管理师》模拟试题</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="seeMore"><a href="/down/">查看更多</a></div></div><div class="submitBox"><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="信息系统项目管理师选择题每日一练（2024）" href="https://www.528045.com/article/6d5f303202.html">信息系统项目管理师选择题每日一练（2024）</a><span class="hot"><a href="https://www.528045.com/article/lnst-c57-1.html">历年试题</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2023年下半年信息系统项目管理师综合知识真题演练" href="https://www.528045.com/article/f2da969d4f.html">2023年下半年信息系统项目管理师综合知识真题演练</a><span class="hot"><a href="https://www.528045.com/article/lnst-c57-1.html">历年试题</a></span></h5></div><div class="seeMore"><a href="https://www.528045.com/article/lnst-c57-1.html">查看更多</a></div></div></div><div class="meumfie"><h4 class="title"><div class="fl"><span class="icon bg_content bg_icon_ykzl"></span><span class="name">目录</span></div><div class="clearboth"></div></h4><div class="toc"></div></div></div><div class="clearboth"></div></div><script type="text/javascript" src="/skin/static/js/toc.js"></script><div class="popUp popDelay"><div class="maskBg"></div><div class="popCon"><span class="btn btn_close"></span><div class="tip"> 本网页已闲置超过3分钟，按键盘任意键或点击空白处，即可回到网页 </div><div class="delayMain"><div class="delaymain_left"><a href="https://www.528045.com"><img src="https://static.528045.com/skin/content_left.png?imageMogr2/format/webp/blur/1x0/quality/35"></a></div><div class="delaymain_right"><div class="news_title"><span class="fl">最新资讯</span ><a href="/" class="fr">更多</a><div class="clearboth"></div></div><ul></ul></div><div class="clearboth"></div></div><div class="bigshow"><a href="https://www.528045.com"><img src="https://static.528045.com/skin/content_bottom.png?imageMogr2/format/webp/blur/1x0/quality/35"></a></div></div></div><div class="footer"><div class="friendLink"><span class="friendTitle">友情链接</span><a href="https://www.lsjlt.com">编程网</a></div><script type="text/javascript" src="/skin/static/js/footermain.js"></script></div><div class="popCommon"><span class="mask"></span><div class="popCon"></div></div><div class="ajaxrightbtn"><div class="funBtnbox"><div class="rb_fk rb_ty br_bom"><div class="wx_mo1 _mo1"><i class="dtmuban-iconfont icon-fankui2"></i><p>反馈</p></div><a href="javascript:void(0);" onclick="Dsb('urs-form-modalfk');"><div class="_mo2 rb_gradient br_bom"><p>我要<br>反馈</p></div></a></div></div><div class="fbs fbs-gotp back2top" style="display: none;"><div class="rb_top rb_ty br_all"><div class="top_mo1 _mo1 "><i class="dtmuban-iconfont icon-zhiding"></i></div><a href="javascript:void(0);" title="返回顶部"><div class="_mo2 rb_gradient br_all"><p>返回<br>顶部</p></div></a></div></div></div><div id="urs-form-modalfk-bg" class="urs-form-modal-bg" style="display: none;"></div><div id="urs-form-modalfk" class="urs-form-modal" style="display: none;"><div class="urs-form-component plan-get-form-mini js-apply-form clearfix"><div class="urs-component-head"><div class="icon-close" onclick="Dhb('urs-form-modalfk');"><img id="close-btn" src="https://static.528045.com/skin/ic_delete_normal_24px.png"></div><p class="form-title">留言反馈</p><p></p><p class="form-line"></p></div><div class="urs-component-tab"><h5>感谢您的提交，我们服务专员将在<span>30分钟内</span>给您回复</h5><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-fanganguihua"></i><input class="u-input js-apply-phone" type="text" id="titleb" name="titleb" value="我要反馈留言，看到请回复" placeholder="留言标题"><span id="dtitlea"></span></div><div class="get-plan-form-item"><select name="typeidb" id="typeidb" class="u-select"><option value="">请选择类型</option><option value="0">问题反馈</option><option value="1">意见建议</option><option value="2">倒卖举报</option><option value="3">不良信息</option><option value="4">其他</option></select></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-yonghu"></i><input class="u-input js-apply-name" type="text" id="truenameb" name="truenameb" placeholder="您的姓名" value=""><span id="dtruenameb"></span></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-liuyan"></i><input class="u-input js-apply-phone" type="text" id="emailb" name="emailb" placeholder="您的邮箱" value=""><span id="demailb"></span></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-shouji"></i><input class="u-input js-apply-phone" type="text" id="telephoneb" name="telephoneb" placeholder="您的手机" value=""><span id="dtelephoneb"></span></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-liuyan2"></i><textarea class="u-textarea js-apply-content" id="contentb" name="contentb" placeholder="留言说明，文字为2-100字" value=""></textarea><span id="dcontentb"></span></div><button type="submit" name="submit" class="btn btn-red" onclick="checkaguestbook();">立即提交</button></div></div></div><style> .drop_more li{ list-style: none;} </style><script type="text/javascript" src="/file/script/config.js"></script><script type="text/javascript" src="/file/script/common.js"></script><script type="text/javascript" src="/skin/static/js/commonpop.js"></script><script type="text/javascript" src="/skin/static/js/header.js"></script><script type="text/javascript" src="/skin/static/js/footer.js"></script><script type="text/javascript" src="/skin/static/js/listconcommon.js"></script><script src="/skin/static/layui/layui.js" type="text/javascript"></script><script src="/skin/static/js/custom-script.js" type="text/javascript"></script><script src="/skin/static/js/indexsms.js?v=20240108.1443"></script><script type="text/javascript"> $(function(){ var destoon_userid = 0,destoon_username = '',destoon_member = destoon_guest = ''; destoon_guest = '<div class="login-li"><a href="javascript:void(0);" lay-on="showLoginPopup" class="a_on_dl" id="dn-login">请登录</a></div><div class="login-li"><a href="javascript:void(0);" lay-on="showLoginPopup" class="a_to">免费注册</a></div>'; destoon_member += destoon_guest; $('#m52_member').html(destoon_member); }); </script></body></html><script type="text/javascript" src="/skin/static/js/contentie.js"></script>