html中常用标签的总结汇总

Dbsite企业网站管理系统1.5.0

Dbsite企业网站管理系统V1.5.0 秉承"大道至简邦达天下"的设计理念,以灵巧、简单的架构模式构建本管理系统。可根据需求可配置多种类型数据库（当前压缩包支持Access）.系统是对多年企业网站设计经验的总结。特别适合于中小型企业网站建设使用。压缩包内包含通用企业网站模板一套，可以用来了解系统标签和设计网站使用。QQ技术交流群：115197646 系统特点：1.数据与页

下载

html标签
字体效果
区断标记
连结格式

立即学习“前端免费学习笔记（深入）”；
贴图/音乐
表格语法
分割视窗
表单
表示颜色的有三种方式；
.....属性可分为三种：

字体效果 0

字体效果 1

字体效果 2
字体效果 3
字体效果 4

字体效果 5
字体效果 6
字体效果 7
字体效果 8
字体效果 9

区断标记 0
区断标记 1

区断标记 2
区断标记 3

区断标记 4

区断标记 5

区断标记 6 html中常用标签的总结汇总

html标签

...普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

left'>向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定滚动速度

...设定卷动时间

...鼠标经过上面时停止滚动

...鼠标离开时开始滚动

区断标记 6 html中常用标签的总结汇总

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

...粗体字(强调) （同上效果略同）

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

~~...~~横线

~~...~~删除线

~~...~~删除线(表示删除)

...键盘文字

... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing>固定宽度小字体 ...字体颜色 ...最小字体 font-size:100 px'>...无限增大 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>区断标记 </h2> <hr> 水平线 <hr size="'<span" style="font-family: 'Times New Roman';">9'>水平线(设定大小) <hr width="'<span" style="font-family: 'Times New Roman';">80%'>水平线(设定宽度) <hr color="'<span" style="font-family: 'Times New Roman';">ff0000'>水平线(设定颜色) (换行) ...水域(不换行) ... 水域(段落) <center>...</center> 置中 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>连结格式 </h2> <base href="<span" style="font-family: 宋体;">位址>(预设好连结路径) <a href="<span" style="font-family: 宋体;">位址></a>外部连结 <a href="<span" style="font-family: 宋体;">位址 target='_blank'></a>外部连结(另开新视窗) <a href="<span" style="font-family: 宋体;">位址 target='_top'></a>外部连结(全视窗连结) <a href="<span" style="font-family: 宋体;">位址 target='页框名'></a>外部连结(在指定页框连结) <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>贴图/音乐 </h2> <img class="anchorclass" alt="html中常用标签的总结汇总" >图片位址>贴图 <img src="<span" style="max-width:90%" alt="html中常用标签的总结汇总" >图片位址 width="180">设定图片宽度 <img src="<span" style="max-width:90%" alt="html中常用标签的总结汇总" >图片位址 height="30">设定图片高度 <img src="<span" style="max-width:90%" alt="html中常用标签的总结汇总" >图片位址 alt="提示文字">设定图片提示文字 <img src="<span" style="max-width:90%" alt="html中常用标签的总结汇总" >图片位址 border="1">设定图片边框 <bgsound src="MID<span" style="font-family: 宋体;">音乐档位址>背景音乐设定 </bgsound> <a href="#_label2">区断标记 </a>6<img src="<span" style="max-width:90%" alt="html中常用标签的总结汇总" > <h2>表格语法 </h2> <table aling="left">...</table> 表格位置,置左 <table aling="center">...</table> 表格位置,置中 <table background="<span" style="font-family: 宋体;">图片路径>... </table> 背景图片的URL=就是路径网址 <table border="<span" style="font-family: 宋体;">边框大小>... </table> 设定表格边框大小(使用数字) <table bgcolor="<span" style="font-family: 宋体;">颜色码>... </table> 设定表格的背景颜色 <table borderclor="<span" style="font-family: 宋体;">颜色码>... </table> 设定表格边框的颜色 <table borderclordark="<span" style="font-family: 宋体;">颜色码>... </table> 设定表格暗边框的颜色 <table borderclorlight="<span" style="font-family: 宋体;">颜色码>... </table> 设定表格亮边框的颜色 <table cellpadding="<span" style="font-family: 宋体;">参数>... </table> 指定内容与格线之间的间距(使用数字) <table cellspacing="<span" style="font-family: 宋体;">参数>... </table> 指定格线与格线之间的距离(使用数字) <table cols="<span" style="font-family: 宋体;">参数>... </table> 指定表格的栏数 <table frame="<span" style="font-family: 宋体;">参数>... </table> 设定表格外框线的显示方式 <table width="<span" style="font-family: 宋体;">宽度>... </table> 指定表格的宽度大小(使用数字) <table height="<span" style="font-family: 宋体;">高度>... </table> 指定表格的高度大小(使用数字) <td colspan="<span" style="font-family: 宋体;">参数>... </td> 指定储存格合并栏的栏数(使用数字) <td rowspan="<span" style="font-family: 宋体;">参数>... </td> 指定储存格合并列的列数(使用数字) <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>分割视窗 </h2> <frameset cols="20%,*"> 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <frameset rows="20%,*"> 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <frameset cols="20%,*"> 分割左右两个框架 <frameset cols="20%,*,20%"> 分割左中右三个框架 分割上下两个框架 <frameset rows="20%,*,20%"> 分割上中下三个框架 属性： cols 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。 rows 就是横向切割，将窗口上下分开，数值设置同上。 以上两属性尽量不要在同一个<frameset></frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。 frameborder 设置框架的边框，其值有0不要边框，1要边框。 border 设置框架边框厚度 framespacing 表示框架与框架间保留空白的距离 frame 元素（单标签） 语法格式： <frame name="" src="url" scrolling="yes/no" noresize> 属性： name 框架名称，指定框架来做连接的目标窗口。 src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。 scrolling 是否显示滚动条，yes/no,auto是自动。 noresize 设置不让使用者改变这个框架的大小， noframe元素 指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 语法格式： <noframe></noframe> ...... <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>表单<form></form> </h2> 语法格式： <form action="url" method="get/post"> .... <input type="submit"><input type="reset"> </form> method有两种提交方式get,post action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。 method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。 申请表单用的是post搜索引擎用的是get 注解 <a href target> 指定超连结的分割视窗 </a> <a href="#<span" style="font-family: 宋体;">锚的名称> 指定锚名称的超连结 </a> <a href> 指定超连结 </a> <a name="<span" style="font-family: 宋体;">锚的名称> 被连结点的名称 </a> <address>....</address> 用来显示电子邮箱地址 粗体字 <base target>指定超连结的分割视窗 <basefont size>更改预设字形大小 <bgsound src>加入背景音乐 </bgsound> <big> 显示大字体 </big> <blink>闪烁的文字 </blink> 设定文字颜色 显示本文 换行 <caption align> 设定表格标题位置 <caption>...</caption> 为表格加上标题 <center> 向中对齐 <cite>...<cite> 用於引经据典的文字 </cite></cite> <code>...</code> 用於列出一段程式码 <comment>...</comment>加上注解 <dd> 设定定义列表的项目解说 <dfn>...</dfn> 显示"定义"文字 <dir>...</dir> 列表文字标签 <dl>...</dl> 设定定义列表的标签 </dd> <dt> 设定定义列表的项目 强调之用 任意指定所用的字形 设定字体大小 <form action> 设定户动式表单的处理方式 </form> <form method> 设定户动式表单之资料传送方式 <frame marginheight>设定视窗的上下边界 <frame marginwidth>设定视窗的左右边界 <frame name>为分割视窗命名 <frame noresize>锁住分割视窗的大小 <frame scrolling>设定分割视窗的卷轴 <frame src>将HTML档加入视窗 <frameset cols> 将视窗分割成左右的子视窗 <frameset rows> 将视窗分割成上下的子视窗 <frameset>...</frameset> 划分分割视窗 <h1>~<h6> 设定文字大小 </h6> </h1> 标示文件资讯 <hr> 加上分格线 文件的开始与结束 斜体字 <img class="anchorclass" alt="html中常用标签的总结汇总" >调整图形影像的位置 <img align alt="html中常用标签的总结汇总" >为你的图形影像加注 <img alt>加入影片 <img dynsrc loop alt="html中常用标签的总结汇总" >插入图片并预设图形大小 <img height width alt="html中常用标签的总结汇总" >插入图片并预设图形的左右边界 <img hspace alt="html中常用标签的总结汇总" >预载图片功能 <img lowsrc alt="html中常用标签的总结汇总" >设定图片边界 <img src border alt="html中常用标签的总结汇总" >插入图片 <img src alt="html中常用标签的总结汇总" >插入图片并预设图形的上下边界 <input type name value>在表单中加入输入栏位 <isindex>定义查询用表单 <kbd>...</kbd> 表示使用者输入文字 <li type>...</li> 列表的项目 ( 可指定符号 ) <marquee>跑马灯效果 </marquee> <menu>...</menu> 条列文字标签 <meta name="REFRESH" content url>自动更新文件内容 <multiple>可同时选择多项的列表栏 </multiple> <noframe>定义不出现分割视窗的文字 </noframe> <ol>...</ol> 有序号的列表 <option>定义表单中列表栏的项目 </option> 设定对齐方向 分段 <person>...</person>显示人名 <pre class="brush:php;toolbar:false;"> 使用原有排列 <SAMP>...</SAMP> 用於引用字 <select >...</select > 在表单中定义列表栏 显示小字体 <STRIKE> 文字加横线 用於加强语气 下标字 上标字 <TABLE BORDER=n> 调整表格的宽线高度 <TABLE CELLPADDING> 调整资料栏位之边界 <TABLE CELLSPACING> 调整表格线的宽度 <TABLE HEIGHT> 调整表格的高度 <TABLE WIDTH> 调整表格的宽度 <TABLE>...</TABLE> 产生表格的标签 <TD ALIGN> 调整表格栏位之左右对齐 <TD BGCOLOR> 设定表格栏位之背景颜色 <TD COLSPAN ROWSPAN> 表格栏位的合并 <TD NOWRAP> 设定表格栏位不换行 <TD VALIGN> 调整表格栏位之上下对齐 <TD WIDTH> 调整表格栏位宽度 <TD>...</TD> 定义表格的资料栏位 <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 <TEXTAREA WRAP> 决定文字输入栏是自动否换行 <TH>...</TH> 定义表格的标头栏位 <TITLE> 文件标题 <TR>...</TR> 定义表格美一行 <TT> 打字机字体 文字加底线 <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) <var>...</var> 用於显示变数 BlockQuotc文本缩进 <a href="#_labelTop">回到顶部</a>@@##@@<h2>表示颜色的有三种方式； </h2> 1，16进制颜色代码 语法：#RRGGBB 例：红色 2，10进制RGB码 语法：RGB（RRR，GGG，BBB） 例：红色 3,直接用颜色的英文名称 例：红色 <a href="#_labelTop">回到顶部</a>@@##@@<h2><body>.....</body>属性可分为三种： </h2> 1，背景属性 包括：bgcolor,background 2,文字属性： 包括：text,link,alink,vlink, 3,留白属性： 其中分为：leftmargin,topmargin .bgcolor背景色 语法格式：<body bgcolor="#ff0000"> .background背景图案。 语法格式：<body background="url"> .text文本颜色（非连接文字颜色） .link连接文字颜色（可连接文字颜色） .alink活动连接文字颜色（正被点击的可连接文字的颜色） .vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色） 语法格式：<body text="color" link="color" alink="color" vlink="color"> .leftmargin 页面左侧的留白距离 .topmargin 页面顶部的留白距离 语法格式：<body leftmargin="value" topmargin="value"> 注：value为长度值为数字 @@##@@<h3>align 属性 </h3> 语法：<h2 align="?">文字</h2> 其属性有三种：left靠左,center居中,right靠右 〈p〉为段落标记，可利用以上属性对整个段落进行设置 〈br>为换行标记 为不换行标记放在文字两边即可 例：<body> <h3>江南逢李龟年</h3> 歧王宅里寻常见 催九堂前几度闻 正是江南好风景 落花时节又逢君 </body> 预格式化： <pre class="brush:php;toolbar:false;">......</pre> 浏览是效果和编写是效果格式一样 <a href="#_label2">区断标记 </a>6<img vspace alt="html中常用标签的总结汇总" > <h2> 列表 </h2> <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>1无序列表又称符号列表 </h3> 语法格式： <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 <li> 文字 </li> <li> 文字 </li> </ul> <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>2有序列表 </h3> 语法格式： <ol type="?" start> <li> 文字 </li> <li> 文字 </li> </ol> type的值是编号字符可选的有1...,a...,A...,i... ,I... start为起始值例：如果start为3是那么将从3开始，而且必须是数字。 <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>3定义列表 </h3> <dl> 定义列表标记 <dt> 标示定义条目 </dt> <dd> 标示定义内容 语法格式： <dl> <dt> 文字 </dt> <dd> 文字内容 </dd> </dl> 连接和图像 语法格式： <a href="#_label3">连结格式 </a>5 属性：href 连接目标值可以是url地址也可以是连接锚点 <a href="#_label3">连结格式 </a>6或者 <a href="#_label3">连结格式 </a>7 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>name 连接名称 </h2> 语法格式：<a name="<span%20style=" font-family:>锚点名称</a>">... 例：<a name="abcdcf">...</a> 连接到该锚点的连接则应是： <a name="#abcdef">....</a> <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2> target目标窗口语法格式：</h2> <a href="#_label4">贴图/音乐 </a>0 -blank打开新窗口 _self当前窗口打开 一下两个仅在框架叶面中应用 _parent当前窗口的父级窗口（上一级）打开 _top在最高一级的窗口打开 windowname已命名的窗口或框架中打开连接 title连接提示 <a href="#_label4">贴图/音乐 </a>1 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>图像<img class="anchorclass" alt="html中常用标签的总结汇总" >语法格式：</h2> <img class="anchorclass" alt="html中常用标签的总结汇总" > border属性定义图片边框的宽度，默认值为0 align属性设置图片旁边文字的位置 语法格式：<img class="anchorclass" alt="html中常用标签的总结汇总" > 可选值有： top图片和文字顶部对齐 middle图片和文字居中对齐 bottom图片和文字底边对齐（默认） left图片居左对齐，文字沿图片绕排 right图片居右对齐，文字沿图片绕排 absmiddle图片对齐到目前文字行绝对中央 absbottom图片对齐到目前文字行绝对底部 文字的排版 不换行空白标记 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>font元素 </h2> 语法格式： 字体名称" size="字体大小" color="字体颜色"> 字体大小可选值为1——7，默认为3 例：〈font face="黑体" size="4" color="#ff00ff">.... 水平线<hr> 语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade> noshade无阴影，既实线 层〈p>两种元素 是块级元素，和段落元素相似，不同的是两个元素之间不会产生两个元素之间的空行， 是行内元素，可以定义段落中部分文字的属性 语法格式： ... align设置层中元素的水平对齐方式 stule设置元素应用css规范的属性 兼容性比要好一点，最好使用 <a href="#_label2">区断标记 </a>6<img alt="html中常用标签的总结汇总" > <h2> 表格语法格式：</h2> <table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> <tr>...<td>....</td>....</tr> </table> border边框宽度默认值为0，既没有边框 cellspacing表格中单元格的边距大小，默认值为两个像素 cellpadding表格中单元格之间的间距大小，默认值为两个像素 <img src="url" alt="?" style="max-width:90%" height="?" border="?" align="?"> <h3>tr元素 </h3> 语法格式： <tr align="" bgcolor="">....</tr> align属性对齐方式可选值如下：left,center,tight,默认为left bgcolor指定该行的背景颜色 <img src="" align alt="html中常用标签的总结汇总" > <h3>td元素 </h3> 语法格式： <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">..... </td> align属性的可选值有：left,center,right valign属性的可选值有：top,middle,bottom rowspan和colapan跨行和跨列的数量，默认为1 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>input元素语法格式：</h2> <input type=""> type属性的可选值有： text 单行文本框 属性：name 文本框名称 value 文本框的初始值 size 文本框的长度 maxlength 可输入字符串最大的长度 radio 单选框 属性：name 单选框名称 value 内部值 checked 默认选定 checkbox 复选框 属性：name 复选框名称 value 内部值 checked 默认选定 reset 重置按钮 submit 确定按钮 属性：name 按钮名称 value 显示在按钮上的文字 password 密码框 属性与文本框的属性完全相同 file 文件域 属性：name文件域名称 size 文件域的长度 maxlength 文件域可接受的字符数量的上限 hidden 隐藏域 属性：name 隐藏域名称 value 内定值 image 图片域 属性：name 所要代表的按钮，可以是submit,reset,或其他. src 按钮图片的url 地址 列表框<select></select> 语法格式： <select></select> ..... <option>....</option> ..... <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>select元素 </h2> 语法格式：<select name="" size="" multiple></select> name 指定列表框的名字 size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个<a href="#_label4">贴图/音乐 </a>7 multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项 <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>option属性 </h3> 语法格式：<option value="" selected></option> value 该列表项的值 selected 如果设定了这个参数，默认为选定这一项 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>多行文本框<textarea></textarea></h2> <textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea> 属性： name文本框的名称 cols文本框的宽度 rows文本框的高度 wrap文本框的折行方式可选值有： off不保存换行信息 physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出， virtual送出连续成串的字除非使用者按回车。 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>css 层叠样式表 </h2> 引入层叠样式表的方法包括： <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>外联式样式表 </h3> 例： <link rel="stylesheet" href="/css/default.css"> .... 属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 内嵌式样式表： 例： <style type="text/css"></style>  .... <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>元素内定 </h3> 格式： <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>导入式样式表 </h3> 〈html> <style type="text/css"></style>  .... css的优先级 越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。 <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>css结构 </h3> 例：td{font-size:10.5pt;color:#666666} css样式包含两个基础部分， 选择符 <td> 和声明{font-size:10.5pt;color:#666666} 声明也有两部分组成： 属性font-size,color和值10.5pt,#666666 <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>选择符分为6种 </h3> 1元素选择符 当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开例：td,p,li,input,select{font-size:12px;} 2class(类)选择符 例：〈head> <title>.....</title> <style type="text/css"></style>  士大夫井冈山地方官 九连环离开计划 还有一种方法就是限定可以应用它的页面元素 例：〈head> <title>.....</title> <style type="text/css"></style>  士大夫井冈山地方官 <h1 class="red"> 九连环离开计划 </h1> 3 id选择符 与class选择附类似，只是把'.'换成'#' 例： <style type="text/css"></style>  <table width="250" border="1" height="50"> <tr> <td align="center" id="select">id选择符 </td> </tr> </table> 我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用 <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>关联选择符 </h3> <style type="text/css"></style>  <table width="250" border="1" height="50"> <tr> <td align="center">关联选择符</td> </tr> </table> 关联选择符 我们设定了在元素中 </td> <td> 的元素所包含文字的样式，只有在两个条件都满足是，样式在会起作用， 伪类选择符 是只能用在css选择符里，而不能用在html代码中的选择符 例： 〈html> <style type="text/css"></style>  <a href="#_label5">表格语法 </a>0 <a href="#_label5">表格语法 </a>0 <a href="#_label5">表格语法 </a>0 <a href="#_label5">表格语法 </a>0 〈/body> 正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 <img class="anchorclass" alt="html中常用标签的总结汇总" > <h3>伪元素选择符</h3> 与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 例：首行 <style></style>  dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... 长度随浏览器窗口大小而改变 首字 <style></style>  dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... 以上两种都只能应用于块状元素上 <a href="#_label5">表格语法 </a>4<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>css规则 </h2> 1.继承 例： <style type="text/css"></style>  <table width="300" border="1" height="150"> <tr> <td align="center"> css规则 </td> </tr> </table> 为最高级 </td> <td> 次一级两种css用在一个属性元素上，相同的覆盖，不同的继承， 2.组合 例:td{font-size:12pt} p1{font-size:12pt} 组合后 td,.p1{font-size:12pt} 3.层叠 在样式里定义过后，在表格属性中又定义一 <style type="text/css"></style>  <table width="300" border="1" height="150"> <tr> <td align="center" style="color:#0000ff" class="red"> 决撒地方官 </td> </tr> </table> css单位 分四大类： 1 长度单位 数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用） 换算关系： 1in(英寸)=6pc(派 1in(英寸)=72pt(磅) 1in(英寸)=2.54(厘米) 1cm(厘米)=10mm(毫米) 1cm(厘米)=0.3937(英寸) 1pt(磅)=1/72in(英寸)=0.2478mm(毫米) 1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 2 百分比单位 3 颜色单位 4 url单位 <a href="#_label5">表格语法 </a>4<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2>p属性 </h2> color : #999999 文字颜色 font-family : 宋体文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 <a href="#_label5">表格语法 </a>6 : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 <a href="#_label5">表格语法 </a>7:sub 下标字 vertical-align:super 上标字 <a href="#_label5">表格语法 </a>8:line-through 加?h除线 text-decoration:overline 加顶线 text-decoration:underline 加底线 text-decoration:none ?h除连接底线 <a href="#_label5">表格语法 </a>9 : capitalize 首字大写 text-transform : uppercase 英文大写 text-transform : lowercase 英文写 text-align:right 文字*右对齐 text-align:left 文字*左对齐 text-align:center 文字置中对齐 这些是一些简单的文字效果，可以应用到css的页面中。　 <a href="#_label2">区断标记 </a>6<img class="anchorclass" alt="html中常用标签的总结汇总" > <h2> 背景 </h2> TEXTAREA STYLE="border:1px dashed pink"> 实线 <textarea style="border:1px solid pink"></textarea> <img class="anchorclass" alt="html中常用标签的总结汇总" ><img class="anchorclass" alt="html中常用标签的总结汇总" ><img class="anchorclass" alt="html中常用标签的总结汇总" ><img class="anchorclass" alt="html中常用标签的总结汇总" > </td> </dd> </dl> </frameset> </frameset> </form> </dt> </center> </caption> </frameset> </frameset> </frameset> </frameset> </frameset> </div> <div class="artmoreart "> <div class="artdp artptit"> 相关文章 </div> <div class="artmores flexColumn"> <a class="artmrlis flexRow" href="/faq/2047818.html" title="如何正确处理 HTML 复选框（checkbox）在 PHP 中的未勾选状态"> 如何正确处理 HTML 复选框（checkbox）在 PHP 中的未勾选状态 </a> <a class="artmrlis flexRow" href="/faq/2047769.html" title="HTML表单提交导致页面刷新：如何防止结果闪退并正确显示验证反馈"> HTML表单提交导致页面刷新：如何防止结果闪退并正确显示验证反馈 </a> <a class="artmrlis flexRow" href="/faq/2047690.html" title="HTML表单提交导致页面闪退：如何阻止默认行为实现稳定反馈"> HTML表单提交导致页面闪退：如何阻止默认行为实现稳定反馈 </a> <a class="artmrlis flexRow" href="/faq/2047382.html" title="如何在网页中直接嵌入未托管的 HTML 内容"> 如何在网页中直接嵌入未托管的 HTML 内容 </a> <a class="artmrlis flexRow" href="/faq/2047332.html" title="如何用纯 CSS 实现响应式图片轮播器（无 JavaScript）"> 如何用纯 CSS 实现响应式图片轮播器（无 JavaScript） </a> </div> <div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)"></a> <div class="aritcle_card_info flexColumn"> <a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">HTML速学教程(入门课程)</a> HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！ </div> <a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aritcle_card_btn flexRow flexcenter">下载 </a> </div> </div> <div class="artmoretabs flexRow"> 相关标签: <div class="mtbs flexRow"> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15763.html" target="_blank">html</a> </div> </div> 本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn <div class="lastanext flexRow"> <a class="lastart flexRow" href="/faq/367595.html" title="对常见全局属性的总结分享">上一篇：对常见全局属性的总结分享</a> <a class="nextart flexRow" href="/faq/367598.html" title="有关html标签解释大全">下一篇：有关html标签解释大全</a> </div> </div> <div class="artlef-down "> <div class="authormore "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 作者最新文章 </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/362217.html" title="HTML中用正则表达式实现表格验证"> HTML中用正则表达式实现表格验证 </a> <div class="authtime flexRow"> 2018-05-29 15:14 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/370599.html" title="Swiper轮播图源码分享解析"> Swiper轮播图源码分享解析 </a> <div class="authtime flexRow"> 2018-05-28 17:04 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/373935.html" title="HttpUtils请求工具类的代码"> HttpUtils请求工具类的代码 </a> <div class="authtime flexRow"> 2018-05-28 16:13 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/375959.html" title="如何给php数组添加元素"> 如何给php数组添加元素 </a> <div class="authtime flexRow"> 2018-05-30 15:01 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/376633.html" title="CSS3实现hover离开时平滑过渡的实例详解"> CSS3实现hover离开时平滑过渡的实例详解 </a> <div class="authtime flexRow"> 2018-05-28 17:36 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/376780.html" title="PHP限制相同IP多次提交的解决办法"> PHP限制相同IP多次提交的解决办法 </a> <div class="authtime flexRow"> 2018-05-30 09:31 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/377752.html" title="实例展示JS实现简单的选择题测评系统"> 实例展示JS实现简单的选择题测评系统 </a> <div class="authtime flexRow"> 2018-05-30 09:42 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/377851.html" title="Java构建树形菜单（包括多级菜单）的实例代码"> Java构建树形菜单（包括多级菜单）的实例代码 </a> <div class="authtime flexRow"> 2018-05-28 17:49 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/378766.html" title="总结整理VsCode插件"> 总结整理VsCode插件 </a> <div class="authtime flexRow"> 2018-05-28 16:33 </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/379000.html" title="有关JavaScript严格模式下this的指向问题详解"> 有关JavaScript严格模式下this的指向问题详解 </a> <div class="authtime flexRow"> 2018-05-29 13:43 </div> </div> </div> </div> <div class="moreAi "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 热门AI工具 </div> <a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具">更多</a> </div> <div class="moreailist flexRow"> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/723" title="DeepSeek" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/723" title="DeepSeek" class="overflowclass abripone">DeepSeek</a> 幻方量化公司旗下的开源大模型平台 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI 聊天问答</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/726" title="豆包大模型" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/726" title="豆包大模型" class="overflowclass abripone">豆包大模型</a> 字节跳动自主研发的一系列大型语言模型 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/code/large-model" target="_blank" >AI大模型</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/725" title="通义千问" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/725" title="通义千问" class="overflowclass abripone">通义千问</a> 阿里巴巴推出的全能AI助手 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/854" title="腾讯元宝" class="overflowclass abripone">腾讯元宝</a> 腾讯混元平台推出的AI助手 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/office/docs" target="_blank" >文档处理</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI 聊天问答</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/724" title="文心一言" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/724" title="文心一言" class="overflowclass abripone">文心一言</a> 文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/1507" title="讯飞写作" class="overflowclass abripone">讯飞写作</a> 基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text/chinese-writing" target="_blank" >中文写作</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/1115" title="即梦AI" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/1115" title="即梦AI" class="overflowclass abripone">即梦AI</a> 一站式AI创作平台，免费AI图片和视频生成。 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="" target="_blank" ></a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/image/image-titching" target="_blank" >图片拼接</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/808" title="ChatGPT" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/808" title="ChatGPT" class="overflowclass abripone">ChatGPT</a> 最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtnsa flexRow" > <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="overflowclass abripone">智谱清言 - 免费全能的AI助手</a> 智谱清言 - 免费全能的AI助手 <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="conRight artdtilRight "> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="hotzt artdtzt"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 相关专题 </div> <a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题">更多</a> </div> <div class="hotztuls flexColumn"> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/csjmsyrjjg" class="aClass flexRow hotzta" title="C++ 设计模式与软件架构"><img src="https://img.php.cn/upload/subject/202601/30/2026013010035824284.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="C++ 设计模式与软件架构" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/csjmsyrjjg" class="aClass flexRow hotztra overflowclass" title="C++ 设计模式与软件架构">C++ 设计模式与软件架构</a> 本专题深入讲解 C++ 中的常见设计模式与架构优化，包括单例模式、工厂模式、观察者模式、策略模式、命令模式等，结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析，帮助开发者掌握如何运用设计模式构建高质量的软件架构，提升系统的灵活性与可扩展性。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 14 </div> <div class="htztdTime flexRow"> 2026.01.30 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/cjjzfcgsh" class="aClass flexRow hotzta" title="c++ 字符串格式化"><img src="https://img.php.cn/upload/subject/202601/30/2026013009581328823.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="c++ 字符串格式化" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/cjjzfcgsh" class="aClass flexRow hotztra overflowclass" title="c++ 字符串格式化">c++ 字符串格式化</a> 本专题整合了c++字符串格式化用法、输出技巧、实践等等内容，阅读专题下面的文章了解更多详细内容。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 9 </div> <div class="htztdTime flexRow"> 2026.01.30 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazfcgsh" class="aClass flexRow hotzta" title="java 字符串格式化"><img src="https://img.php.cn/upload/subject/202601/30/2026013009503958383.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java 字符串格式化" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazfcgsh" class="aClass flexRow hotztra overflowclass" title="java 字符串格式化">java 字符串格式化</a> 本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 12 </div> <div class="htztdTime flexRow"> 2026.01.30 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/pythonzfcgsh" class="aClass flexRow hotzta" title="python 字符串格式化"><img src="https://img.php.cn/upload/subject/202601/30/2026013009412416721.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="python 字符串格式化" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/pythonzfcgsh" class="aClass flexRow hotztra overflowclass" title="python 字符串格式化">python 字符串格式化</a> 本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容，阅读专题下面的文章了解更多详细操作。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 4 </div> <div class="htztdTime flexRow"> 2026.01.30 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotzta" title="java入门学习合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b40d167f7c445.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java入门学习合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotztra overflowclass" title="java入门学习合集">java入门学习合集</a> 本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容，阅读专题下面的文章了解更多详细学习方法。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 20 </div> <div class="htztdTime flexRow"> 2026.01.29 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javapzhjbljch" class="aClass flexRow hotzta" title="java配置环境变量教程合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b3eeca4c96290.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java配置环境变量教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javapzhjbljch" class="aClass flexRow hotztra overflowclass" title="java配置环境变量教程合集">java配置环境变量教程合集</a> 本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容，阅读专题下面的文章了解更多详细操作。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 18 </div> <div class="htztdTime flexRow"> 2026.01.29 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javacpxxwz" class="aClass flexRow hotzta" title="java成品学习网站推荐大全"><img src="https://img.php.cn/upload/subject/000/000/075/697b3ce34c1ad790.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java成品学习网站推荐大全" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javacpxxwz" class="aClass flexRow hotztra overflowclass" title="java成品学习网站推荐大全">java成品学习网站推荐大全</a> 本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容，阅读专题下面的文章了解更多详细推荐内容。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 19 </div> <div class="htztdTime flexRow"> 2026.01.29 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazfcclsyjc" class="aClass flexRow hotzta" title="Java字符串处理使用教程合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b3a2f0eba1672.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java字符串处理使用教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazfcclsyjc" class="aClass flexRow hotztra overflowclass" title="Java字符串处理使用教程合集">Java字符串处理使用教程合集</a> 本专题整合了Java字符串截取、处理、使用、实战等等教程内容，阅读专题下面的文章了解详细操作教程。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 3 </div> <div class="htztdTime flexRow"> 2026.01.29 </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javakdxxgjchj" class="aClass flexRow hotzta" title="Java空对象相关教程合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b37db731a5352.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java空对象相关教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javakdxxgjchj" class="aClass flexRow hotztra overflowclass" title="Java空对象相关教程合集">Java空对象相关教程合集</a> 本专题整合了Java空对象相关教程，阅读专题下面的文章了解更多详细内容。 <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> 6 </div> <div class="htztdTime flexRow"> 2026.01.29 </div> </div> </div> </div> </div> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 热门下载 </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载">更多</a> </div> <div class="hotdownTab"> <div class="hdTabs flexRow"> <div class="check" data-id="onef">网站特效 </div> / <div class="" data-id="twof">网站源码 </div> / <div class="" data-id="threef">网站素材 </div> / <div class="" data-id="fourf">前端模板 </div> </div> <ul class="onef"> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="jQuery鼠标滚轮控制幻灯片切换" href="/xiazai/js/8740">[图片特效]jQuery鼠标滚轮控制幻灯片切换</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="jQuery微信手机端答题表单特效" href="/xiazai/js/8739">[表单按钮]jQuery微信手机端答题表单特效</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="js正则表达式表单验证代码" href="/xiazai/js/8738">[表单按钮]js正则表达式表单验证代码</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="CSS3图片形状遮罩动画效果" href="/xiazai/js/8737">[图片特效]CSS3图片形状遮罩动画效果</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="div css手机网站login表单特效" href="/xiazai/js/8736">[表单按钮]div css手机网站login表单特效</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="qq空间遮罩层jQuery相册切换" href="/xiazai/js/8735">[图片特效]qq空间遮罩层jQuery相册切换</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="jquery衣服尺寸勾选表单" href="/xiazai/js/8734">[表单按钮]jquery衣服尺寸勾选表单</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="22款不同效果产品图片展示切换" href="/xiazai/js/8733">[图片特效]22款不同效果产品图片展示切换</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="jquery带登录注册幻灯片代码" href="/xiazai/js/8732">[表单按钮]jquery带登录注册幻灯片代码</a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" title="jQuery图片放大变小切换代码" href="/xiazai/js/8731">[图片特效]jQuery图片放大变小切换代码</a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11355" title="openaishop">[电商源码]openaishop </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11354" title="思翔企(事)业单位文件柜 build 20080313">[其它模板]思翔企(事)业单位文件柜 build 20080313 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0">[企业站源码]雅龙智能装备工业设备类WordPress主题1.0 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统">[电商源码]威发卡自动发卡系统 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11351" title="卡密分发系统">[电商源码]卡密分发系统 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网">[电商源码]中华陶瓷网 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站">[电商源码]简洁粉色食品公司网站 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11348" title="极速网店系统">[电商源码]极速网店系统 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统">[电商源码]淘宝妈妈_淘客推广系统 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统">[电商源码]积客B2SCMS商城系统 </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4307" title="手绘烘焙面包食材合集矢量素材">[网站素材]手绘烘焙面包食材合集矢量素材 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4306" title="复古红日山峰风景矢量素材">[网站素材]复古红日山峰风景矢量素材 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4305" title="极简复古意大利面海报矢量模板">[网站素材]极简复古意大利面海报矢量模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4304" title="国风红色灯笼装饰合集矢量素材">[网站素材]国风红色灯笼装饰合集矢量素材 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4303" title="快餐美食宣传海报模板INS下载">[网站素材]快餐美食宣传海报模板INS下载 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4302" title="卡通灯塔房屋建筑合集矢量素材">[网站素材]卡通灯塔房屋建筑合集矢量素材 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4301" title="黑色耳机宣传海报PSD模板设计下载">[网站素材]黑色耳机宣传海报PSD模板设计下载 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4300" title="冬季蓝色雪花松枝合集矢量素材">[网站素材]冬季蓝色雪花松枝合集矢量素材 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4299" title="情人节爱心主题海报PSD源文件设计下载">[网站素材]情人节爱心主题海报PSD源文件设计下载 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/sucai/4298" title="2026粉色梦幻马年矢量模板">[网站素材]2026粉色梦幻马年矢量模板 </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8590" title="驾照考试驾校HTML5网站模板">[前端模板]驾照考试驾校HTML5网站模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8589" title="驾照培训服务机构宣传网站模板">[前端模板]驾照培训服务机构宣传网站模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8588" title="HTML5房地产公司宣传网站模板">[前端模板]HTML5房地产公司宣传网站模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8587" title="新鲜有机肉类宣传网站模板">[前端模板]新鲜有机肉类宣传网站模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8586" title="响应式天气预报宣传网站模板">[前端模板]响应式天气预报宣传网站模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8585" title="房屋建筑维修公司网站CSS模板">[前端模板]房屋建筑维修公司网站CSS模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8584" title="响应式志愿者服务网站模板">[前端模板]响应式志愿者服务网站模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8583" title="创意T恤打印店网站HTML5模板">[前端模板]创意T恤打印店网站HTML5模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8582" title="网页开发岗位简历作品展示网页模板">[前端模板]网页开发岗位简历作品展示网页模板 </a> </div> </li> <li> <div class="wzrfourli flexRow"> <a target="_blank" href="/xiazai/code/8581" title="响应式人力资源机构宣传网站模板">[前端模板]响应式人力资源机构宣传网站模板 </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 相关下载 </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载">更多</a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><a target="_blank" title="Dbsite企业网站管理系统1.5.0" href="/xiazai/code/10531">Dbsite企业网站管理系统1.5.0</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 精品课程 </div> <a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程">更多</a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="onefd">相关推荐 </div> / <div class="" data-id="twofd">热门推荐 </div> / <div class="" data-id="threefd">最新课程 </div> </div> <div class="onefd jpktabd"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1673.html" title="Bootstrap 5教程"> <img src="https://img.php.cn/upload/course/000/000/090/6899a24dcdf73781.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Bootstrap 5教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1673.html" title="Bootstrap 5教程" class="rirightp overflowclass">Bootstrap 5教程</a> <div class="risrdown flexRow"> 共46课时 | 3.1万人学习 </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1672.html" title="AngularJS教程"> <img src="https://img.php.cn/upload/course/000/000/090/68998d18b4142615.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="AngularJS教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1672.html" title="AngularJS教程" class="rirightp overflowclass">AngularJS教程</a> <div class="risrdown flexRow"> 共24课时 | 3.1万人学习 </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1660.html" title="CSS教程"> <img src="https://img.php.cn/upload/course/000/000/090/68774990cfb6f919.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="CSS教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1660.html" title="CSS教程" class="rirightp overflowclass">CSS教程</a> <div class="risrdown flexRow"> 共754课时 | 25.3万人学习 </div> </div> </div> </div> <div class="twofd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> 共6课时 | 11.2万人学习 </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="risrdown flexRow"> 共79课时 | 151.8万人学习 </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> 共6课时 | 53.4万人学习 </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1696.html" title="最新Python教程从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程从入门到精通" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1696.html" title="最新Python教程从入门到精通" class="rirightp overflowclass">最新Python教程从入门到精通</a> <div class="risrdown flexRow"> 共4课时 | 22.4万人学习 </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> 共6课时 | 11.2万人学习 </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="rirightp overflowclass">PHP新手语法线上课程教学</a> <div class="risrdown flexRow"> 共13课时 | 0.9万人学习 </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> 最新文章 </div> <a class="rititle-more flexRow" href="" title="最新文章" target="_blank">更多</a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><a target="_blank" title="如何让图片在容器内自适应尺寸并保持宽高比" href="/faq/2049505.html">如何让图片在容器内自适应尺寸并保持宽高比</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="如何从 HTML 响应中提取特定元素的值并保存到变量" href="/faq/2049497.html">如何从 HTML 响应中提取特定元素的值并保存到变量</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="CSS 动画首次点击失效：如何正确初始化元素位置以启用 transition" href="/faq/2049493.html">CSS 动画首次点击失效：如何正确初始化元素位置以启用 transition</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="如何从 HTML 响应中提取指定元素的值并存入变量" href="/faq/2049492.html">如何从 HTML 响应中提取指定元素的值并存入变量</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="WhatsApp 链接生成器中将空格替换为 + 号的完整实现教程" href="/faq/2049484.html">WhatsApp 链接生成器中将空格替换为 + 号的完整实现教程</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="CSS 动画首次点击失效的解决方案" href="/faq/2049468.html">CSS 动画首次点击失效的解决方案</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="CSS 动画首次点击失效？原因与解决方案详解" href="/faq/2049425.html">CSS 动画首次点击失效？原因与解决方案详解</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="如何为多个下拉菜单创建可复用的选项值同步函数" href="/faq/2049415.html">如何为多个下拉菜单创建可复用的选项值同步函数</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="如何为多个下拉选择框创建可复用的函数，自动同步选项值与文本内容" href="/faq/2049299.html">如何为多个下拉选择框创建可复用的函数，自动同步选项值与文本内容</a></div> <div class="xgwzlid flexRow"><a target="_blank" title="如何为多个下拉选择框创建可复用的选项值同步函数" href="/faq/2049192.html">如何为多个下拉选择框创建可复用的选项值同步函数</a></div> </div> </div> </div> </div> </div>  <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a target="_blank" href="/about/us.html" rel="nofollow" title="关于我们" class="cBlack">关于我们</a> <a target="_blank" href="/about/disclaimer.html" rel="nofollow" title="免责申明" class="cBlack">免责申明</a> <a target="_blank" href="/about/jbzx.html" rel="nofollow" title="举报中心" class="cBlack">举报中心</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a target="_blank" href="https://www.php.cn/teacher.html" rel="nofollow" title="讲师合作" class="cBlack">讲师合作</a> <a target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" title="广告合作" class="cBlack">广告合作</a> <a target="_blank" href="/new/" title="最新文章列表" class="cBlack">最新更新</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <a href="javascript:;" class="cBlack">关注服务号</a> 微信扫码 关注PHP中文网服务号 <img src="/static/images/examples/text16.png"/> <a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" class="cBlack">技术交流群</a> QQ扫码 加入技术交流群 <img src="/static/images/examples/text18.png"/> <div class="clear"></div> </dd> </dl> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <img src="/static/images/examples/text17.png"/> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn">Copyright 2014-2026 <a href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script> <script src="/static/js/cdn.js?v=1.0.1"></script>      <style> .layui-fixbar{display: none;} </style> <div class="phpSdhBox" style="height:240px !important;"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/k24.html" class="hover" title="PHP学习"> PHP学习 </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="https://www.php.cn/blog/detail/1047189.html" > 技术支持 </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="#"> 返回顶部 </a> </div> </div> </li> </div> </body> </html> <script type="text/javascript" src="/hitsUp?type=article&id=367596&time=1769791527"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769791527"></script> <script> article_status = "7"; </script> <input type="hidden" id="verifycode" value="/captcha.html"> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";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> <script> function setCookie(name, value, iDay) { //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for (var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if (name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '11']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script>  <script> setCookie('is_article', 1, 1); </script> <script> var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //未登录复制显示登录按钮 if(is_login == 0 && false){ $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) }else{ // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 创建AI写代码按钮 var aiButton = document.createElement('button'); aiButton.className = 'copy-button'; aiButton.textContent = 'AI写代码'; aiButton.style.marginLeft = '5px'; aiButton.style.marginRight = '5px'; // 添加点击事件处理程序 aiButton.addEventListener('click', function() { // Generate a random number between 0 and 1 var randomChance = Math.random(); // If the random number is less than 0.5, open the first URL, else open the second if (randomChance < 0.5) { window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank'); } else { window.open('https://click.aliyun.com/m/1000402709/', '_blank'); } }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); preElement.parentNode.insertBefore(aiButton, preElement); }); } </script>