HTML标签属性大全(开发人员必备)

HTML标签属性大全(开发人员必备)最常见的 HTML 标签属性大全 和大家分享一下 字体效果 标题字 最大 标题字 最小 粗体字 粗体字 强调 同上效果略同 斜体字 斜体字 强调 斜体字 表示定义 底线 底线 表示插入文字 横线 删除线 删除线 表示删除 键盘文字 打字体

最常见的HTML标签属性大全,和大家分享一下:


字体效果

标题字(最大)

标题字(最小)

粗体字

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

斜体字

斜体字(强调)

斜体字(表示定义)

底线

底线(表示插入文字)




横线

删除线

删除线(表示删除)

...键盘文字

... 打字体

<br /> &#8230;<br />固定宽度字体(在文件中空白、换行、定位功能有效)

<p> &#8230;</plaintext>固定宽度字体(不执行标记符号) </span> </p> <p><span style="font-size:18px"><listing>&#8230;</listing> 固定宽度小字体 </span></p> <p><span style="font-size:18px"><font color=00ff00>&#8230;</font>字体颜色 </span></p> <p><span style="font-size:18px"><font size=1>&#8230;</font>最小字体 </span></p> <p><span style="font-size:18px"><font style =’font-size:100 px’>&#8230;</font>无限增大 </span> </p> <p><strong><span style="font-size:18px">区断标记 </span></strong></p> <p><span style="font-size:18px"></p> <hr> <p>水平线</span></p> <p><span style="font-size:18px"></p> <hr size=’9’>水平线(设定大小) </span></p> <p><span style="font-size:18px"></p> <hr width=’80%’>水平线(设定宽度) </span></p> <p><span style="font-size:18px"></p> <hr color=’ff0000’>水平线(设定颜色) </span></p> <p><span style="font-size:18px"><br />(换行) </span></p> <p><span style="font-size:18px"><nobr>&#8230;</nobr>水域(不换行) </span></p> <p><span style="font-size:18px"></p> <p>&#8230;</p> <p>水域(段落) </span></p> <p><span style="font-size:18px"><center>&#8230;</center>置中 </span></p> <p><strong><span style="font-size:18px"><!>连结格式 </span></strong></p> <p><span style="font-size:18px"><base href=位址>(预设好连结路径) </span></p> <p><span style="font-size:18px"><a href=位址></a>外部连结 </span></p> <p><span style="font-size:18px"><a href=位址 target=’_blank’></a>外部连结(另开新视窗) </span> </p> <p><span style="font-size:18px"><a href=位址 target=’_top’></a>外部连结(全视窗连结) </span></p> <p><span style="font-size:18px"><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) </span> </p> <p><strong><span style="font-size:18px"><!>贴图/音乐 </span></strong></p> <p><span style="font-size:18px"><noscript><img src=图片位址></noscript><img src=图片位址>贴图 </span></p> <p><span style="font-size:18px"><noscript><img src=图片位址 width=’180’></noscript><img src=图片位址 width=’180’>设定图片宽度 </span></p> <p><span style="font-size:18px"><noscript><img src=图片位址 height=’30’></noscript><img src=图片位址 height=’30’>设定图片高度 </span></p> <p><span style="font-size:18px"><noscript><img src=图片位址 alt=’提示文字’></noscript><img src=图片位址 alt=’提示文字’>设定图片提示文字 </span></p> <p><span style="font-size:18px"><noscript><img src=图片位址’ border=’1’></noscript><img src=图片位址’ border=’1’>设定图片边框 </span></p> <p><span style="font-size:18px"><bgsound src=MID音乐档位址>背景音乐设定 </span></p> <p><strong><span style="font-size:18px"><!>表格语法 </span></strong></p> <p><span style="font-size:18px"></p> <table aling=left>&#8230;</table> <p>表格位置,置左</span></p> <p><span style="font-size:18px"></p> <table aling=center>&#8230;</table> <p>表格位置,置中</span></p> <p><span style="font-size:18px"></p> <table background=图片路径>&#8230;</table> <p>背景图片的URL=就是路径网址 </span></p> <p><span style="font-size:18px"></p> <table border=边框大小>&#8230;</table> <p>设定表格边框大小(使用数字) </span> </p> <p><span style="font-size:18px"></p> <table bgcolor=颜色码>&#8230;</table> <p>设定表格的背景颜色 </span></p> <p><span style="font-size:18px"></p> <table borderclor=颜色码>&#8230;</table> <p>设定表格边框的颜色 </span> </p> <p><span style="font-size:18px"></p> <table borderclordark=颜色码>&#8230;</table> <p>设定表格暗边框的颜色 </span> </p> <p><span style="font-size:18px"></p> <table borderclorlight=颜色码>&#8230;</table> <p>设定表格亮边框的颜色 </span> </p> <p><span style="font-size:18px"></p> <table cellpadding=参数>&#8230;</table> <p>指定内容与格线之间的间距(使用数字) </span></p> <p><span style="font-size:18px"></p> <table cellspacing=参数>&#8230;</table> <p>指定格线与格线之间的距离(使用数字) </span></p> <p><span style="font-size:18px"></p> <table cols=参数>&#8230;</table> <p>指定表格的栏数 </span></p> <p><span style="font-size:18px"></p> <table frame=参数>&#8230;</table> <p>设定表格外框线的显示方式 </span></p> <p><span style="font-size:18px"></p> <table width=宽度>&#8230;</table> <p>指定表格的宽度大小(使用数字) </span> </p> <p><span style="font-size:18px"></p> <table height=高度>&#8230;</table> <p>指定表格的高度大小(使用数字) </span> </p> <p><span style="font-size:18px"></p> <td colspan=参数>&#8230;</td> <p>指定储存格合并栏的栏数(使用数字) </span></p> <p><span style="font-size:18px"></p> <td rowspan=参数>&#8230;</td> <p>指定储存格合并列的列数(使用数字) </span></p> <p><strong><span style="font-size:18px">分割视窗 </span></strong></p> <p><span style="font-size:18px"><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 </span></p> <p><span style="font-size:18px"><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 </span></p> <p><span style="font-size:18px"><frameset cols="20%,*">分割左右两个框架 </span></p> <p><span style="font-size:18px"><frameset cols="20%,*,20%">分割左中右三个框架 </span></p> <p><span style="font-size:18px"><分割上下两个框架</span></p> <p><span style="font-size:18px"><frameset rows="20%,*,20%">分割上中下三个框架 </span></p> <p><span style="font-size:18px">属性: </span></p> <p><span style="font-size:18px"><strong>cols</strong> 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols=&#8221;30,*,50%&#8221;可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。 </span></p> <p><span style="font-size:18px"><strong>rows</strong> 就是横向切割,将窗口上下分开,数值设置同上。 </span> </p> <p><span style="font-size:18px">以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。 </span></p> <p><span style="font-size:18px">frameborder 设置框架的边框,其值有0不要边框,1要边框。 </span></p> <p><span style="font-size:18px">border 设置框架边框厚度</span></p> <p><span style="font-size:18px">framespacing 表示框架与框架间保留空白的距离</span></p> <p><span style="font-size:18px">frame 元素(单标签)</span></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"><frame name=""src="url" scrolling="yes/no" noresize> </span></p> <p><span style="font-size:18px">属性: </span></p> <p><span style="font-size:18px">name 框架名称,指定框架来做连接的目标窗口。</span></p> <p><span style="font-size:18px">src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。 </span></p> <p><span style="font-size:18px">scrolling 是否显示滚动条,yes/no,auto是自动。 </span></p> <p><span style="font-size:18px">noresize 设置不让使用者改变这个框架的大小,</span></p> <p><strong><span style="font-size:18px">noframe元素 </span></strong></p> <p><span style="font-size:18px">指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 </span></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"><noframe> </span></p> <p><span style="font-size:18px">&#8230;&#8230; </span></p> <p><span style="font-size:18px"></noframe> </span></p> <p><strong><span style="font-size:18px">表单</p> <form></form> <p> </span></strong></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <form action="url"method="get/post"> </span></p> <p><span style="font-size:18px">&#8230;. </span></p> <p><span style="font-size:18px"><input type=submit><inputtype=reset> </span></p> <p><span style="font-size:18px"></form><p> </span></p> <p><span style="font-size:18px">method有两种提交方式get,post </span></p> <p><span style="font-size:18px">action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action=&#8221;mailto:lwr8494@163.com&#8221;这样此表单所填的资料将会发送到这个邮箱地址。 </span></p> <p><span style="font-size:18px">method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。 </span></p> <p><span style="font-size:18px">申请表单用的是post搜索引擎用的是get </span></p> <p><span style="font-size:18px"> </span></p> <p><strong><span style="font-size:18px"><!- - ... - -> 注解 </span></strong></p> <p><span style="font-size:18px"><A HREF TARGET> 指定超连结的分割视窗 </span></p> <p><span style="font-size:18px"><A HREF=#锚的名称> 指定锚名称的超连结 </span></p> <p><span style="font-size:18px"><A HREF> 指定超连结 </span></p> <p><span style="font-size:18px"><A NAME=锚的名称> 被连结点的名称 </span></p> <p><span style="font-size:18px"><ADDRESS>&#8230;.</ADDRESS> 用来显示电子邮箱地址 </span></p> <p><span style="font-size:18px"><B> 粗体字</span></p> <p><span style="font-size:18px"><BASE TARGET> 指定超连结的分割视窗 </span></p> <p><span style="font-size:18px"><BASEFONT SIZE> 更改预设字形大小 </span></p> <p><span style="font-size:18px"><BGSOUND SRC> 加入背景音乐 </span></p> <p><span style="font-size:18px"><BIG> 显示大字体</span></p> <p><span style="font-size:18px"><BLINK> 闪烁的文字 </span></p> <p><span style="font-size:18px"><BODY TEXT LINK VLINK> 设定文字颜色 </span></p> <p><span style="font-size:18px"><BODY> 显示本文</span></p> <p><span style="font-size:18px"><BR> 换行</span></p> <p><span style="font-size:18px"><CAPTION ALIGN> 设定表格标题位置 </span></p> <p><span style="font-size:18px"><CAPTION>&#8230;</CAPTION> 为表格加上标题 </span></p> <p><span style="font-size:18px"><CENTER> 向中对齐 </span></p> <p><span style="font-size:18px"><CITE>&#8230;<CITE> 用於引经据典的文字 </span></p> <p><span style="font-size:18px"><CODE>&#8230;</CODE> 用於列出一段程式码 </span></p> <p><span style="font-size:18px"><COMMENT>&#8230;</COMMENT> 加上注解 </span></p> <p><span style="font-size:18px"><DD> 设定定义列表的项目解说</span></p> <p><span style="font-size:18px"><DFN>&#8230;</DFN> 显示&#8221;定义&#8221;文字 </span></p> <p><span style="font-size:18px"><DIR>&#8230;</DIR> 列表文字标签 </span></p> <p><span style="font-size:18px"><DL>&#8230;</DL> 设定定义列表的标签 </span></p> <p><span style="font-size:18px"><DT> 设定定义列表的项目</span></p> <p><span style="font-size:18px"><EM> 强调之用</span></p> <p><span style="font-size:18px"><FONT FACE> 任意指定所用的字形 </span></p> <p><span style="font-size:18px"><FONT SIZE> 设定字体大小 </span></p> <p><span style="font-size:18px"><FORM ACTION> 设定户动式表单的处理方式 </span></p> <p><span style="font-size:18px"><FORM METHOD> 设定户动式表单之资料传送方式 </span></p> <p><span style="font-size:18px"><FRame MARGINHEIGHT> 设定视窗的上下边界 </span></p> <p><span style="font-size:18px"><FRame MARGINWIDTH> 设定视窗的左右边界 </span></p> <p><span style="font-size:18px"><FRame NAME> 为分割视窗命名 </span></p> <p><span style="font-size:18px"><FRame NORESIZE> 锁住分割视窗的大小 </span></p> <p><span style="font-size:18px"><FRame SCROLLING> 设定分割视窗的卷轴 </span></p> <p><span style="font-size:18px"><FRame SRC> 将HTML档加入视窗</span></p> <p><span style="font-size:18px"><FRameSET COLS> 将视窗分割成左右的子视窗 </span></p> <p><span style="font-size:18px"><FRameSET ROWS> 将视窗分割成上下的子视窗 </span></p> <p><span style="font-size:18px"><FRameSET>&#8230;</FRameSET> 划分分割视窗 </span></p> <p><span style="font-size:18px"><H1>~<H6> 设定文字大小 </span></p> <p><span style="font-size:18px"><HEAD> 标示文件资讯</span></p> <p><span style="font-size:18px"><HR> 加上分格线</span></p> <p><span style="font-size:18px"><HTML> 文件的开始与结束</span></p> <p><span style="font-size:18px"><I> 斜体字</span></p> <p><span style="font-size:18px"><noscript><IMG ALIGN></noscript><IMG ALIGN> 调整图形影像的位置 </span></p> <p><span style="font-size:18px"><noscript><IMG ALT></noscript><IMG ALT> 为你的图形影像加注 </span></p> <p><span style="font-size:18px"><noscript><IMG DYNSRC LOOP></noscript><IMG DYNSRC LOOP> 加入影片 </span></p> <p><span style="font-size:18px"><noscript><IMG HEIGHT WIDTH></noscript><IMG HEIGHT WIDTH> 插入图片并预设图形大小 </span></p> <p><span style="font-size:18px"><noscript><IMG HSPACE></noscript><IMG HSPACE> 插入图片并预设图形的左右边界 </span></p> <p><span style="font-size:18px"><noscript><IMG LOWSRC></noscript><IMG LOWSRC> 预载图片功能 </span></p> <p><span style="font-size:18px"><noscript><IMG SRC BORDER></noscript><IMG SRC BORDER> 设定图片边界 </span></p> <p><span style="font-size:18px"><noscript><IMG SRC></noscript><IMG SRC> 插入图片 </span></p> <p><span style="font-size:18px"><noscript><IMG VSPACE></noscript><IMG VSPACE> 插入图片并预设图形的上下边界 </span></p> <p><span style="font-size:18px"><INPUT TYPE NAME value> 在表单中加入输入栏位 </span></p> <p><span style="font-size:18px"><ISINDEX> 定义查询用表单 </span></p> <p><span style="font-size:18px"><KBD>&#8230;</KBD> 表示使用者输入文字 </span></p> <p><span style="font-size:18px"><LI TYPE>&#8230;</LI> 列表的项目 ( 可指定符号 ) </span></p> <p><span style="font-size:18px"><MARQUEE> 跑马灯效果 </span></p> <p><span style="font-size:18px"><MENU>&#8230;</MENU> 条列文字标签 </span></p> <p><span style="font-size:18px"><meta NAME="REFRESH" CONTENTURL> 自动更新文件内容 </span> </p> <p><span style="font-size:18px"><MULTIPLE> 可同时选择多项的列表栏 </span></p> <p><span style="font-size:18px"><NOFRame> 定义不出现分割视窗的文字 </span></p> <p><span style="font-size:18px"><OL>&#8230;</OL> 有序号的列表 </span></p> <p><span style="font-size:18px"><OPTION> 定义表单中列表栏的项目 </span></p> <p><span style="font-size:18px"><P ALIGN> 设定对齐方向 </span></p> <p><span style="font-size:18px"><P> 分段</span></p> <p><span style="font-size:18px"><PERSON>&#8230;</PERSON> 显示人名 </span></p> <p><span style="font-size:18px">%ignore_pre_1%<p> 浏览是效果和编写是效果格式一样 </span></p> <p><span style="font-size:18px"><strong>列表</strong> </span></p> <p><strong><span style="font-size:18px">1无序列表又称符号列表 </span></strong></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 </span></p> <p><span style="font-size:18px"></p> <li>文字</li> <p> </span></p> <p><span style="font-size:18px"></p> <li>文字</li> <p> </span></p> <p><span style="font-size:18px"></ul><p> </span></p> <p><strong><span style="font-size:18px">2有序列表 </span></strong></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <ol type="?"start"?"> </span></p> <p><span style="font-size:18px"></p> <li>文字</li> <p> </span></p> <p><span style="font-size:18px"></p> <li>文字</li> <p> </span></p> <p><span style="font-size:18px"></ol><p> </span></p> <p><span style="font-size:18px">type的值是编号字符可选的有1&#8230;,a&#8230;,A&#8230;,i&#8230; ,I&#8230; </span></p> <p><span style="font-size:18px">start为起始值例:如果start为3是那么将从3开始,而且必须是数字。</span></p> <p><strong><span style="font-size:18px">3定义列表 </span></strong></p> <p><span style="font-size:18px"></p> <dl>定义列表标记</span></p> <p><span style="font-size:18px"></p> <dt>标示定义条目</span></p> <p><span style="font-size:18px"></p> <dd>标示定义内容</span></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <dl> </span></p> <p><span style="font-size:18px"></p> <dt>文字</dt> <p> </span></p> <p><span style="font-size:18px"></p> <dd>文字内容</dd> <p> </span></p> <p><span style="font-size:18px"></dl><p> </span></p> <p><span style="font-size:18px">连接和图像 </span></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"><a href="url"name="?" target="?" title="?">&#8230;.</a> </span></p> <p><span style="font-size:18px">属性:href 连接目标 值可以是url地址也可以是连接锚点 </span></p> <p><span style="font-size:18px"><a href="url">&#8230;</a>或者 </span></p> <p><span style="font-size:18px"><a href="锚点">&#8230;</a> </span></p> <p><strong><span style="font-size:18px">name连接名称</span></strong></p> <p><span style="font-size:18px">语法格式:<aname="锚点名称">&#8230;</a></span></p> <p><span style="font-size:18px">例:<aname="abcdcf">&#8230;</a> </span></p> <p><span style="font-size:18px">连接到该锚点的连接则应是: </span></p> <p><span style="font-size:18px"><aname="#abcdef">&#8230;.</a> </span></p> <p><span style="font-size:18px"><strong>target目标窗口语法格式</strong>: <strong></strong></span></p> <p><span style="font-size:18px"><a href="url"target="_blank|_self|_farent|_top|windowname">&#8230;.</a></span></p> <p><span style="font-size:18px">-blank打开新窗口</span></p> <p><span style="font-size:18px">_self当前窗口打开</span></p> <p><span style="font-size:18px">一下两个仅在框架叶面中应用 </span></p> <p><span style="font-size:18px">_parent当前窗口的父级窗口(上一级)打开</span></p> <p><span style="font-size:18px">_top在最高一级的窗口打开</span></p> <p><span style="font-size:18px">windowname已命名的窗口或框架中打开连接</span></p> <p><span style="font-size:18px">title连接提示</span></p> <p><span style="font-size:18px"><ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a> </span></p> <p><strong><span style="font-size:18px">图像<img> 语法格式:</span></strong></p> <p><span style="font-size:18px"><noscript><img decoding="async" src="url" alt="?"width="?" height="?" border="?"align="?"></noscript><img decoding="async" class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg" data-original="url" alt="?"width="?" height="?" border="?"align="?"> </span></p> <p><span style="font-size:18px">border属性定义图片边框的宽度,默认值为0 </span></p> <p><span style="font-size:18px">align属性设置图片旁边文字的位置</span></p> <p><span style="font-size:18px">语法格式:<noscript><imgsrc="" align""></noscript><imgsrc="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg" data-original="" align""> </span></p> <p><span style="font-size:18px">可选值有: </span></p> <p><span style="font-size:18px">top图片和文字顶部对齐</span></p> <p><span style="font-size:18px">middle图片和文字居中对齐</span></p> <p><span style="font-size:18px">bottom图片和文字底边对齐(默认)</span></p> <p><span style="font-size:18px">left图片居左对齐,文字沿图片绕排</span></p> <p><span style="font-size:18px">right图片居右对齐,文字沿图片绕排</span></p> <p><span style="font-size:18px">absmiddle图片对齐到目前文字行绝对中央</span></p> <p><span style="font-size:18px">absbottom图片对齐到目前文字行绝对底部</span></p> <p><span style="font-size:18px">文字的排版 </span></p> <p><span style="font-size:18px">不换行空白标记 </span></p> <p><strong><span style="font-size:18px">font元素 </span></strong></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"><font face="字体名称" size="字体大小" color="字体颜色"> </span> </p> <p><span style="font-size:18px">字体大小可选值为1——7,默认为3 </span></p> <p><span style="font-size:18px">例:〈fontface=&#8221;黑体&#8221;size=&#8221;4&#8243; color=&#8221;#ff00ff&#8221;>&#8230;.</font> </span></p> <p><strong><span style="font-size:18px">水平线</p> <hr> <p> </span></strong></p> <p><span style="font-size:18px">语法格式:<hrwidth="宽度"align="对齐方式默认居中center"size="水平线厚度默认为2"color="颜色"noshade> </span></p> <p><span style="font-size:18px">noshade无阴影,既实线</span></p> <p><span style="font-size:18px">层〈div><span>两种元素 </span></p> <p><span style="font-size:18px"></p> <div>是块级元素,和段落元素</p> <p>相似,不同的是两个</p> <div>元素之间不会产生两个</p> <p>元素之间的空行, </span></p> <p><span style="font-size:18px"><span>是行内元素,可以定义段落中部分文字的属性</span></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <div align=""style="">&#8230;</div> <p> </span></p> <p><span style="font-size:18px">align设置层中元素的水平对齐方式</span></p> <p><span style="font-size:18px">stule设置元素应用css规范的属性 </span></p> <p><span style="font-size:18px"></p> <div>兼容性比<span>要好一点,最好使用</p> <div> </span></p> <p><span style="font-size:18px"><strong>表格语法格式</strong>: <strong></strong></span></p> <p><span style="font-size:18px"></p> <table width="" bgcolor=""background="" border="" cellspacing=""cellpadding=""> </span></p> <p><span style="font-size:18px"></p> <tr>&#8230;</p> <td>&#8230;.</td> <p>&#8230;.</tr><p></span></p> <p><span style="font-size:18px"></table><p> </span></p> <p><span style="font-size:18px">border边框宽度默认值为0,既没有边框 </span></p> <p><span style="font-size:18px">cellspacing表格中单元格的边距大小,默认值为两个像素</span></p> <p><span style="font-size:18px">cellpadding表格中单元格之间的间距大小,默认值为两个像素</span></p> <p><strong><span style="font-size:18px">tr元素 </span></strong></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <tr align=""bgcolor="">&#8230;.</tr> <p> </span></p> <p><span style="font-size:18px">align属性对齐方式可选值如下:left,center,tight,默认为left </span> </p> <p><span style="font-size:18px">bgcolor指定该行的背景颜色</span></p> <p><strong><span style="font-size:18px">td元素 </span></strong></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"></p> <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor=""background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">&#8230;..</td> <p> </span></p> <p><span style="font-size:18px">align属性的可选值有:left,center,right </span></p> <p><span style="font-size:18px">valign属性的可选值有:top,middle,bottom </span></p> <p><span style="font-size:18px">rowspan和colapan跨行和跨列的数量,默认为1 </span></p> <p><strong><span style="font-size:18px">input元素 语法格式:</span></strong></p> <p><span style="font-size:18px"><input type=""> </span></p> <p><span style="font-size:18px">type属性的可选值有:</span></p> <p><span style="font-size:18px">text 单行文本框</span></p> <p><span style="font-size:18px">属性:name 文本框名称 </span></p> <p><span style="font-size:18px">value 文本框的初始值</span></p> <p><span style="font-size:18px">size 文本框的长度</span></p> <p><span style="font-size:18px">maxlength 可输入字符串最大的长度</span></p> <p><span style="font-size:18px">radio 单选框</span></p> <p><span style="font-size:18px">属性:name 单选框名称 </span></p> <p><span style="font-size:18px">value 内部值</span></p> <p><span style="font-size:18px">checked 默认选定</span></p> <p><span style="font-size:18px">checkbox 复选框</span></p> <p><span style="font-size:18px">属性:name 复选框名称 </span></p> <p><span style="font-size:18px">value 内部值</span></p> <p><span style="font-size:18px">checked 默认选定</span></p> <p><span style="font-size:18px">reset 重置按钮</span></p> <p><span style="font-size:18px">submit 确定按钮</span></p> <p><span style="font-size:18px">属性:name 按钮名称 </span></p> <p><span style="font-size:18px">value 显示在按钮上的文字</span></p> <p><span style="font-size:18px">password 密码框</span></p> <p><span style="font-size:18px">属性与文本框的属性完全相同 </span></p> <p><span style="font-size:18px">file 文件域</span></p> <p><span style="font-size:18px">属性:name文件域名称 </span></p> <p><span style="font-size:18px">size 文件域的长度</span></p> <p><span style="font-size:18px">maxlength 文件域可接受的字符数量的上限</span></p> <p><span style="font-size:18px">hidden 隐藏域</span></p> <p><span style="font-size:18px">属性:name 隐藏域名称 </span></p> <p><span style="font-size:18px">value 内定值</span></p> <p><span style="font-size:18px">image 图片域</span></p> <p><span style="font-size:18px">属性:name 所要代表的按钮,可以是submit,reset,或其他. </span></p> <p><span style="font-size:18px">src 按钮图片的url 地址 </span></p> <p><span style="font-size:18px">列表框<select></span></p> <p><span style="font-size:18px">语法格式: </span></p> <p><span style="font-size:18px"><select> </span></p> <p><span style="font-size:18px">&#8230;.. </span></p> <p><span style="font-size:18px"><option>&#8230;.</option></span></p> <p><span style="font-size:18px">&#8230;.. </span></p> <p><span style="font-size:18px"></select> </span></p> <p><strong><span style="font-size:18px">select元素 </span></strong></p> <p><span style="font-size:18px">语法格式:<selectname="" size=""multiple></select> </span> </p> <p><span style="font-size:18px">name 指定列表框的名字</span></p> <p><span style="font-size:18px">size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框 </span></p> <p><span style="font-size:18px">multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项</span></p> <p><strong><span style="font-size:18px">option属性 </span></strong></p> <p><span style="font-size:18px">语法格式:<optionvalue="" selected></option></span></p> <p><span style="font-size:18px">value 该列表项的值</span></p> <p><span style="font-size:18px">selected 如果设定了这个参数,默认为选定这一项</span></p> <p><strong><span style="font-size:18px">多行文本框<textarea> </span></strong></p> <p><span style="font-size:18px"><textarea name=""cols="" rows=""wrap="off/physical/virtual"></textarea> </span></p> <p><span style="font-size:18px">属性: </span></p> <p><span style="font-size:18px">name文本框的名称</span></p> <p><span style="font-size:18px">cols文本框的宽度</span></p> <p><span style="font-size:18px">rows文本框的高度</span></p> <p><span style="font-size:18px">wrap文本框的折行方式可选值有:</span></p> <p><span style="font-size:18px">off不保存换行信息</span></p> <p><span style="font-size:18px">physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出, </span> </p> <p><span style="font-size:18px">virtual送出连续成串的字除非使用者按回车。</span></p> <p><strong><span style="font-size:18px">css 层叠样式表 </span></strong></p> <p><span style="font-size:18px">引入层叠样式表的方法包括: </span></p> <p><strong><span style="font-size:18px">外联式样式表 </span></strong></p> <p><span style="font-size:18px">例:<head></span></p> <p><span style="font-size:18px"><link rel="stylesheet"href="/css/default.css"> </span> </p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px">&#8230;. </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址</span></p> <p><span style="font-size:18px">内嵌式样式表: </span></p> <p><span style="font-size:18px">例:<html></span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">td{font:9pt;color:red} </span></p> <p><span style="font-size:18px">.font105{font:10.5pt;color:blue} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body>&#8230;.</body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><strong><span style="font-size:18px">元素内定 </span></strong></p> <p><span style="font-size:18px">格式:<pstyle="font-size:10.5pt"> </span></p> <p><strong><span style="font-size:18px">导入式样式表 </span></strong></p> <p><span style="font-size:18px">〈html> </span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">@import url(css/home.css); </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px">&#8230;. </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">css的优先级</span></p> <p><span style="font-size:18px">越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义</span></p> <p><span style="font-size:18px">如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。</span></p> <p><strong><span style="font-size:18px">css结构 </span></strong></p> <p><span style="font-size:18px">例:td{font-size:10.5pt;color:#666666}</span></p> <p><span style="font-size:18px">css样式包含两个基础部分,</span></p> <p><span style="font-size:18px">选择符</p> <td>和声明{font-size:10.5pt;color:#666666} </span> </p> <p><span style="font-size:18px">声明也有两部分组成: </span></p> <p><span style="font-size:18px">属性font-size,color和值10.5pt,#666666 </span></p> <p><strong><span style="font-size:18px">选择符分为6种 </span></strong></p> <p><span style="font-size:18px">1元素选择符</span></p> <p><span style="font-size:18px">当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{font-size:12px;}</span></p> <p><span style="font-size:18px">2class(类)选择符 </span></p> <p><span style="font-size:18px">例:〈head> </span></p> <p><span style="font-size:18px"><title>&#8230;..</title> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">.red{font-size:10.5pt;color:#ff0000} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body bgcolor="#ffffff"> </span></p> <p><span style="font-size:18px"></p> <p class="red">士大夫井冈山地方官</p> <p> </span></p> <p><span style="font-size:18px"></p> <p>九连环离开计划</p> <p> </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px">还有一种方法就是限定可以应用它的页面元素 </span></p> <p><span style="font-size:18px">例:〈head> </span></p> <p><span style="font-size:18px"><title>&#8230;..</title> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">h1.red{color:#ff0000} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body bgcolor="#ffffff"> </span></p> <p><span style="font-size:18px"></p> <p class="red">士大夫井冈山地方官</p> <p> </span></p> <p><span style="font-size:18px"></p> <h1 class="red">九连环离开计划</h1> <p> </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px">3 id选择符</span></p> <p><span style="font-size:18px">与class选择附类似,只是把&#8217;.&#8217;换成&#8217;#&#8217; </span></p> <p><span style="font-size:18px">例:<body></span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">#select{font-size:18px;color:#0000ff} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <table width="250"border="1" height="50"> </span> </p> <p><span style="font-size:18px"></p> <tr> </span></p> <p><span style="font-size:18px"></p> <td align="center"id="select">id选择符</td> <p> </span></p> <p><span style="font-size:18px"></tr><p> </span></p> <p><span style="font-size:18px"></table><p> </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">我们看到在调用ID选择附时与CLASS选择附类似,只是将class=&#8221;&#8221;换成了id=&#8221;&#8221;,方便页面脚本语言的调用 </span></p> <p><strong><span style="font-size:18px">关联选择符 </span></strong></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">td p{font-size:18px;color:#0000ff} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <table width="250"border="1" height="50"> </span> </p> <p><span style="font-size:18px"></p> <tr> </span></p> <p><span style="font-size:18px"><tdalign="center"><p>关联选择符</p> </td> <p> </span></p> <p><span style="font-size:18px"></tr><p> </span></p> <p><span style="font-size:18px"></table><p> </span></p> <p><span style="font-size:18px"></p> <p>关联选择符</p> <p> </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">我们设定了在元素中</p> <td>的元素</p> <p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用, </span> </p> <p><span style="font-size:18px">伪类选择符 </span></p> <p><span style="font-size:18px">是只能用在css选择符里,而不能用在html代码中的选择符 </span></p> <p><span style="font-size:18px">例: </span></p> <p><span style="font-size:18px">〈html> </span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">a:link{color:#000000} </span></p> <p><span style="font-size:18px">a:visited{color:#cccccc} </span></p> <p><span style="font-size:18px">a:hover{color:#ff0000} </span></p> <p><span style="font-size:18px">a:active{color:#ooooff} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></head> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <p><a href="#">关联选择符</a></p> <p> </span></p> <p><span style="font-size:18px"></p> <p><a href="#">关联选择符</a></p> <p> </span></p> <p><span style="font-size:18px"></p> <p><a href="#">关联选择符</a></p> <p> </span></p> <p><span style="font-size:18px"></p> <p><a href="#">关联选择符</a></p> <p> </span></p> <p><span style="font-size:18px">〈/body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 </span> </p> <p><strong><span style="font-size:18px">伪元素选择符 </span></strong></p> <p><span style="font-size:18px">与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的</span></p> <p><span style="font-size:18px">例:首行 </span></p> <p><span style="font-size:18px"><html> </span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">p:first-line{color:red;font-size:20pt} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></hesd> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf&#8230;</p> <p></span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">长度随浏览器窗口大小而改变 </span></p> <p><span style="font-size:18px">首字 </span></p> <p><span style="font-size:18px"><html> </span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">p:first-letter{color:red;font-size:50pt;float:left;}</span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></hesd> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf&#8230;</p> <p></span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px">以上两种都只能应用于块状元素上 </span></p> <p><strong><span style="font-size:18px">css规则 </span></strong></p> <p><strong><span style="font-size:18px">1.继承 </span></strong></p> <p><span style="font-size:18px">例:<html></span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">td{font-size:12pt} </span></p> <p><span style="font-size:18px">p{color:red} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></hesd> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <table width="300"border="1" height="150"> </span> </p> <p><span style="font-size:18px"></p> <tr> </span></p> <p><span style="font-size:18px"></p> <td align="center"> </span></p> <p><span style="font-size:18px"></p> <p>css规则</p> <p> </span></p> <p><span style="font-size:18px"></td><p> </span></p> <p><span style="font-size:18px"></table><p> </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><span style="font-size:18px"></p> <p>为最高级</p> <td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, </span> </p> <p><strong><span style="font-size:18px">2.组合 </span></strong></p> <p><span style="font-size:18px">例:td{font-size:12pt}</span></p> <p><span style="font-size:18px">p1{font-size:12pt} </span></p> <p><span style="font-size:18px">组合后 </span></p> <p><span style="font-size:18px">td,.p1{font-size:12pt} </span></p> <p><strong><span style="font-size:18px">3.层叠 </span></strong></p> <p><span style="font-size:18px">在样式里定义过后,在表格属性中又定义一次 </span></p> <p><span style="font-size:18px"><html> </span></p> <p><span style="font-size:18px"><head> </span></p> <p><span style="font-size:18px"></p> <style type="text/css"> </span></p> <p><span style="font-size:18px"><!-- </span></p> <p><span style="font-size:18px">red{color:#ff0000 limportant} </span></p> <p><span style="font-size:18px">--> </span></p> <p><span style="font-size:18px"></style><p> </span></p> <p><span style="font-size:18px"></hesd> </span></p> <p><span style="font-size:18px"><body> </span></p> <p><span style="font-size:18px"></p> <table width="300"border="1" height="150"> </span> </p> <p><span style="font-size:18px"></p> <tr> </span></p> <p><span style="font-size:18px"></p> <td align="center"style="color:#0000ff" class="red">决撒地方官</td> <p> </span></p> <p><span style="font-size:18px"></tr><p> </span></p> <p><span style="font-size:18px"></table><p> </span></p> <p><span style="font-size:18px"></body> </span></p> <p><span style="font-size:18px"></html> </span></p> <p><strong><span style="font-size:18px">css单位 </span></strong></p> <p><span style="font-size:18px">分四大类: </span></p> <p><span style="font-size:18px">1 长度单位</span></p> <p><span style="font-size:18px">数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用) </span></p> <p><span style="font-size:18px">换算关系: </span></p> <p><span style="font-size:18px">1in(英寸)=6pc(派) </span></p> <p><span style="font-size:18px">1in(英寸)=72pt(磅) </span></p> <p><span style="font-size:18px">1in(英寸)=2.54(厘米) </span></p> <p><span style="font-size:18px">1cm(厘米)=10mm(毫米) </span></p> <p><span style="font-size:18px">1cm(厘米)=0.3937(英寸) </span></p> <p><span style="font-size:18px">1pt(磅)=1/72in(英寸)=0.2478mm(毫米) </span></p> <p><span style="font-size:18px">1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 </span></p> <p><span style="font-size:18px">2 百分比单位</span></p> <p><span style="font-size:18px">3 颜色单位</span></p> <p><span style="font-size:18px">4 url单位</span></p> <p><span style="font-size:18px">div属性</span></p> <p><span style="font-size:18px">color : #999999   文字颜色</span></p> <p><span style="font-size:18px">font-family : 宋体 文字字型 </span></p> <p><span style="font-size:18px">font-size : 10pt 文字大小 </span></p> <p><span style="font-size:18px">font-style:itelic 文字斜体育</span></p> <p><span style="font-size:18px">font-variant:small-caps 小字体</span></p> <p><span style="font-size:18px">letter-spacing : 1pt 文字间距</span></p> <p><span style="font-size:18px">line-height : 200% 设定行高</span></p> <p><span style="font-size:18px">font-weight:bold 文字粗体</span></p> <p><span style="font-size:18px">vertical-align:sub 下标字</span></p> <p><span style="font-size:18px">vertical-align:super 上标字</span></p> <p><span style="font-size:18px">text-decoration:line-through 加?h除线</span></p> <p><span style="font-size:18px">text-decoration:overline 加顶线</span></p> <p><span style="font-size:18px">text-decoration:underline 加底线</span></p> <p><span style="font-size:18px">text-decoration:none ?h除连接底线</span></p> <p><span style="font-size:18px">text-transform : capitalize 首字大写</span></p> <p><span style="font-size:18px">text-transform : uppercase 英文大写</span></p> <p><span style="font-size:18px">text-transform : lowercase 英文写</span></p> <p><span style="font-size:18px">text-align:right 文字*右对齐</span></p> <p><span style="font-size:18px">text-align:left 文字*左对齐</span></p> <p><span style="font-size:18px">text-align:center 文字置中对齐 </span></p> <p><span style="font-size:18px">这些是一些简单的文字效果,可以应用到css的页面中。 </span></p> <p><strong><span style="font-size:18px">背景</span></strong></p> <p><span style="font-size:18px">background-color:black 背景颜色 </span></p> <p><span style="font-size:18px">background-image : url(image/bg.gif) 背景图片</span></p> <p><span style="font-size:18px">background-attachment : fixed 固定背景</span></p> <p><span style="font-size:18px">background-repeat : repeat 重复排列-网页预设</span></p> <p><span style="font-size:18px">background-repeat : no-repeat 不重复排列</span></p> <p><span style="font-size:18px">background-repeat : repeat-x 在x轴重复排列</span></p> <p><span style="font-size:18px">background-repeat : repeat-y 在y轴重复排列</span></p> <p><span style="font-size:18px">background-position : 90% 90% 背景图片x与y轴的位置  </span></p> <p><strong><span style="font-size:18px">链接</span></strong></p> <p><span style="font-size:18px">A 所有超连接</span></p> <p><span style="font-size:18px">A:link 超连接文字格式</span></p> <p><span style="font-size:18px">A:visited 浏览过的连接文字格式</span></p> <p><span style="font-size:18px">A:active 按下连接的格式</span></p> <p><span style="font-size:18px">A:hover 鼠标移至连接</span></p> <p><span style="font-size:18px">边框</span></p> <p><span style="font-size:18px">border-top : 1px solid black 上框 </span></p> <p><span style="font-size:18px">border-bottom : 1px solid #6699cc 下框 </span></p> <p><span style="font-size:18px">border-left : 1px solid #6699cc 左框 </span></p> <p><span style="font-size:18px">border-right : 1px solid #6699cc 右框</span></p> <p><span style="font-size:18px">border: 1px solid #6699cc 四边框</span></p> <p><span style="font-size:18px">虚线</span></p> <p><span style="font-size:18px"><TEXTAREA STYLE="border:1px dashedpink"></span></p> <p><span style="font-size:18px">实线</span></p> <p><span style="font-size:18px"><TEXTAREA STYLE="border:1px solidpink"></span></p> <p><span style="font-size:18px"><br /> </span></p> <p><span style="font-size:18px"></span></p> <p><span style="font-size:18px"><marquee>&#8230;</marquee>普通卷动</span></p> <p><span style="font-size:18px"><marqueebehavior=slide>&#8230;</marquee>滑动</span></p> <p><span style="font-size:18px"><marqueebehavior=scroll>&#8230;</marquee>预设卷动</span></p> <p><span style="font-size:18px"><marqueebehavior=alternate>&#8230;</marquee>来回卷动</span></p> <p><span style="font-size:18px"><marqueedirection=down>&#8230;</marquee>向下卷动</span></p> <p><span style="font-size:18px"><marquee direction=up>&#8230;</marquee>向上卷动</span></p> <p><span style="font-size:18px"><marqueedirection=right></marquee>向右卷动</span></p> <p><span style="font-size:18px"><marquee direction=’left’></marquee>向左卷动</span></p> <p><span style="font-size:18px"><marquee loop=2>&#8230;</marquee>卷动次数</span></p> <p><span style="font-size:18px"><marqueewidth=180>&#8230;</marquee>设定宽度</span></p> <p><span style="font-size:18px"><marqueeheight=30>&#8230;</marquee>设定高度</span></p> <p><span style="font-size:18px"><marqueebgcolor=FF0000>&#8230;</marquee>设定背景颜色</span></p> <p><span style="font-size:18px"><marqueescrollamount=30>&#8230;</marquee>设定滚动速度</span></p> <p><span style="font-size:18px"><marqueescrolldelay=300>&#8230;</marquee>设定卷动时间</span></p> <p><span style="font-size:18px"><marqueeοnmοuseοver="this.stop()">&#8230;</marquee>鼠标经过上面时停止滚动</span></p> <p><span style="font-size:18px"><marqueeοnmοuseοver="this.start()">&#8230;</marquee>鼠标离开时开始滚动</span></p> <p></p> </plaintext> <div class="entry-readmore"><div class="entry-readmore-btn"></div></div> <div class="entry-copyright">版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 <p>发布者:全栈程序员-站长,转载请注明出处:<span>https://javaforall.net/201318.html</span>原文链接:https://javaforall.net</p></div> </div> <div class="entry-tag"><a href="https://javaforall.net/tag/%e6%a0%87%e7%ad%be" rel="tag">标签</a></div> <div class="entry-action"> <div class="btn-zan" data-id="201318"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div> </div> <div class="entry-bar"> <div class="entry-bar-inner"> <div class="entry-bar-info entry-bar-info2"> <div class="info-item meta"> <a class="meta-item j-heart" href="javascript:;" data-id="201318"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i> <span class="data">0</span></a> <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a> </div> <div class="info-item share"> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a> </div> </div> </div> </div> </div> <div class="entry-author"> <h3 class="entry-author-title">关于作者</h3> <div class="entry-author-inner"> <div class="entry-author-avatar"> <a class="avatar j-user-card" href="https://javaforall.net/user-2/1" target="_blank" data-user="1"><img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-120 photo' height='120' width='120' decoding='async'/></a> </div> <div class="entry-author-content"> <div class="entry-author-info"> <h4 class="entry-author-name"> <a class="j-user-card" href="https://javaforall.net/user-2/1" target="_blank" data-user="1">全栈程序员-站长</a> </h4> <div class="entry-author-action"> <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="1"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button> </div> </div> <div class="entry-author-stats"> <div class="user-stats-item"> <b>133.5K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>3</b> <span>粉丝</span> </div> </div> <div class="entry-author-description">本网站汇聚当前互联网主流语音,持续更新,欢迎关注公众号“全栈程序员社区”</div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev entry-page-nobg"> <a href="https://javaforall.net/201319.html" title="GPIB驱动" rel="prev"> <span>GPIB驱动</span> </a> <div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2026年3月20日 上午9:36</span> </div> </div> <div class="entry-page-next entry-page-nobg"> <a href="https://javaforall.net/201317.html" title="Hadoop集群安装HTTPS服务" rel="next"> <span>Hadoop集群安装HTTPS服务</span> </a> <div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2026年3月20日 上午9:36</span> </div> </div> </div> <div class="wpcom_myimg_wrap __single_2"><a href="http://dwz.mushiming.top/jb" target="_blank"><img src="https://javaforall.net/wp-content/uploads/2022/09/2022090922534847.jpg"></a> <br><br></div> <div class="entry-related-posts"> <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/250307.html" title="Trigger 节点:定时器、Webhook、手动触发器的使用与差异" target="_blank" rel="bookmark"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="Trigger 节点:定时器、Webhook、手动触发器的使用与差异"> </a> <a class="item-category" href="https://javaforall.net/category/%e5%85%a8%e6%a0%88%e7%a8%8b%e5%ba%8f%e5%91%98/ai%e7%a8%8b%e5%ba%8f%e5%91%98/n8n" target="_blank">n8n</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://javaforall.net/250307.html" target="_blank" rel="bookmark"> Trigger 节点:定时器、Webhook、手动触发器的使用与差异 </a> </h3> <div class="item-excerpt"> <p>Trigger 节点:定时器、Webhook、手动触发器的使用与差异</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="2146" target="_blank" href="https://javaforall.net/user-2/2146" class="avatar j-user-card"> <img alt='Ai探索者的头像' src='//javaforall.net/wp-content/uploads/2025/04/2025042212371781.jpeg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>Ai探索者</span> </a> </div> <span class="item-meta-li date">2026年3月15日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>2</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/158778.html" title="Assert.assertEquals()方法参数详解" target="_blank" rel="bookmark"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="Assert.assertEquals()方法参数详解"> </a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://javaforall.net/158778.html" target="_blank" rel="bookmark"> Assert.assertEquals()方法参数详解 </a> </h3> <div class="item-excerpt"> <p>Assert.assertEquals()方法参数详解junit.framework包下的Assert提供了多个断言方法.主用于比较测试传递进去的两个参数.Assert.assertEquals();及其重载方法:1.如果两者一致,程序继续往下运行.2.如果两者不一致,中断测试方法,抛出异常信息AssertionFailedError.查看源码,以Assert.assertEquals(intexpected,inta&#8230;</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="1" target="_blank" href="https://javaforall.net/user-2/1" class="avatar j-user-card"> <img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>全栈程序员-站长</span> </a> </div> <span class="item-meta-li date">2022年7月13日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>17</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/219541.html" title="Music算法详解" target="_blank" rel="bookmark"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="Music算法详解"> </a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://javaforall.net/219541.html" target="_blank" rel="bookmark"> Music算法详解 </a> </h3> <div class="item-excerpt"> <p>Music算法详解传统的 Music 算法 具有一个入射信号的相位矩阵 假设在接收器处有一个带有 M 个天线的线性阵列 在天线阵列处以入射角 theta 接收入射信号 天线之间的间距 d 是信号的半波长 信号在不同的天线上具有不同的传播长度 由于传播路径比天线间隔 d 长得多 因此相邻天线之间的路径差可以表示为 dsin dsin theta dsin 因此相邻天线之间引入了 2 fdsin c 2 pifdsin theta c 2 fdsin c 的相位差 其中 f 是信号频率 c 是光速 我们可以将引</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="1" target="_blank" href="https://javaforall.net/user-2/1" class="avatar j-user-card"> <img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>全栈程序员-站长</span> </a> </div> <span class="item-meta-li date">2026年3月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/217096.html" title="Python-PyCharm安装numpy和matplotlib" target="_blank" rel="bookmark"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="Python-PyCharm安装numpy和matplotlib"> </a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://javaforall.net/217096.html" target="_blank" rel="bookmark"> Python-PyCharm安装numpy和matplotlib </a> </h3> <div class="item-excerpt"> <p>Python-PyCharm安装numpy和matplotlibPython PyCharm 安装 numpy 和 matplotlib 得益于原文作者 http www cnblogs com zhusleep p 4733369 html 的方法 成功地在 Pycharm 下导入了 numpy 和 matplotlib 等 pyton 中常用的库 方法的根本出发点在于 Pycharm 本身缺少 numpy 和 matplotlib 这些库 而另一个 Python 的开发环境 Anaco</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="1" target="_blank" href="https://javaforall.net/user-2/1" class="avatar j-user-card"> <img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>全栈程序员-站长</span> </a> </div> <span class="item-meta-li date">2026年3月18日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>2</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/192337.html" title="web默认端口号是多少_web网站的默认端口为" target="_blank" rel="bookmark"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="web默认端口号是多少_web网站的默认端口为"> </a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://javaforall.net/192337.html" target="_blank" rel="bookmark"> web默认端口号是多少_web网站的默认端口为 </a> </h3> <div class="item-excerpt"> <p>web默认端口号是多少_web网站的默认端口为代理服务器常用端口计算机端口号范围1~65535,端口不能重复HTTP协议代理服务器常用端口号:80/8080/3128/8081/9080SOCKS代理协议服务器常用端口号:1080FTP(文件传输)协议代理服务器常用端口号:21Telnet(远程登录)协议代理服务器常用端口:23常用端口说明端口:21服务:FTP说明:FTP服务器所开放的端口,用于上传、下载。&#8230;</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="1" target="_blank" href="https://javaforall.net/user-2/1" class="avatar j-user-card"> <img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>全栈程序员-站长</span> </a> </div> <span class="item-meta-li date">2026年1月14日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>7</span> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/115751.html" title="朴素贝叶斯分类" target="_blank" rel="bookmark"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="朴素贝叶斯分类"> </a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://javaforall.net/115751.html" target="_blank" rel="bookmark"> 朴素贝叶斯分类 </a> </h3> <div class="item-excerpt"> <p><span>朴素贝叶斯分类</span></p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="1" target="_blank" href="https://javaforall.net/user-2/1" class="avatar j-user-card"> <img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>全栈程序员-站长</span> </a> </div> <span class="item-meta-li date">2022年1月31日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>40</span> </div> </div> </div> </li> </ul> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表回复</h3><form action="https://javaforall.net/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">您的邮箱地址不会被公开。</span> <span class="required-field-message">必填项已用 <span class="required">*</span> 标注</span></p><div class="comment-form-comment"><textarea autocomplete="new-password" id="j265fd99e5" name="j265fd99e5" class="required" rows="4" placeholder="写下你的评论…"></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "a3cfef954149823a4aedcfb1ec6f1108" );document.getElementById("j265fd99e5").setAttribute( "id", "comment" );</script><div class="comment-form-smile j-smilies" data-target="#comment"><i class="wpcom-icon wi smile-icon"><svg aria-hidden="true"><use xlink:href="#wi-emotion"></use></svg></i></div></div><div class="comment-form-author"><label for="author">昵称:</label><input id="author" name="author" type="text" value="" size="30"></div> <div class="comment-form-email"><label for="email">邮箱:</label><input id="email" name="email" type="text" value=""></div> <div class="comment-form-url"><label for="url">网址:</label><input id="url" name="url" type="text" value="" size="30"></div> <label class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"> 记住昵称、邮箱和网址,下次评论免输入</label> <div class="form-submit"><button name="submit" type="submit" id="submit" class="wpcom-btn btn-primary btn-xs submit">提交</button> <input type='hidden' name='comment_post_ID' value='201318' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div></form> </div><!-- #respond --> </div><!-- .comments-area --> </article> </main> <aside class="sidebar"> <div class="widget widget_profile"><div class="profile-cover"><img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg" data-original="//javaforall.net/wp-content/uploads/2025/04/anthony-delanoix-urUdKCxsTUI-unsplash-1.webp" alt="全栈程序员-站长"></div> <div class="avatar-wrap"> <a target="_blank" href="https://javaforall.net/user-2/1" class="avatar-link"><img alt='全栈程序员-站长的头像' src='https://javaforall.net/wp-content/uploads/2025/04/2025042212521933-300x300.jpg' class='avatar avatar-120 photo' height='120' width='120' decoding='async'/></a></div> <div class="profile-info"> <a target="_blank" href="https://javaforall.net/user-2/1" class="profile-name"><span class="author-name">全栈程序员-站长</span></a> <p class="author-description">本网站汇聚当前互联网主流语音,持续更新,欢迎关注公众号“全栈程序员社区”</p> <div class="profile-stats"> <div class="profile-stats-inner"> <div class="user-stats-item"> <b>133.5K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>3</b> <span>粉丝</span> </div> </div> </div> <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="1"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button> </div> <div class="profile-posts"> <h3 class="widget-title"><span>最近文章</span></h3> <ul> <li><a href="https://javaforall.net/187848.html" title="webview长按复制_安卓手机怎么复制图片上的文字">webview长按复制_安卓手机怎么复制图片上的文字</a></li> <li><a href="https://javaforall.net/187849.html" title="GTEST学习总结">GTEST学习总结</a></li> <li><a href="https://javaforall.net/187850.html" title="LMDB笔记_pdf怎么做笔记">LMDB笔记_pdf怎么做笔记</a></li> <li><a href="https://javaforall.net/187851.html" title="进程管理之进程调度「建议收藏」">进程管理之进程调度「建议收藏」</a></li> <li><a href="https://javaforall.net/187852.html" title="function properly_acceptive">function properly_acceptive</a></li> <li><a href="https://javaforall.net/187853.html" title="怎么删除iis和重装iis_iis未将对象引用设置到对象的实例">怎么删除iis和重装iis_iis未将对象引用设置到对象的实例</a></li> <li><a href="https://javaforall.net/187854.html" title="java如何打印菱形_打印菱形java">java如何打印菱形_打印菱形java</a></li> <li><a href="https://javaforall.net/187855.html" title="锁屏时钟APP_linux时钟同步服务器设置">锁屏时钟APP_linux时钟同步服务器设置</a></li> <li><a href="https://javaforall.net/187856.html" title="高并发解决方案-代理服务器Nginx[通俗易懂]">高并发解决方案-代理服务器Nginx[通俗易懂]</a></li> <li><a href="https://javaforall.net/187857.html" title="c++中常量表达式_定义字符串常量">c++中常量表达式_定义字符串常量</a></li> </ul> </div> </div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>最新发布</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/187905.html" title="idea替换_idea替换字符串的快捷键"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="idea替换_idea替换字符串的快捷键"> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://javaforall.net/187905.html" title="idea替换_idea替换字符串的快捷键">idea替换_idea替换字符串的快捷键</a></p> <p class="item-date">2026年4月18日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/187921.html" title="idea替换所有文件中的内容[通俗易懂]"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="idea替换所有文件中的内容[通俗易懂]"> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://javaforall.net/187921.html" title="idea替换所有文件中的内容[通俗易懂]">idea替换所有文件中的内容[通俗易懂]</a></p> <p class="item-date">2026年4月18日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/187938.html" title="idea替换的快捷键是 ctrl +?_idea怎么查找替换"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="idea替换的快捷键是 ctrl +?_idea怎么查找替换"> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://javaforall.net/187938.html" title="idea替换的快捷键是 ctrl +?_idea怎么查找替换">idea替换的快捷键是 ctrl +?_idea怎么查找替换</a></p> <p class="item-date">2026年4月18日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://javaforall.net/187954.html" title="idea文本替换快捷键_idea中替换单词"> <img class="j-lazy" src="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" data-original="https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg" width="480" height="300" alt="idea文本替换快捷键_idea中替换单词"> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://javaforall.net/187954.html" title="idea文本替换快捷键_idea中替换单词">idea文本替换快捷键_idea中替换单词</a></p> <p class="item-date">2026年4月18日</p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="footer-col-wrap footer-with-logo-icon"> <div class="footer-col footer-col-logo"> <img src="http://javaforall.net/wp-content/uploads/2020/10/4545-头像.jpg" alt="全栈程序员必看"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"><li id="menu-item-152" class="menu-item menu-item-152"><a href="https://javaforall.net/contact">联系我们</a></li> </ul> <div class="copyright"> <p>Copyright ©2018-2025 版权所有 <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer">晋ICP备19011774号</a> Powered by 全栈程序员必看 <a href="/sitemap.xml" target="_blank" rel="noopener">网站地图</a></p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-wechat sns-icon"></i> <span style="background-image:url('//javaforall.net/wp-content/uploads/2020/11/2020110814274114.jpg');"></span> </a> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-1 action-pos-0" style="bottom:15%;"> <div class="action-item"> <i class="wpcom-icon fa fa-wechat action-item-icon"></i> <div class="action-item-inner action-item-type-1"> <img class="action-item-img" src="http://javaforall.net/wp-content/uploads/2020/11/2020110814274114.jpg" alt="关注全栈程序员社区公众号"> </div> </div> <div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/justnews/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var _wpcom_js = {"webp":"","ajaxurl":"https://javaforall.net/wp-admin/admin-ajax.php","theme_url":"https://javaforall.net/wp-content/themes/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"lightbox":"1","post_id":"201318","user_card_height":"356","poster":{"notice":"\u8bf7\u300c\u70b9\u51fb\u4e0b\u8f7d\u300d\u6216\u300c\u957f\u6309\u4fdd\u5b58\u56fe\u7247\u300d\u540e\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"482","fixed_sidebar":"1","dark_style":"0","font_url":"//fonts.proxy.ustclug.org/css2?family=Noto+Sans+SC:wght@400;500&display=swap","follow_btn":"\u003Ci class=\"wpcom-icon wi\"\u003E\u003Csvg aria-hidden=\"true\"\u003E\u003Cuse xlink:href=\"#wi-add\"\u003E\u003C/use\u003E\u003C/svg\u003E\u003C/i\u003E\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"}; //# sourceURL=main-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://javaforall.net/wp-content/themes/justnews/js/main.js?ver=6.20.0" id="main-js"></script> <script type="text/javascript" src="https://javaforall.net/wp-content/themes/justnews/themer/assets/js/icons-2.8.9.js?ver=2.8.9" id="wpcom-icons-js"></script> <script type="text/javascript" id="wp-postviews-cache-js-extra"> /* <![CDATA[ */ var viewsCacheL10n = {"admin_ajax_url":"https://javaforall.net/wp-admin/admin-ajax.php","nonce":"226a50ccf4","post_id":"201318"}; //# sourceURL=wp-postviews-cache-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://javaforall.net/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.78" id="wp-postviews-cache-js"></script> <script type="text/javascript" id="wpcom-member-js-extra"> /* <![CDATA[ */ var _wpmx_js = {"ajaxurl":"https://javaforall.net/wp-admin/admin-ajax.php","plugin_url":"https://javaforall.net/wp-content/plugins/wpcom-member/","max_upload_size":"52428800","post_id":"201318","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https://javaforall.net/login?modal-type=login","register_url":"https://javaforall.net/register?modal-type=register","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u624b\u673a\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"}}; //# sourceURL=wpcom-member-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://javaforall.net/wp-content/plugins/wpcom-member/js/index.js?ver=1.7.19" id="wpcom-member-js"></script> <script type="text/javascript" id="QAPress-js-js-extra"> /* <![CDATA[ */ var QAPress_js = {"ajaxurl":"https://javaforall.net/wp-admin/admin-ajax.php","ajaxloading":"https://javaforall.net/wp-content/plugins/qapress/images/loading.gif","max_upload_size":"2097152","compress_img_size":"0","lang":{"delete":"\u5220\u9664","nocomment":"\u6682\u65e0\u56de\u590d","nocomment2":"\u6682\u65e0\u8bc4\u8bba","addcomment":"\u6211\u6765\u56de\u590d","submit":"\u53d1\u5e03","loading":"\u6b63\u5728\u52a0\u8f7d...","error1":"\u53c2\u6570\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5","error2":"\u8bf7\u6c42\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","confirm":"\u5220\u9664\u64cd\u4f5c\u65e0\u6cd5\u6062\u590d\uff0c\u5e76\u5c06\u540c\u65f6\u5220\u9664\u5f53\u524d\u56de\u590d\u7684\u8bc4\u8bba\u4fe1\u606f\uff0c\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f","confirm2":"\u5220\u9664\u64cd\u4f5c\u65e0\u6cd5\u6062\u590d\uff0c\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f","confirm3":"\u5220\u9664\u64cd\u4f5c\u65e0\u6cd5\u6062\u590d\uff0c\u5e76\u5c06\u540c\u65f6\u5220\u9664\u5f53\u524d\u95ee\u9898\u7684\u56de\u590d\u8bc4\u8bba\u4fe1\u606f\uff0c\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f","deleting":"\u6b63\u5728\u5220\u9664...","success":"\u64cd\u4f5c\u6210\u529f\uff01","denied":"\u65e0\u64cd\u4f5c\u6743\u9650\uff01","error3":"\u64cd\u4f5c\u5f02\u5e38\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","empty":"\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a","submitting":"\u6b63\u5728\u63d0\u4ea4...","success2":"\u63d0\u4ea4\u6210\u529f\uff01","ncomment":"0\u6761\u8bc4\u8bba","login":"\u62b1\u6b49\uff0c\u60a8\u9700\u8981\u767b\u5f55\u624d\u80fd\u8fdb\u884c\u56de\u590d","error4":"\u63d0\u4ea4\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","need_title":"\u8bf7\u8f93\u5165\u6807\u9898","need_cat":"\u8bf7\u9009\u62e9\u5206\u7c7b","need_content":"\u8bf7\u8f93\u5165\u5185\u5bb9","success3":"\u66f4\u65b0\u6210\u529f\uff01","success4":"\u53d1\u5e03\u6210\u529f\uff01","need_all":"\u6807\u9898\u3001\u5206\u7c7b\u548c\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a","length":"\u5185\u5bb9\u957f\u5ea6\u4e0d\u80fd\u5c11\u4e8e10\u4e2a\u5b57\u7b26","load_done":"\u56de\u590d\u5df2\u7ecf\u5168\u90e8\u52a0\u8f7d","load_fail":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","load_more":"\u70b9\u51fb\u52a0\u8f7d\u66f4\u591a","approve":"\u786e\u5b9a\u8981\u5c06\u5f53\u524d\u95ee\u9898\u8bbe\u7f6e\u4e3a\u5ba1\u6838\u901a\u8fc7\u5417\uff1f","end":"\u5df2\u7ecf\u5230\u5e95\u4e86","upload_fail":"\u56fe\u7247\u4e0a\u4f20\u51fa\u9519\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","file_types":"\u4ec5\u652f\u6301\u4e0a\u4f20jpg\u3001png\u3001gif\u683c\u5f0f\u7684\u56fe\u7247\u6587\u4ef6","file_size":"\u56fe\u7247\u5927\u5c0f\u4e0d\u80fd\u8d85\u8fc72M","uploading":"\u6b63\u5728\u4e0a\u4f20...","upload":"\u63d2\u5165\u56fe\u7247"}}; //# sourceURL=QAPress-js-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://javaforall.net/wp-content/plugins/qapress/js/qa.js?ver=4.10.2" id="QAPress-js-js"></script> <script type="text/javascript" src="https://javaforall.net/wp-content/themes/justnews/js/wp-embed.js?ver=6.20.0" id="wp-embed-js"></script> <script type="text/javascript" src="https://javaforall.net/wp-content/plugins/baidu-submit/assets/baidu_push.js" id="wb-baidu-push-js"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2f4d2b9bcf94270f8bf99ccde97cb4b9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "@id": "https://javaforall.net/201318.html", "url": "https://javaforall.net/201318.html", "headline": "HTML标签属性大全(开发人员必备)", "image": "url", "description": "HTML标签属性大全(开发人员必备)最常见的 HTML 标签属性大全 和大家分享一下 字体效果 标题字 最大 标题字 最小 粗体字 粗体字 强调 同上效果略同 斜体字 斜体字 强调 斜体字 表示定义 底线 底线 表示插入文字 横线 删除线 删除线 表示删除 键盘文字 打字体", "datePublished": "2026-03-20T09:36:48+08:00", "dateModified": "2026-03-20T09:36:48+08:00", "author": {"@type":"Person","name":"全栈程序员-站长","url":"https://javaforall.net/user-2/1","image":"//javaforall.net/wp-content/uploads/2025/04/2025042212371781.jpeg"} } </script> </body> </html>