Cailín taisce

HTML CSS

第二章、HTML5的基础

第三章和第四章、HTML5页面元素及属性

第五、六章、应用CSS3设置网页样式

第七章、CSS新增选择器

第八章、CSS盒子模型

第九章、CSS背景

第十章、列表和超链接

第十一章、表格

专题1、表格标签

第十三章、浮动与定位

第十四章、多媒体技术

第十五章、网页布局

网站

第二章至第十五章所学知识点

第二章、HTML5的基础

专题1、HTML5文档基本格式：标签，标签，标签，标签；

专题2、HTML5语法：标签不区分大小写，允许属性值不使用引导，允许部分属性值的属性省略；

专题3、HTML5标记及属性：标记主要分为双标记和单标记，还有注释标记；标记属性有字体，颜色，位置，字号；嵌套结构遵循就近原则；

专题4、HTML5文档头部相关标记：,<meta/>,<link>,<style>。</p> <h1 id="%E7%AC%AC%E4%B8%89%E7%AB%A0%E5%92%8C%E7%AC%AC%E5%9B%9B%E7%AB%A0%E3%80%81HTML5%E9%A1%B5%E9%9D%A2%E5%85%83%E7%B4%A0%E5%8F%8A%E5%B1%9E%E6%80%A7" style="margin-left:0cm;"><strong>第三章和第四章、HTML5页面元素及属性</strong></h1> <p style="margin-left:0cm;">专题1、标题和段落标记：标题标记<h1>至<h6> 属性align,段落<p>属性align,标题标记和段落标记是双标记，<hr/>水平线是单标记，<br/>强制换行也是单标记； </p> <p style="margin-left:0cm;">专题2、文本格式化标记:<strong>,<em>,<del>,<ins>;</p> <p style="margin-left:0cm;">专题3、特殊字符标记：常用的空格是nbsp; < 大于号是< > 小于号是> </p> <p style="margin-left:0cm;">专题4、列表元素：有序列表，无序列表和定义列表，主要列表的嵌套； 5、图像标记:常用图像格式有GIF,PNG,JPG；引用是有绝对路径，相对路径，常用相对路径；</p> <p style="margin-left:0cm;">专题1、HTML结构元素：section元素，header元素，footer元素，nar元素，article元素，hgroup元素 </p> <p style="margin-left:0cm;">专题2、HTML5级块性元素：aside元素,figure元素; figcaption元素；</p> <p style="margin-left:0cm;">专题3、HTML5新增的语义元素：mark元素，time元素，meter元素，progress元素； </p> <p style="margin-left:0cm;">专题4、HTML5新增的交互性元素：details和summary元素，menu元素，command元素； </p> <p style="margin-left:0cm;">专题5、HTML5新增的通用属性：contenteditable属性，hidden属性，spelleheck属性。</p> <h1 id="%E7%AC%AC%E4%BA%94%E3%80%81%E5%85%AD%E7%AB%A0%E3%80%81%E5%BA%94%E7%94%A8CSS3%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E6%A0%B7%E5%BC%8F" style="margin-left:0cm;"><strong>第五、六章、应用CSS3设置网页样式</strong></h1> <p style="margin-left:0cm;">专题1、CSS样式规则</p> <p style="margin-left:0cm;">选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。格式如下：</p> <p style="margin-left:0cm;">选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}</p> <p style="margin-left:0cm;">专题2.、引入CSS样式表</p> <ol> <li>行内式也称为内联样式，是通过标签的style属性来设置元素的样式，其基本语法格式如下:</li> </ol> <p style="margin-left:0cm;"><标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名></p> <ol> <li>内嵌式是将CSS代码集中写在HTML文档的<head>头部标签中，并且用<style>标签定义， </li> <li>链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link />标签将外部样式表文件链接到HTML文档中</li> <li>导入式基本不使用，因为页面会先加载html,然后再去加载CSS，这样就会造成页面样式的延迟。</li> <li>四种方式的优先级 <ol> <li>理论上：行内>内嵌>链入>导入</li> <li>实际上：就近原则</li> </ol></li> <li>内嵌、链接、导入在同一个文件头部，谁离相应的代码近，谁的优先级高。</li> </ol> <p style="margin-left:0cm;">专题3、CSS基础选择器</p> <p style="margin-left:0cm;">标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> <p style="margin-left:0cm;">标记选择器最大的优点是能快速为页面中同类型的标记统一样式，同时这也是它的缺点，不能设计差异化样式。</p> <p style="margin-left:0cm;">1）、类选择器使用"."（英文点号）进行标识，后面紧跟类名，</p> <p style="margin-left:0cm;">其基本语法格式如下：</p> <p style="margin-left:0cm;">.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } </p> <p style="margin-left:0cm;">2）、id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：</p> <p style="margin-left:0cm;">#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> <p style="margin-left:0cm;">3)、通配符选择器用"*"号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。其基本语法格式如下：</p> <p style="margin-left:0cm;">*{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> <p style="margin-left:0cm;">4)、标签指定式选择器又称交集选择器，由两个选择器构成，</p> <p style="margin-left:0cm;">其中第一个为标签选择器，第二个为class选择器或id选择器，</p> <p style="margin-left:0cm;">两个选择器之间不能有空格，如h3.special或p#one。</p> <p style="margin-left:0cm;">5)、后代选择器用来选择元素或元素组的后代，</p> <p style="margin-left:0cm;">其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。</p> <p style="margin-left:0cm;">当标签发生嵌套时，内层标签就成为外层标签的后代。</p> <p style="margin-left:0cm;">6)、并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。</p> <p style="margin-left:0cm;">若某些选择器定义的样式完全或部分相同，可利用并集选择器为它们定义相同的样式。</p> <p style="margin-left:0cm;">专题1、字体样式属性</p> <ol> <li>字号大小：font-size:长度 | 绝对尺寸 | 相对尺寸 | 百分比 ;</li> <li>字体：font-family :字型1,字型2, …… ;</li> <li>字体粗细：font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;</li> <li>字体风格：font-style: normal | italic | oblique ;</li> <li>小型大写字母：font-variant: normal | small-caps ; </li> <li>综合：font：font-style font-variant font-weight font-size/line-height font-family ;</li> <li>引用字体：@font-face</li> <li>长单词换行：word-wrap</li> <li>专题2、文本外观属性</li> <li>文本颜色color : color_name | HEX | RGB | RGBA | HSL | HSLA | transparent ;</li> <li>字符间距和单词间距：letter-spacing和word-spacing</li> <li>文本行高：line-height: normal | 长度 | 百分比 | 数值 ;</li> <li>文本对齐方式：text-align: left | right | center | justify | start | end | match-parent | justify-all;</li> <li>文本大小写：text-transform : none | capitalize | uppercase | lowercase | full-width</li> <li>文本修饰：text-decoration: decoration | underline | overline | bink</li> <li>文本缩进：text-indent</li> <li>文本对空白格的处理：white-space: normal | pre | nowrap</li> <li>文本的阴影：text-shadow: none | 阴影 [ , 阴影 ]* ;</li> <li>阴影 = 长度1 , 长度2 , [ 长度3 ], [颜色];</li> <li>文本的溢出：text-overflow: cilp | ellipsis</li> </ol> <p style="margin-left:0cm;"><span style="color:#000000;">专题3、CSS层叠性和继承性</span></p> <ol> <li>层叠性是指多种CSS样式的叠加。</li> <li>继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。</li> </ol> <p style="margin-left:0cm;"><span style="color:#000000;">专题4、CSS优先级</span></p> <p style="margin-left:0cm;">ID选择器的特殊性值，加100。权值</p> <p style="margin-left:0cm;">类选择器、属性选择器或伪类，加10。</p> <p style="margin-left:0cm;">元素(标签)和伪元素，加1。</p> <p style="margin-left:0cm;">通配选择器*对特殊性没有贡献，即0。</p> <p style="margin-left:0cm;">行内样式---1000</p> <p style="margin-left:0cm;">最后比较特殊的一个标志!important（权重），它没有特殊性值，但它的优先级是最高的，</p> <p style="margin-left:0cm;">为了方便记忆，可以认为它的特殊性值为10000。</p> <p style="margin-left:0cm;"> </p> <h1 id="%E7%AC%AC%E4%B8%83%E7%AB%A0%E3%80%81CSS%E6%96%B0%E5%A2%9E%E9%80%89%E6%8B%A9%E5%99%A8" style="margin-left:0cm;"><strong>第七章、CSS新增选择器</strong></h1> <p style="margin-left:0cm;">专题1、属性选择器</p> <ol> <li>E[att^=value] 属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含前缀为value的子字符串。</li> <li>E[att*=value]选择器用于选择名称为E的标记，且该标记定义了att属性。</li> <li>E[att$=value] 属性选择器是指选择名称为E的标记，且该标记定义了att属性。</li> </ol> <p style="margin-left:0cm;">专题2、关系选择器</p> <p style="margin-left:0cm;">关系选择器主要包括子代选择器（>）与兄弟选择器(+ ~)</p> <p style="margin-left:0cm;">专题3、结构化伪类选择器</p> <p style="margin-left:0cm;">（1）：root选择器，用于匹配文档根元素（html元素），效果是整篇文章一个效果。</p> <p style="margin-left:0cm;">（2）：not选择器，用某元素是排除某一个元素</p> <p style="margin-left:0cm;">（3）：only-childy选择器，用于匹配某父元素唯一的子元素的元素。</p> <p style="margin-left:0cm;">（4）:first-child选择器和:last-child选择器分别用于为父元素中的第一个或者最后一个子元素设置样式。</p> <p style="margin-left:0cm;">(5)使用:first-child选择器和:last-child选择器可以选择某个父元素中第一个或最后一个子元素，</p> <p style="margin-left:0cm;">(6):nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的特定类型的第 n 个子元素和倒数第n个子元素。</p> <p style="margin-left:0cm;">(7):empty选择器用来选择没有子元素或文本内容为空的所有元素。</p> <p style="margin-left:0cm;">(8):target选择器用于为页面中的某个target元素（该元素的id被当做页面中的超链接来使用）指定样式。</p> <p style="margin-left:0cm;">专题4、伪类选择器</p> <ol> <li>：before伪元素，位于{被选中元素内容}前，中必须匹配conten属性。注意被选中的内容要用" "双引号</li> <li>：after伪元素，位于{被选中元素内容}前，中必须匹配conten属性</li> </ol> <p style="margin-left:0cm;"> </p> <h1 id="%E7%AC%AC%E5%85%AB%E7%AB%A0%E3%80%81CSS%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B" style="margin-left:0cm;"><strong>第八章、CSS盒子模型</strong></h1> <p style="margin-left:0cm;">专题1、边框属性</p> <ol> <li>边框样式：border-style(-top|bottom|left|right) : none | solid | dashed | dotted | double ; （一定要记得写这个）</li> <li>边框宽度：border-width: 像素值 ;</li> <li>边框颜色: border-color: 颜色、十六进制、rgb</li> <li>综合设置边框：border：宽度、样式、颜色</li> <li>圆角边框：border-radius: 水平半径参数/垂直半径参数</li> <li>图片边框：border-image:图片路径/边框宽/重复方式/……</li> </ol> <p style="margin-left:0cm;">专题2、内边距属性</p> <p style="margin-left:0cm;">padding(-top | right | bottom | left) --不允许为负值</p> <p style="margin-left:0cm;">专题3、外边距属性</p> <p style="margin-left:0cm;">margin (-top | right | bottom | left) --可以为负值</p> <p style="margin-left:0cm;">专题4、Box-shadow属性</p> <p style="margin-left:0cm;">格式：box-shadow:像素值1 像素值2 像素值3 像素值4 颜色值阴影类型</p> <p style="margin-left:0cm;">专题5、Box-sizing属性</p> <p style="margin-left:0cm;">格式：box-sizing:conter-box / border-box ;</p> <h1 id="%E7%AC%AC%E4%B9%9D%E7%AB%A0%E3%80%81CSS%E8%83%8C%E6%99%AF" style="margin-left:0cm;"><strong>第九章、CSS背景</strong></h1> <p style="margin-left:0cm;">专题1、背景属性</p> <ol> <li>背景颜色：background-color:颜色值、十六进制、rgb;</li> <li>背景图片： background-image:url（路径）；</li> <li>背景不透明：background-color：rgba(r,g,b,alpha)或opaclty:值；</li> <li>背景图像平铺：background-repeat：repeat | no-repeat | repeat-x | repeat-y;</li> <li>背景图像位置：background-position:像素、百分比、关键字;</li> <li>图像固定方式：background-attachment: scroll | fixed;</li> <li>背景图像大小:background-size:宽、高（px、%、cover、contain）;</li> <li>背景图像显示区域与裁剪区域：background-clip：属性值；</li> <li>背景复合属性：background</li> </ol> <p style="margin-left:0cm;">专题2、CSS3渐变属性</p> <ol> <li>线性渐变：background-image: linear-gradient(渐变角度，颜色值1，…,颜色值n);</li> <li>径向渐变:background-image:radial-gradient(渐变现状圆心位置，颜色值1，…，颜色值n);</li> <li>重复线性渐变:background-image:repeating-linear-gradient;</li> <li>重复径向渐变:background-image:repeating-radial-gradient；</li> </ol> <h1 id="%E7%AC%AC%E5%8D%81%E7%AB%A0%E3%80%81%E5%88%97%E8%A1%A8%E5%92%8C%E8%B6%85%E9%93%BE%E6%8E%A5" style="margin-left:0cm;"><strong>第十章、列表和超链接</strong></h1> <p style="margin-left:0cm;">专题1、列表标签</p> <ol> <li>无序列表：<ul> <li>列表1</li> <li>列表2</li> </ul></li> <li>有序列表：<ol> <li>列表1</li> <li>列表2</li> </ol></li> <li>定义列表：<dl> <dt>名词1</dt><dd>名词解1</dd></dl></li> </ol> <p style="margin-left:0cm;">专题2、CSS控制列表样式</p> <ol> <li>list-style-type属性—控制无序列表和有序列表的项目符号</li> </ol> <p style="margin-left:0cm;">无序列表的属性值：disc实心圆、circle空心圆、square实心正方形、none不显示；</p> <p style="margin-left:0cm;">有序列表的属性值：decimal、upper-alpha、lower-alpha、upper-roman、lower-roman、none。</p> <ol> <li>list-style-image属性</li> </ol> <p style="margin-left:0cm;">基本格式：ul{list-style-image:ulr(图片路径);}</p> <ol> <li>list-style-position属性</li> </ol> <p style="margin-left:0cm;">属性值：inside列表项目符号在文本内、outside在文本外</p> <p style="margin-left:0cm;">专题3、超链接标签</p> <p style="margin-left:0cm;">格式：<a href=”路径（跳转目标）”target=”目标窗口弹出方式”>文本、图像</a></p> <p style="margin-left:0cm;">专题4、锚点链接</p> <p style="margin-left:0cm;">先使用<a href=”id名”>链接文本</a></p> <p style="margin-left:0cm;">后使用id名标注跳转目标的位置</p> <p style="margin-left:0cm;">专题5、链接伪类控制超链接</p> <p style="margin-left:0cm;">名:link{CSS样式规则;}未访问时超链接的状态</p> <p style="margin-left:0cm;">名:visited{ CSS样式规则;} 访问后超链接的状态</p> <p style="margin-left:0cm;">名:hover{ CSS样式规则;}鼠标经过、悬停时超链接的状态</p> <p style="margin-left:0cm;">名:active{ CSS样式规则;}鼠标点击不动是超链接的状态</p> <p style="margin-left:0cm;"> </p> <h1 id="%E7%AC%AC%E5%8D%81%E4%B8%80%E7%AB%A0%E3%80%81%E8%A1%A8%E6%A0%BC" style="margin-left:0cm;"><strong>第十一章、表格</strong></h1> <h1 id="%E4%B8%93%E9%A2%981%E3%80%81%E8%A1%A8%E6%A0%BC%E6%A0%87%E7%AD%BE" style="margin-left:0cm;">专题1、表格标签</h1> <p style="margin-left:0cm;">创建表格的基本标记为 <table> </table>、<tr> </tr> 、<td> </td>, 默认的情况下，表格的边框为0，宽高（自适应）靠表格内容支撑</p> <ol> <li>table:定义表格，可以设置边框,<table border="0">--默认</li> <li>tr:定义行，不可以输入内容，只可以输入<td></td></li> <li>td:定义单元格，像容器（可以容纳所有标记）、放表格的内容、还可以嵌套表格<table></table></li> </ol> <p style="margin-left:0cm;">专题2、CSS控制表格样式</p> <ol> <li>表格边框：<caption>标记，用于定义表格标题，border-collapse属性设置表格边框合并为一个单元格的边框，属性值：collapse</li> <li>单元格边框：可以对<th>和<td>标记应用内边距样式属性padding，或对<table>标记应用HTML标记属性cellpadding.</li> <li>单元格宽高：宽度（width）只能影响单元格的一列，并取一列的最大值;高度（height）只能影响单元格的一行，并取一行的最大值</li> </ol> <p style="margin-left:0cm;">专题1、创建表单</p> <ol> <li>表单的构建：提示信息、表单域、表单控件</li> <li>创建表单的基本格式：<form action=”url地址” method=”提交方式” name=”表单名称”></form></li> </ol> <p style="margin-left:0cm;">专题2、表单控件</p> <p style="margin-left:0cm;">大致可分为input控件、textarea控件、select控件</p> <h1 id="%E7%AC%AC%E5%8D%81%E4%B8%89%E7%AB%A0%E3%80%81%E6%B5%AE%E5%8A%A8%E4%B8%8E%E5%AE%9A%E4%BD%8D" style="margin-left:0cm;"><strong>第十三章、浮动与定位</strong></h1> <p style="margin-left:0cm;">专题1、浮动</p> <ol> <li>浮动的基本格式:选择器:{float:属性值（left、right、none）;}</li> <li>清除浮动的基本格式：选择器:{clear:属性值（left、right、both、none）;}</li> <li>标签的浮动属性：空标签、overflow、after对象</li> </ol> <p style="margin-left:0cm;">专题2、标记定位</p> <ol> <li>定位模式</li> </ol> <p style="margin-left:0cm;">基本格式:选择器{position:属性值(statie、relative、absolute、fixed);}</p> <ol> <li>边偏移</li> </ol> <p style="margin-left:0cm;">基本格式:{top/bottom/left/right:属性值(偏移量);}</p> <p style="margin-left:0cm;">专题3、元素转换</p> <ol> <li>块元素：在页面中以区域块的形式出现，通常每一个块元素独占一整行或占多整行，可以对其设置宽、高等属性，<div>标签是最典型的块元素；</li> <li>行内元素：在页面中占独立的区域，仅靠自身大小来支撑结构，一般不可以设置宽、高、对齐等属性，<span>标签是最典型的函内元素。</li> <li>元素类型的转换：</li> </ol> <p style="margin-left:0cm;">display-inline:显示为行内元素;</p> <p style="margin-left:0cm;">display-block:显示为块元素;</p> <p style="margin-left:0cm;">display-inline-block:显示为行内元素，可以设置宽高等属性，但不会独占一行;</p> <p style="margin-left:0cm;">display-none:元素被隐藏，不显示，也不占用页面的空间。</p> <h1 id="%E7%AC%AC%E5%8D%81%E5%9B%9B%E7%AB%A0%E3%80%81%E5%A4%9A%E5%AA%92%E4%BD%93%E6%8A%80%E6%9C%AF" style="margin-left:0cm;"><strong>第十四章、多媒体技术</strong></h1> <p style="margin-left:0cm;">专题1、嵌入视频</p> <p style="margin-left:0cm;">格式：<video src="视频文件路径" controls="controls"> 文字 </video></p> <p style="margin-left:0cm;">video标签支持三种视频格式，Ogg 、WebM、MPEG4，必备属性src controls，其他属性：autoplay 、loop、preloadshux、poster</p> <p style="margin-left:0cm;">专题2、嵌入音频</p> <p style="margin-left:0cm;">格式：<audio src="音频文件路径" controls="controls"> 文字 </audio></p> <p style="margin-left:0cm;">audio标签支持三种视频格式，Ogg Wav MP3必备属性src 、controls，其他属性autoplay、loop、preload</p> <p style="margin-left:0cm;">专题3、控制视频的宽高</p> <p style="margin-left:0cm;">Video标记设置width、height属性来缩放视频，这样的视频即使在页面上看起来很小，但它原始大小依然没变。</p> <h1 id="%E7%AC%AC%E5%8D%81%E4%BA%94%E7%AB%A0%E3%80%81%E7%BD%91%E9%A1%B5%E5%B8%83%E5%B1%80" style="margin-left:0cm;"><strong>第十五章、网页布局</strong></h1> <p style="margin-left:0cm;">专题1、布局概述</p> <ol> <li>布局概述：布局就是指对网页中的模块进行合理的排布，使页面排列清晰，美观易读。</li> <li>布局的流程：先确定页面版心的宽的，后分析页面的模块：header、nav、banner、content、footer（标签之间的关系：并列、嵌套等）最后来控制网页的各个模块：HTML CSS JS（脚本....）</li> </ol> <p style="margin-left:0cm;">专题2布局类型：</p> <p style="margin-left:0cm;">单列布局、两列布局、三列布局(通栏布局)</p> <p style="margin-left:0cm;">专题3、网页模块命名规范</p> <p style="margin-left:0cm;"> （1）避免使用中文字符命名 </p> <p style="margin-left:0cm;"> （2）命名不要以数字揩油</p> <p style="margin-left:0cm;"> （3）不要占用关键字</p> <p style="margin-left:0cm;"> （4）命名时要用较少的字母表达最容易理解的</p> <p style="margin-left:0cm;"> （5）驼峰式命名：除了第一个单词外，其他单词首字母大写--partOneNum</p> <p> （6）帕斯卡命名：每个单词之间用"_"隔开--content_one_a--比较常用。</p> <h1 id="%E7%BD%91%E7%AB%99">网站</h1> <p>以上是我上课时做的笔记，希望内容对你有所帮助。同时强烈推荐小伙伴们使用以下两个的网站</p> <p><a href="http://img.e-com-net.com/image/info8/28352ef9bdf6430a96fb819d86e70a15.jpg" target="_blank"><img alt="HTML CSS_第1张图片" height="304" src="http://img.e-com-net.com/image/info8/28352ef9bdf6430a96fb819d86e70a15.jpg" width="650" style="border:1px solid black;"></a></p> <p>https://www.w3school.com.cn</p> <p><a href="http://img.e-com-net.com/image/info8/0d259c7a589e4cd8b4531b9c3e38ede5.jpg" target="_blank"><img alt="HTML CSS_第2张图片" height="317" src="http://img.e-com-net.com/image/info8/0d259c7a589e4cd8b4531b9c3e38ede5.jpg" width="650" style="border:1px solid black;"></a></p> <p>https://www.runoob.com/</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1283483690894114816"></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">  <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>  <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>  <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">你可能感兴趣的:(HTML CSS)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <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/1835493267907637248.htm" title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a> <span class="text-muted">dmengmeng</span> <div>需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a> <span class="text-muted">有一只柴犬</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a> <span class="text-muted">夜空_2cd3</span> <div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div> </li> <li><a href="/article/1835403246865313792.htm" title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a> <span class="text-muted">和自己一起成长</span> <div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div> </li> <li><a href="/article/1835395039572881408.htm" title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a> <span class="text-muted">清风怎不知意</span> <a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> <span class="text-muted">陈在天box</span> <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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div> </li> <li><a href="/article/1835387977480630272.htm" title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a> <span class="text-muted">Cavalier_01</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计旅游网站首页1个页面" target="_blank">html+css网页设计旅游网站首页1个页面</a> <span class="text-muted">html+css+js网页设计</span> <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> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div> </li> <li><a href="/article/1835379153730367488.htm" title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a> <span class="text-muted">zoyation</span> <a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div> </li> <li><a href="/article/1835377684025274368.htm" title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a> <span class="text-muted">Derek重名了</span> <div>最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div> </li> <li><a href="/article/1835376759739084800.htm" title="处理标签包裹的字符串，并取出前250字符" target="_blank">处理标签包裹的字符串，并取出前250字符</a> <span class="text-muted">周bro</span> <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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div> </li> <li><a href="/article/1835376505543290880.htm" title="css设置当字数超过限制后以省略号（...）显示" target="_blank">css设置当字数超过限制后以省略号（...）显示</a> <span class="text-muted">周bro</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</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/1.htm">vue</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin</div> </li> <li><a href="/article/1835373236217540608.htm" title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a> <span class="text-muted">马小蜗</span> <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div> </li> <li><a href="/article/1835372727582683136.htm" title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a> <span class="text-muted">红匣子实力推荐</span> <div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div> </li> <li><a href="/article/1835362025719558144.htm" title="css2中的透明" target="_blank">css2中的透明</a> <span class="text-muted">琪33</span> <div>.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}</div> </li> <li><a href="/article/1835359727924637696.htm" title="Nginx从入门到实践(三)" target="_blank">Nginx从入门到实践(三)</a> <span class="text-muted">听你讲故事啊</span> <div>动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin</div> </li> <li><a href="/article/1835354700392787968.htm" title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a> <span class="text-muted">张某布响丸辣</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div> </li> <li><a href="/article/1835354447627251712.htm" title="前端知识点" target="_blank">前端知识点</a> <span class="text-muted">ZhangTao_zata</span> <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/css/1.htm">css</a> <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div> </li> <li><a href="/article/1835349024102772736.htm" title="非关系型数据库" target="_blank">非关系型数据库</a> <span class="text-muted">天秤-white</span> <a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a> <div>一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%</div> </li> <li><a href="/article/1835342718067372032.htm" title="Python精选200Tips：121-125" target="_blank">Python精选200Tips：121-125</a> <span class="text-muted">AnFany</span> <a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div> </li> <li><a href="/article/1835340577596600320.htm" title="前端CSS面试常见题" target="_blank">前端CSS面试常见题</a> <span class="text-muted">剑亦未配妥</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子</div> </li> <li><a href="/article/1835333268375957504.htm" title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a> <span class="text-muted">Bearjumpingcandy</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文</div> </li> <li><a href="/article/1835316434805288960.htm" title="七.正则化" target="_blank">七.正则化</a> <span class="text-muted">愿风去了</span> <div>吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模</div> </li> <li><a href="/article/1835296397365178368.htm" title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a> <span class="text-muted">uthRaman</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div> </li> <li><a href="/article/120.htm" title="web前段跨域nginx代理配置" target="_blank">web前段跨域nginx代理配置</a> <span class="text-muted">刘正强</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>nginx代理配置可参考server部分 server { listen 80; server_name localhost; </div> </li> <li><a href="/article/247.htm" title="spring学习笔记" target="_blank">spring学习笔记</a> <span class="text-muted">caoyong</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>一、概述 a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式) </div> </li> <li><a href="/article/374.htm" title="Eclipse打开workspace提示工作空间不可用" target="_blank">Eclipse打开workspace提示工作空间不可用</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。解决办法，删掉.fileTableLock文件，重</div> </li> <li><a href="/article/501.htm" title="Javascript 面向对面写法的必要性？" target="_blank">Javascript 面向对面写法的必要性？</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu</div> </li> <li><a href="/article/628.htm" title="js array对象的迭代方法" target="_blank">js array对象的迭代方法</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/array/1.htm">array</a> <div>1.forEach 该方法接受一个函数作为参数，对数组中的每个元素使用该函数 return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型</div> </li> <li><a href="/article/755.htm" title="对Hibernate缓存机制的理解" target="_blank">对Hibernate缓存机制的理解</a> <span class="text-muted">归来朝歌</span> <a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E6%8C%81%E4%B9%85%E5%8C%96/1.htm">对象持久化</a> <div>在hibernate中session一级缓存机制中，有这么一种情况：问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？通过调试后解决方案如下：对于问题一，如你在数据库里设置了</div> </li> <li><a href="/article/882.htm" title="WebService调用错误合集" target="_blank">WebService调用错误合集</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div> Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错，一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可</div> </li> <li><a href="/article/1009.htm" title="JSP和Servlet的中文乱码处理" target="_blank">JSP和Servlet的中文乱码处理</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a> <div>JSP和Servlet的中文乱码处理前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。一、表单提交时出现乱码：在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以</div> </li> <li><a href="/article/1136.htm" title="面试经典六问" target="_blank">面试经典六问</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。我的回答：(针对技术面试回答，如果是人事面试，可以就掌</div> </li> <li><a href="/article/1263.htm" title="contentResolver.query()参数详解" target="_blank">contentResolver.query()参数详解</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/query%28%29%E8%AF%A6%E8%A7%A3/1.htm">query()详解</a> <div>收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java] view plain copy public void fetchAllContacts() { </div> </li> <li><a href="/article/1390.htm" title="ora-00054:resource busy and acquire with nowait specified解决方法" target="_blank">ora-00054:resource busy and acquire with nowait specified解决方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/kill/1.htm">kill</a><a class="tag" taget="_blank" href="/search/nowait/1.htm">nowait</a> <div> 当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句</div> </li> <li><a href="/article/1517.htm" title="web 开发乱码" target="_blank">web 开发乱码</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>以下前端都是 utf-8 字符集编码一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中；乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，</div> </li> <li><a href="/article/1644.htm" title="【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式" target="_blank">【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&</div> </li> <li><a href="/article/1771.htm" title="JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/-Xss/1.htm">-Xss</a><a class="tag" taget="_blank" href="/search/-Xmn/1.htm">-Xmn</a><a class="tag" taget="_blank" href="/search/-Xms/1.htm">-Xms</a><a class="tag" taget="_blank" href="/search/-Xmx/1.htm">-Xmx</a> <div> 堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355</div> </li> <li><a href="/article/1898.htm" title="jqGrid 各种参数详解(转帖)" target="_blank">jqGrid 各种参数详解(转帖)</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/jqGrid/1.htm">jqGrid</a> <div> jqGrid 各种参数详解分类：源代码分享个人随笔请勿参考解决开发问题 2012-05-09 20:29 84282人阅读评论(22) 收藏举报 jquery 服务器 parameters function ajax string </div> </li> <li><a href="/article/2025.htm" title="读《研磨设计模式》-代码笔记-代理模式-Proxy" target="_blank">读《研磨设计模式》-代码笔记-代理模式-Proxy</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面</div> </li> <li><a href="/article/2152.htm" title="应用升级iOS8中遇到的一些问题" target="_blank">应用升级iOS8中遇到的一些问题</a> <span class="text-muted">chenhbc</span> <a class="tag" taget="_blank" href="/search/ios8/1.htm">ios8</a><a class="tag" taget="_blank" href="/search/%E5%8D%87%E7%BA%A7iOS8/1.htm">升级iOS8</a> <div>1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated 中写的，最终的解决办法是把判断写在 -(void</div> </li> <li><a href="/article/2279.htm" title="工作流与自组织的关系？" target="_blank">工作流与自组织的关系？</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div> 目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？这里有篇论文，摘要是：“针对网格中的服务</div> </li> <li><a href="/article/2406.htm" title="Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX" target="_blank">Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一</div> </li> <li><a href="/article/2533.htm" title="二叉树:堆" target="_blank">二叉树:堆</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a> <div> 这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单: 一个节点的父节点下标为: (当前下标 - 1)/2 一个节点的左节点下标为: 当前下标 * 2 + 1 &</div> </li> <li><a href="/article/2660.htm" title="C语言学习八结构体" target="_blank">C语言学习八结构体</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,</div> </li> <li><a href="/article/2787.htm" title="centos安装golang" target="_blank">centos安装golang</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>#在国内镜像下载二进制包 wget -c http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz #把golang的bin目录加入全局环境变量 cat >>/etc/profile<</div> </li> <li><a href="/article/2914.htm" title="10.性能优化-监控-MySQL慢查询" target="_blank">10.性能优化-监控-MySQL慢查询</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/MySQL%E6%85%A2%E6%9F%A5%E8%AF%A2/1.htm">MySQL慢查询</a> <div>1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn</div> </li> <li><a href="/article/3041.htm" title="Java父类取得子类类名" target="_blank">Java父类取得子类类名</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%90%8D/1.htm">类名</a> <div> 在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！ package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void </div> </li> <li><a href="/article/3168.htm" title="Spring3.2新注解@ControllerAdvice" target="_blank">Spring3.2新注解@ControllerAdvice</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/%40Controller/1.htm">@Controller</a> <div>@ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现： @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co</div> </li> <li><a href="/article/3295.htm" title="Java spring mvc多数据源配置" target="_blank">Java spring mvc多数据源配置</a> <span class="text-muted">liuxihope</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo</div> </li> <li><a href="/article/3422.htm" title="第12章 Ajax（下）" target="_blank">第12章 Ajax（下）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3549.htm" title="BW / Universe Mappings" target="_blank">BW / Universe Mappings</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div> BW Element OLAP Universe Element Cube Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi</div> </li> <li><a href="/article/3676.htm" title="Java开发熟手该当心的11个错误" target="_blank">Java开发熟手该当心的11个错误</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/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>#1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目可以在属性文件中配置，那么使它成为</div> </li> <li><a href="/article/3803.htm" title="推行国产操作系统的优劣" target="_blank">推行国产操作系统的优劣</a> <span class="text-muted">yananay</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%9B%BD%E4%BA%A7%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">国产操作系统</a> <div>最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交</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.  </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>