行内元素与块级元素

一、行内元素与块级元素的三个区别

1.行内元素与块级元素直观上的区别

    行内元素会在一条直线上排列,都是同一行的,水平方向排列

    块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同,主要是盒模型属性上

行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效

二、行内元素转换为块级元素

        display:block (字面意思表现形式设为块级)

三、行内元素与块级元素

块级元素列表
定义地址
定义表格标题
定义列表中定义条目
定义文档中的分区或节
定义列表
定义列表中的项目
定义一个框架集
创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题
定义标题
定义最小的标题

创建一条水平线
元素为 fieldset 元素定义标题
  • 标签定义列表项目
    </span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">为那些不支持框架的浏览器显示文本,于 frameset 元素内部</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><noscript></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义在脚本未被执行时的替代内容</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><ol></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">定义有序列表</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><ul></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">定义无序列表</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><p></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">标签定义段落</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><pre></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义预格式化的文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><table></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">标签定义 HTML 表格</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><tbody></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">标签表格主体(正文)</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><td></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">表格中的标准单元格</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><tfoot></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义表格的页脚(脚注或表注)</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><th></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义表头单元格</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><thead></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">标签定义表格的表头</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><tr></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义表格中的行</span></td> </tr> </tbody> </table> <table> <caption style="font-size:13px;font-weight:bold;"> <span style="font-size:18px;">行内元素列表</span> </caption> <tbody> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><a></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">标签可定义锚</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><abbr></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">表示一个缩写形式</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><acronym></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义只取首字母缩写</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><b></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">字体加粗</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><bdo></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">可覆盖默认的文本方向</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><big></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">大号字体加粗</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><br></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;">换行</span></span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><cite></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">引用进行定义</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><code></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义计算机代码文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><dfn></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义一个定义项目</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><em></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义为强调的内容</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><i></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">斜体文本效果</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><img></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">向网页中嵌入一幅图像</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><input></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">输入框</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><kbd></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义键盘文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><label></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">标签为 input 元素定义标注(标记)</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><q></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义短的引用</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><samp></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义样本文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><select></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;">创建单选或多选菜单</span></span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><small></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">呈现小号字体效果</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">组合文档中的行内元素</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><strong></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">语气更强的强调的内容</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><sub></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义下标文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><sup></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义上标文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;"><textarea></span></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><span style="color:#ff0000;">多行的文本输入控件</span></span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><tt></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">打字机或者等宽的文本效果</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><var></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">定义变量</span></td> </tr> </tbody> </table> <table> <caption style="font-size:13px;font-weight:bold;"> <span style="font-size:18px;">可变元素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素</span> </caption> <tbody> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><button></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">按钮</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><del></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">定义文档中已被删除的文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><iframe></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">创建包含另外一个文档的内联框架(即行内框架)</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;"><ins></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;color:#ff0000;">标签定义已经被插入文档中的文本</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><map></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">客户端图像映射(即热区)</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><object></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">object对象</span></td> </tr> <tr> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;"><script></span></td> <td style="border-bottom-style:solid;border-bottom-color:rgb(183,209,126);border-right-style:solid;border-top-color:rgb(183,209,126);border-top-style:solid;border-right-color:rgb(183,209,126);border-left-style:solid;border-left-color:rgb(183,209,126);"> <span style="font-size:18px;">客户端脚本</span></td> </tr> </tbody> </table> <br> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1292634506213269504"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Web前端)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835005024372092928.htm" title="【VSCode扩展】通义灵码运行提示“此应用无法在你的电脑上运行”" target="_blank">【VSCode扩展】通义灵码运行提示“此应用无法在你的电脑上运行”</a> <span class="text-muted">coderYYY</span> <a class="tag" taget="_blank" href="/search/VSCode/1.htm">VSCode</a><a class="tag" taget="_blank" href="/search/bug%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">bug解决方案</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/visual/1.htm">visual</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a> <div>作者:coderYYY个人简介:前端程序媛,目前主攻web前端,后端辅助,其他技术知识也会偶尔分享欢迎和我一起交流!(评论和私信一般会回!!)个人专栏推荐:《前端项目教程以及代码》自从半月前,通义灵码一运行就会报这个错尝试了以下方法,都无法解决:阿里云官方方法:删除c盘的.lingma卸载重新安装通义灵码以管理员身份运行VSCode防火墙设置准入安装之前的版本最后是在扩展设置里面解决的路径不填也可</div> </li> <li><a href="/article/1835004897926410240.htm" title="微信小程序生成小程序转发链接,携带参数跳转到另外一个页面" target="_blank">微信小程序生成小程序转发链接,携带参数跳转到另外一个页面</a> <span class="text-muted">coderYYY</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE%E6%95%99%E7%A8%8B%E4%BB%A5%E5%8F%8A%E4%BB%A3%E7%A0%81/1.htm">前端项目教程以及代码</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a> <div>作者:coderYYY个人简介:前端程序媛,目前主攻web前端,后端辅助,其他技术知识也会偶尔分享欢迎和我一起交流!(评论和私信一般会回!!)个人专栏推荐:《前端项目教程以及代码》✨一、前言需求:在页面A生成分享链接(携带参数),分享到微信聊天后,好友点击链接可跳转到页面B,页面B可获取到参数二、具体实现pageA(生成链接页面):通过给button组件设置属性</div> </li> <li><a href="/article/1834645992071327744.htm" title="web前端达到什么水平,才能找到工作?" target="_blank">web前端达到什么水平,才能找到工作?</a> <span class="text-muted">cj瑾瑜</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>一、前端是什么?前端即网站前台部分,也叫前端开发,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。(核心技术:HTML、CSS、JavaScript)核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时,HTML将元素进行定义</div> </li> <li><a href="/article/1834624305535741952.htm" title="JavaScript 中 xml 的解析(dom4j 解析器),web前端开发规范手册" target="_blank">JavaScript 中 xml 的解析(dom4j 解析器),web前端开发规范手册</a> <span class="text-muted">2401_84094868</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>创建元素:Elementschool=DocumentHelper.createElement(“school”);创建文本:school.addText(“光明小学”);指定位置添加:list.add(1,school);回写xml:和在末尾添加一样7、获取属性值attributeValue():获取属性值publicstaticvoidmain(String[]args)throwsDocum</div> </li> <li><a href="/article/1834155529212096512.htm" title="【Web前端技术 02】深入探索HTML5:标签全解析与案例演示!" target="_blank">【Web前端技术 02】深入探索HTML5:标签全解析与案例演示!</a> <span class="text-muted">wcyd</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">Web前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>深入探索HTML5:标签全解析与案例演示!大家好!在上一篇文章中,我们对HTML5有了一个基本的了解。今天,我们将更深入地探索HTML5,全面介绍各种标签及其应用。从基础标签到新增标签,从文档结构到格式标签,我们将一一解析,并提供丰富的案例演示。准备好了吗?让我们开始吧!️HTML5基础结构首先,让我们回顾一下HTML5的基本结构。HTML5文档的结构就像一座房子的蓝图,指导我们如何构建网页。下面</div> </li> <li><a href="/article/1833895593613815808.htm" title="479.迪斯尼公主动漫主题网页 大学生期末大作业 Web前端网页制作 html+css+js" target="_blank">479.迪斯尼公主动漫主题网页 大学生期末大作业 Web前端网页制作 html+css+js</a> <span class="text-muted">仙女网页制作</span> <a class="tag" taget="_blank" href="/search/Web%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%AE%9E%E4%BE%8B/1.htm">Web网页设计实例</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%BC%AB/1.htm">动漫</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有各行各业的Web前端网页制作的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这么好的知识学习、技术交流的平台,让我们在这里相遇,小伙伴们,来吧,让我们一起开启Web前端网页制作的奇妙之旅!说起Web前端</div> </li> <li><a href="/article/1833525688494288896.htm" title="web前端基础——第八章" target="_blank">web前端基础——第八章</a> <span class="text-muted">ZiminLi</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%A0%88%E7%AC%94%E8%AE%B0/1.htm">技术栈笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域(Scope)全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一</div> </li> <li><a href="/article/1833472993293070336.htm" title="HTML 文本标签" target="_blank">HTML 文本标签</a> <span class="text-muted">一壶浊酒..</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。动态页面和静态页面的区别在于:是否与服务器进行数据交互标题标签这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题web前端开发床前明月光,疑是地上霜。举头望明月,低头思故乡这是普通文本这是粗体文本这是粗体文本斜体文本斜体文本斜体文本--->(a+b)2=a2+b2+2abH2SO4是指硫酸分子水果原价:6元现在:5</div> </li> <li><a href="/article/1833257537026224128.htm" title="利用PHP和Selenium自动化采集数据、实现爬虫抓取" target="_blank">利用PHP和Selenium自动化采集数据、实现爬虫抓取</a> <span class="text-muted">IT大数据小助手</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a> <div>随着互联网时代的到来,抓取互联网上的数据成为越来越重要的工作。在web前端开发领域,我们经常需要获取页面中的数据来完成一系列的交互操作,为了提高效率,我们可以将这个工作自动化。本文将介绍如何利用PHP和Selenium进行自动化数据采集和爬虫抓取。一、什么是SeleniumSelenium是一个免费的开源自动化测试工具,主要用于自动化测试Web应用程序,可以模拟真实的用户行为,实现自动交互。使用S</div> </li> <li><a href="/article/1833132711049523200.htm" title="web前端,JavaScript字符串和数组,练习题:邮箱格式是否正确,登录名和密码格式是否正确" target="_blank">web前端,JavaScript字符串和数组,练习题:邮箱格式是否正确,登录名和密码格式是否正确</a> <span class="text-muted">奔向我</span> <div>length属性,返回的是字符串的长度indexOf()方法用于获取字符串中返回指定字符串第一次出现的位置(注意:索引从0开始,找不到返回-1)indexOf()方法是从数组中检查指定数据的位置(从后往前找第一个),不存在返回-1includes()方法,从数组中检查指定的数据是否存在,存在返回true,不存在返回falsepush()方法,向数组的末尾添加一个或更多的元素,并返回新的长度spli</div> </li> <li><a href="/article/1833077712646926336.htm" title="Web前端最全初识Sentry前端监控,浅谈前端消息机制原理" target="_blank">Web前端最全初识Sentry前端监控,浅谈前端消息机制原理</a> <span class="text-muted">2401_84433924</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/sentry/1.htm">sentry</a> <div>Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script标签内部结构顺序2.1.8VueRouter规范Vue项目目录规范2.2.1基础2.2.2使用Vue-cli脚手架2.2.3目录说明2.2.4注释说明2.2.5其他开源分享:【大厂</div> </li> <li><a href="/article/1833006486490542080.htm" title="web前端 ios性能问题" target="_blank">web前端 ios性能问题</a> <span class="text-muted">zhenryx</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.禁止用户拖拽标签-webkit-user-drag:none;2.禁止用户选择标签user-select:none;//-webkit-touch-callout:none;///*系统默认菜单被禁用*/-webkit-user-select:none;/*webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火</div> </li> <li><a href="/article/1832121609838751744.htm" title="html如何嵌套页面?<iframe>标签告诉你答案" target="_blank">html如何嵌套页面?<iframe>标签告诉你答案</a> <span class="text-muted">PHP9年架构师</span> <div>本篇文章主要为大家介绍了htmliframe标签的介绍,让大家知道怎么通过iframe标签来为网页嵌套页面,内容很简单,大家照着这上面的来,多实践几次就懂了。希望大家都能好好学习,现在让我们来看这篇文章吧。web前端全栈资料粉丝福利(面试题、视频、资料笔记、进阶路线)在这里小编首先介绍的是HTML中iframe标签的用法:怎么在一个网页中嵌入另一个网页呢,我们可以用html中的iframe标签搞定</div> </li> <li><a href="/article/1831717079955369984.htm" title="Web前端最新2024 用好这 8 个工具,提升前端工程师软技能(3),三面头条+四面阿里+五面腾讯拿offer分享面经总结" target="_blank">Web前端最新2024 用好这 8 个工具,提升前端工程师软技能(3),三面头条+四面阿里+五面腾讯拿offer分享面经总结</a> <span class="text-muted">2401_84433769</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>跳槽是每个人的职业生涯中都要经历的过程,不论你是搜索到的这篇文章还是无意中浏览到的这篇文章,希望你没有白白浪费停留在这里的时间,能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。WINTERISCOMING。但是如果你不真正的自己去尝试尝试,你永远不知道市面上的行情如何。这次找工作下来,我自身感觉市场并没有那么可怕,也拿到了几个大厂的offer。在此进行一个总结,给自</div> </li> <li><a href="/article/1831717080584515584.htm" title="Web前端最新2024 跳槽涨薪必不可少面试通关宝典 —— css 篇(1),Web前端面试题初级" target="_blank">Web前端最新2024 跳槽涨薪必不可少面试通关宝典 —— css 篇(1),Web前端面试题初级</a> <span class="text-muted">2401_84433769</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>结尾正式学习前端大概3年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】取消盒子的</div> </li> <li><a href="/article/1831551939771461632.htm" title="linux的webkit桌面应用,使用node-webkit构建桌面应用程序" target="_blank">linux的webkit桌面应用,使用node-webkit构建桌面应用程序</a> <span class="text-muted">萌萌爱恋</span> <div>Web前端的现状目前的Web前端的现状较之5-6年前,简直不能同日而语:从所使用的技术、工具、框架到开发一个产品所需要付出的工作量,从前端开发从业人员的数量到Web应用的数量,从企业对于Web前端的重要程度的认识到Web实际上为企业带来的回报,一切都有了翻天覆地的变化。借助HTML5+CSS3的普及,加上一些开箱即用的CSS框架(如bootstrap,foundation等)支持,人们已经可以非常</div> </li> <li><a href="/article/1830276699439329280.htm" title="【前端实例代码】使用HTML CSS 和 JavaScript制作一个五星评价的功能~可动态好评+差评+留言功能~" target="_blank">【前端实例代码】使用HTML CSS 和 JavaScript制作一个五星评价的功能~可动态好评+差评+留言功能~</a> <span class="text-muted">南北极之间</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E7%89%B9%E6%95%88%E6%BA%90%E7%A0%81/1.htm">web前端特效源码</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%85%A5%E9%97%A8/1.htm">编程入门</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E7%BC%96%E7%A8%8B%E5%85%A5%E9%97%A8%E4%BB%A3%E7%A0%81/1.htm">网页设计编程入门代码</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>bilibili在线视频演示地址:【web前端特效源码】使用HTMLCSS和JavaScript制作一个五星评价的功能!可动态好评+差评+留言功能!效果图:</div> </li> <li><a href="/article/1829526035885027328.htm" title="Web前端" target="_blank">Web前端</a> <span class="text-muted">2301_78085386</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本:文字字符超文本:网页内容标记:标签标识例如商品上的标签,介绍了商品的信息html语言就是一种标记语言,提供许多的标签,不同的标签功能不同,网页就是通过这些标签描述出来的,最终通过浏览器解</div> </li> <li><a href="/article/1829250106055028736.htm" title="【面试题】JavaScript 中 try" target="_blank">【面试题】JavaScript 中 try</a> <span class="text-muted">2401_84438488</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>地址:前端面试题库web前端面试题库VSjava后端面试题库大全作为一位Web前端工程师,JavaScript中的try...catch是我们常用的特性之一。try...catch可以捕获代码中的异常并防止应用程序崩溃。但是try...catch不仅仅是简单地捕获异常。本文我将分享10个有用的try...catch使用技巧,让你在处理异常时更加得心应手。1.捕获所有异常如果你想捕获代码中所有可能的</div> </li> <li><a href="/article/1828906454971674624.htm" title="新书速览|HTML5+CSS3 Web前端开发与实例教程:微课视频版" target="_blank">新书速览|HTML5+CSS3 Web前端开发与实例教程:微课视频版</a> <span class="text-muted">全栈开发圈</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>《HTML5+CSS3Web前端开发与实例教程:微课视频版》本书内容《HTML5+CSS3Web前端开发与实例教程:微课视频版》秉承“思政引领,立德树人”的教育理念,自然融入多维度、深层次的思政元素,全面对标企业和行业需求;引入现代Web前端开发的核心技术,如Flex布局、Grid布局,以及人工智能编程插件,同时融入企业开发实践,确保学习内容与实际工作紧密相关。全书以一个完整案例为主线,结合综合项</div> </li> <li><a href="/article/1828737254584053760.htm" title="王者荣耀官网首页(xd原文件)" target="_blank">王者荣耀官网首页(xd原文件)</a> <span class="text-muted">无名指的等待712</span> <a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/xd/1.htm">xd</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1web前端开发者链接:https://pan.baidu.com/s/1nl9XmiyWnMs9gPCP1sN-3w提取码:hhss本文件是王者荣耀官网首页的XD源文件,玩游戏不如自己创造一个游戏。本文件可以锻炼一下大家的HTML5和css3的基础功底。</div> </li> <li><a href="/article/1828515021135638528.htm" title="60 个前端 Web 开发流行语你都知道哪些?" target="_blank">60 个前端 Web 开发流行语你都知道哪些?</a> <span class="text-muted">web18224617243</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程:??28个案例趣学前端??想寻找共同学习交流的小伙伴,请点击【全栈技术交流群】??免费且实用的计算机相关知识题库:??进来逛逛给大家安利一个免费且实用的前端刷题(面经大全)网站,??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水?今天海海给大家带来了60个Web前端开发的术语,看看你知道的有多少。以下列表是按照字母顺序排</div> </li> <li><a href="/article/1827536338954579968.htm" title="html语言三要素是,Web前端开发的三要素是什么?" target="_blank">html语言三要素是,Web前端开发的三要素是什么?</a> <span class="text-muted">KNSTY</span> <a class="tag" taget="_blank" href="/search/html%E8%AF%AD%E8%A8%80%E4%B8%89%E8%A6%81%E7%B4%A0%E6%98%AF/1.htm">html语言三要素是</a> <div>Web前端开发是由网页制作演变而来的,现在很多网站开发会用到web前端开发。Web前端开发主要包括三个要素分别是:HTML、CSS、JavaScript等,但是随着互联网时代的飞速发展,前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery,首先,第一要素为HTML5.HTML5是超文本标记语言的第五次重大修改,HTML5在HTML的基础上引进了新的功能,可以真正改变用户与文档的交互</div> </li> <li><a href="/article/1826966848713879552.htm" title="WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站" target="_blank">WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站</a> <span class="text-muted">html5网页设计</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%BD%9C%E4%B8%9A/1.htm">期末网页设计作业</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%88%B6%E4%BD%9C/1.htm">网页设计与制作</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html期末大作业</a> <div>精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业:【毕设项目精品实战案例(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码:【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南:【web前端零基础到高级学习视频教程120G干</div> </li> <li><a href="/article/1826892358063583232.htm" title="大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(美食)" target="_blank">大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(美食)</a> <span class="text-muted">无·糖</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">Web前端期末大作业</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F/1.htm">大学生</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">大作业</a><a class="tag" taget="_blank" href="/search/web%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">web网页设计</a> <div>HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目购物商城美食7页含jQuery登录注册二、网站描述总结了一些学生网页制作的经验:一般的网页需要融入以下知识点:div+css布局、浮动、定位、高级css、表格、表单及验证</div> </li> <li><a href="/article/1826846473006968832.htm" title="应届生web前端面试题_史上最全前端面试题(含答案)" target="_blank">应届生web前端面试题_史上最全前端面试题(含答案)</a> <span class="text-muted">秦天生</span> <a class="tag" taget="_blank" href="/search/%E5%BA%94%E5%B1%8A%E7%94%9Fweb%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">应届生web前端面试题</a> <div>2015-10-3006:30:03阅读(385)HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;2.xhtml</div> </li> <li><a href="/article/1826842440653434880.htm" title="搜集来的web前端面试题" target="_blank">搜集来的web前端面试题</a> <span class="text-muted">Mirana_77</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a> <div>周五要面试web前端orz搜集下面试题1、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素有哪些?块级元素</div> </li> <li><a href="/article/104.htm" title="springmvc 下 freemarker页面枚举的遍历输出" target="_blank">springmvc 下 freemarker页面枚举的遍历输出</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/freemarker/1.htm">freemarker</a> <div>spring mvc freemarker 中遍历枚举 1枚举类型有一个本地方法叫values(),这个方法可以直接返回枚举数组。所以可以利用这个遍历。 enum public enum BooleanEnum { TRUE(Boolean.TRUE, &quot;是&quot;), FALSE(Boolean.FALSE, &quot;否&quot;); </div> </li> <li><a href="/article/231.htm" title="实习简要总结" target="_blank">实习简要总结</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>来白虹不知不觉中已经一个多月了,因为项目还在需求分析及项目架构阶段,自己在这段 时间都是在学习相关技术知识,现在对这段时间的工作及学习情况做一个总结: (1)工作技能方面 大体分为两个阶段,Java Web 基础阶段和Java EE阶段 1)Java Web阶段 在这个阶段,自己主要着重学习了 JSP, Servlet, JDBC, MySQL,这些知识的核心点都过 了一遍,也</div> </li> <li><a href="/article/358.htm" title="Quartz——DateIntervalTrigger触发器" target="_blank">Quartz——DateIntervalTrigger触发器</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2208559 一.概述 simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间,这就导致他有不适合调度的定时任务。例如我们想每天的 1:00AM 执行任务,如果使用 SimpleTrigger,间隔时间就是一天。注意这里就会有一个问题,即当有 misfired 的任务并且恢复执行时,该执行时间</div> </li> <li><a href="/article/485.htm" title="Unix快捷键" target="_blank">Unix快捷键</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/Unix%EF%BC%9B%E5%BF%AB%E6%8D%B7%E9%94%AE%3B/1.htm">Unix;快捷键;</a> <div>复制,删除,粘贴: dd:删除光标所在的行&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs</div> </li> <li><a href="/article/612.htm" title="获取Android设备屏幕的相关参数" target="_blank">获取Android设备屏幕的相关参数</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>包含屏幕的分辨率 &nbsp;以及 屏幕宽度的最大dp 高度最大dp &nbsp; TextView text = (TextView)findViewById(R.id.text); DisplayMetrics dm = new DisplayMetrics(); text.append(&quot;getResources().ge</div> </li> <li><a href="/article/739.htm" title="要做物联网?先保护好你的数据" target="_blank">要做物联网?先保护好你的数据</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE/1.htm">数据</a> <div>根据Beecham Research的说法,那些在行业中希望利用物联网的关键领域需要提供更好的安全性。 在Beecham的物联网安全威胁图谱上,展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。 Beecham Research的技术主管Jon Howes说:“之所以我们目前还没有看到与物联网相关的严重安全事件,是因为目前还没有在大型客户和企业应用中进行部署,也就</div> </li> <li><a href="/article/866.htm" title="Java取模(求余)运算" target="_blank">Java取模(求余)运算</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 整数之间的取模求余运算很好求,但几乎没有遇到过对负数进行取模求余,直接看下面代码: /** * * @author Logic * */ public class Test { public static void main(String[] args) { // TODO A</div> </li> <li><a href="/article/993.htm" title="SQL注入介绍" target="_blank">SQL注入介绍</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/sql%E6%B3%A8%E5%85%A5/1.htm">sql注入</a> <div>二、SQL注入范例 这里我们根据用户登录页面 &lt;form action=&quot;&quot; &gt; 用户名:&lt;input type=&quot;text&quot; name=&quot;username&quot;&gt;&lt;br/&gt; 密 码:&lt;input type=&quot;password&quot; name=&quot;passwor</div> </li> <li><a href="/article/1120.htm" title="优雅代码风格" target="_blank">优雅代码风格</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a> <div>总结了几点关于优雅代码风格的描述: 代码简单:不隐藏设计者的意图,抽象干净利落,控制语句直截了当。 接口清晰:类型接口表现力直白,字面表达含义,API 相互呼应以增强可测试性。 依赖项少:依赖关系越少越好,依赖少证明内聚程度高,低耦合利于自动测试,便于重构。 没有重复:重复代码意味着某些概念或想法没有在代码中良好的体现,及时重构消除重复。 战术分层:代码分层清晰,隔离明确,</div> </li> <li><a href="/article/1247.htm" title="布尔数组" target="_blank">布尔数组</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B8%83%E5%B0%94%E6%95%B0%E7%BB%84/1.htm">布尔数组</a> <div>&nbsp; androi中提到了布尔数组; &nbsp; 布尔数组默认的是false, &nbsp;并且只会打印false或者是true &nbsp; 布尔数组的例子; &nbsp;根据字符数组创建布尔数组 char[] c = {'p','u','b','l','i','c'}; //根据字符数组的长度创建布尔数组的个数 boolean[] b = new bool</div> </li> <li><a href="/article/1374.htm" title="web.xml之welcome-file-list、error-page" target="_blank">web.xml之welcome-file-list、error-page</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/error-page/1.htm">error-page</a> <div>welcome-file-list 1.定义: &lt;welcome-file-list&gt; &lt;welcome-file&gt;login.jsp&lt;/welcome&gt; &lt;/welcome-file-list&gt; &nbsp;2.作用:用来指定WEB应用首页名称。 &nbsp; error-page1.定义: &lt;error-page&g</div> </li> <li><a href="/article/1501.htm" title="richfaces 4 fileUpload组件删除上传的文件" target="_blank">richfaces 4 fileUpload组件删除上传的文件</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/clear/1.htm">clear</a><a class="tag" taget="_blank" href="/search/Richfaces+4/1.htm">Richfaces 4</a><a class="tag" taget="_blank" href="/search/fileupload/1.htm">fileupload</a> <div>&nbsp;页面代码 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h:form id=&quot;fileForm&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rich:</div> </li> <li><a href="/article/1628.htm" title="技术文章备忘" target="_blank">技术文章备忘</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%96%87%E7%AB%A0/1.htm">技术文章</a> <div>Zookeeper http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV</div> </li> <li><a href="/article/1755.htm" title="org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案" target="_blank">org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>文章摘自:http://blog.csdn.net/yangwawa19870921/article/details/7553181 &nbsp; 在编写HQL时,可能会出现这种代码: select a.name,b.age from TableA a left join TableB b on a.id=b.id &nbsp;如果这是HQL,那么这段代码就是错误的,因为HQL不支持</div> </li> <li><a href="/article/1882.htm" title="sqlserver按照字段内容进行排序" target="_blank">sqlserver按照字段内容进行排序</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E6%8C%89%E7%85%A7%E5%86%85%E5%AE%B9%E6%8E%92%E5%BA%8F/1.htm">按照内容排序</a> <div>在做项目的时候,遇到了这样的一个需求: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 从数据库中取出的数据集,首先要将某个数据或者多个数据按照地段内容放到前面显示,例如:从学生表中取出姓李的放到数据集的前面; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; select * fro</div> </li> <li><a href="/article/2009.htm" title="编程珠玑-第一章-位图排序" target="_blank">编程珠玑-第一章-位图排序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E7%8F%A0%E7%8E%91/1.htm">编程珠玑</a> <div> import java.io.BufferedWriter; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.Writer; import java.util.Random; public class BitMapSearch { </div> </li> <li><a href="/article/2136.htm" title="Java关于==和equals" target="_blank">Java关于==和equals</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>关于==和equals概念其实很简单,一个是比较内存地址是否相同,一个比较的是值内容是否相同。虽然理解上不难,但是有时存在一些理解误区,如下情况: 1、 String a = &quot;aaa&quot;; a==&quot;aaa&quot;; ==&gt; true 2、 new String(&quot;aaa&quot;)==new String(&quot;aaa</div> </li> <li><a href="/article/2263.htm" title="[IT与资本]软件行业需对外界投资热情保持警惕" target="_blank">[IT与资本]软件行业需对外界投资热情保持警惕</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/it/1.htm">it</a> <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境... &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然</div> </li> <li><a href="/article/2390.htm" title="oracle 数据块结构" target="_blank">oracle 数据块结构</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%9D%97/1.htm">块</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%9D%97/1.htm">数据块</a><a class="tag" taget="_blank" href="/search/%E5%9D%97%E7%BB%93%E6%9E%84/1.htm">块结构</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E7%9B%AE%E5%BD%95/1.htm">行目录</a> <div>oracle 数据块是数据库存储的最小单位,一般为操作系统块的N倍。其结构为: 块头--〉空行--〉数据,其实际为纵行结构。 块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块(Standard Block)。块的大小和标准块的大小不同的块叫非标准块(Nonstandard Block)。同一数据库中,Oracle9i及以上版本支持同一数据库中同时使用标</div> </li> <li><a href="/article/2517.htm" title="github上一些觉得对自己工作有用的项目收集" target="_blank">github上一些觉得对自己工作有用的项目收集</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>github上一些觉得对自己工作有用的项目收集 技能类 markdown语法中文说明 回到顶部 全文检索 elasticsearch bigdesk&nbsp;elasticsearch管理插件 回到顶部 nosql mapdb&nbsp;支持亿级别map, list, 支持事务. 可考虑做为缓存使用 C</div> </li> <li><a href="/article/2644.htm" title="初二上学期难记单词二" target="_blank">初二上学期难记单词二</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>dangerous 危险的 panda 熊猫 lion 狮子 elephant 象 monkey 猴子 tiger 老虎 deer 鹿 snake 蛇 rabbit 兔子 duck 鸭 horse 马 forest 森林 fall 跌倒;落下 climb 爬;攀登 finish 完成;结束 cinema 电影院;电影 seafood 海鲜;海产食品 bank 银行</div> </li> <li><a href="/article/2771.htm" title="8、mysql外键(FOREIGN KEY)的简单使用" target="_blank">8、mysql外键(FOREIGN KEY)的简单使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>一、基本概念 1、MySQL中“键”和“索引”的定义相同,所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引,但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引,InnoDB不能自动地创建索引。 2、外键可以是一对一的,一个表的记录只能与另一个表的一条记录连接,或者是一对多的,一个表的记录与另一个表的多条记录连接。 3、如</div> </li> <li><a href="/article/2898.htm" title="java循环标签 Foreach" target="_blank">java循环标签 Foreach</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a><a class="tag" taget="_blank" href="/search/java%E5%BE%AA%E7%8E%AF/1.htm">java循环</a><a class="tag" taget="_blank" href="/search/foreach/1.htm">foreach</a> <div>1. 简单的for循环 public static void main(String[] args) { for (int i = 1, y = i + 10; i &lt; 5 &amp;&amp; y &lt; 12; i++, y = i * 2) { System.err.println(&quot;i=&quot; + i + &quot; y=&quot; </div> </li> <li><a href="/article/3025.htm" title="Spring Security(05)——异常信息本地化" target="_blank">Spring Security(05)——异常信息本地化</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E4%BF%A1%E6%81%AF/1.htm">异常信息</a><a class="tag" taget="_blank" href="/search/%E6%9C%AC%E5%9C%B0%E5%8C%96/1.htm">本地化</a> <div>异常信息本地化 &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Spring Security支持将展现给终端用户看的异常信息本地化,这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息(如配置错误)则是不能够进行本地化的,它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x</div> </li> <li><a href="/article/3152.htm" title="DUBBO架构服务端告警Failed to send message Response" target="_blank">DUBBO架构服务端告警Failed to send message Response</a> <span class="text-muted">javamingtingzhao</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/DUBBO/1.htm">DUBBO</a> <div>&nbsp;废话不多说,警告日志如下,不知道有哪位遇到过,此异常在服务端抛出(服务器启动第一次运行会有这个警告),后续运行没问题,找了好久真心不知道哪里错了。 &nbsp; &nbsp;WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)</div> </li> <li><a href="/article/3279.htm" title="JS中Date对象中几个用法" target="_blank">JS中Date对象中几个用法</a> <span class="text-muted">leeqq</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%90%8E%E4%B8%80%E5%A4%A9/1.htm">最后一天</a> <div>近来工作中遇到这样的两个需求 1. 给个Date对象,找出该时间所在月的第一天和最后一天 2. 给个Date对象,找出该时间所在周的第一天和最后一天 &nbsp; 需求1中的找月第一天很简单,我记得api中有setDate方法可以使用 使用setDate方法前,先看看getDate var date = new Date(); console.log(date); // Sat J</div> </li> <li><a href="/article/3406.htm" title="MFC中使用ado技术操作数据库" target="_blank">MFC中使用ado技术操作数据库</a> <span class="text-muted">你不认识的休道人</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mfc/1.htm">mfc</a> <div>1.在stdafx.h中导入ado动态链接库 #import&quot;C:\Program Files\Common Files\System\ado\msado15.dll&quot; no_namespace rename(&quot;EOF&quot;,&quot;end&quot;)2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti</div> </li> <li><a href="/article/3533.htm" title="Android Studio加速" target="_blank">Android Studio加速</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/android+studio/1.htm">android studio</a> <div>Android Studio慢、吃内存!启动时后会立即通过Gradle来sync &amp; build工程。 (1)设置Android Studio a) 禁用插件 File -&gt; Settings...&nbsp; Plugins 去掉一些没有用的插件。 比如:Git Integration、GitHub、Google Cloud Testing、Google Cloud</div> </li> <li><a href="/article/3660.htm" title="各数据库的批量Update操作" target="_blank">各数据库的批量Update操作</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a> <div>MyBatis的update元素的用法与insert元素基本相同,因此本篇不打算重复了。本篇仅记录批量update操作的 sql语句,懂得SQL语句,那么MyBatis部分的操作就简单了。   注意:下列批量更新语句都是作为一个事务整体执行,要不全部成功,要不全部回滚。 MSSQL的SQL语句  WITH R AS(   SELECT 'John' as name, 18 as</div> </li> <li><a href="/article/3787.htm" title="html禁止清除input文本输入缓存" target="_blank">html禁止清除input文本输入缓存</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/input/1.htm">input</a> <div>多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有2种方法: 方法一:&nbsp;在不想使用缓存的input中添加 autocomplete=&quot;off&quot;;&nbsp;eg: &lt;input type=&quot;text&quot; autocomplete=&quot;off&quot; name</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>