?Briella
?Briella

web前端基础知识总结

上个寒假总结的web前端的一些知识点给大家分享一下

1、和 标签限定了文档的开始和结束点。

属性：

(1)  dir: 文本的显示方向，默认是从左向右

(2) lang: 表示整个文档中所使用的语言，en--英文，zh--中文

(3) version：定义创作文档的HTML的标准版本

2、用于封装位于文档头部的其他标签

属性：

(1) dir:文本的显示方向

(2)  Lang:语言信息

(3)  Profile:提供了与当前文件相关联的文档数据的URL

可放在标签中的标签为

(1) :标注当前文档的URL的全称

属性：

Href：指定文档的基础URL地址（中的相对地址都是以此基地址为基础）

Target：定义打开页面的窗口

属性值：

_parent:在上一级窗口中打开

_blank:在新一窗口中打开

_self:在本窗口中打开

_top:在浏览器的整个窗口中打开

(2) ：设定基准的字体，字号和颜色

属性：

Face:设置字体（如黑体，楷体等）

Size:设置大小（属性值从1——7，从小到大）

Color;字体颜色（值为十六进制颜色）

(3) <span style="font-family:'宋体';">：设定显示在浏览器左上方的标题内容</span></p> <p class="p0">属性：</p> <p class="p0">Dir:<span style="font-family:'宋体';">文本的显示方向</span></p> <p class="p0">Lang:<span style="font-family:'宋体';">语言信息</span></p> <p class="p0">(4) <meta><span style="font-family:'宋体';">：有关文档本身的元素信息</span></p> <p class="p0">属性：</p> <p class="p0">http-equiv: <span style="font-family:'宋体';">生成</span><span style="font-family:'Times New Roman';">http</span><span style="font-family:'宋体';">标题域，取值与</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">的属性值相同</span></p> <p class="p0">属性值：</p> <p class="p0">Refresh <span style="font-family:'宋体';">为自动刷新，在</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里设定刷新时间，</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里也可以跟上刷新的</span><span style="font-family:'Times New Roman';">URL</span><span style="font-family:'宋体';">，实现页面跳转；</span></p> <p class="p0">content-type  <span style="font-family:'宋体';">在</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里用</span><span style="font-family:'Times New Roman';">charset</span><span style="font-family:'宋体';">设置内码语系</span> 如<span style="font-family:'Times New Roman';">charset=gb2312;</span></p> <p class="p0">Expires  <span style="font-family:'宋体';">定义网页有效期，在</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里的格式为星期，日 月 年 时 分 秒 </span><span style="font-family:'Times New Roman';">GMT</span><span style="font-family:'宋体';">，用英文和数字</span></p> <p class="p0">Page-enter <span style="font-family:'宋体';">进入网页时的效果</span></p> <p class="p0">Page-exit  <span style="font-family:'宋体';">退出网页时的效果</span></p> <p class="p0">在<span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">中对应的值为：</span></p> <p class="p0">0<span style="font-family:'宋体';">：盒状收缩</span> 1<span style="font-family:'宋体';">：盒状展开</span> 2<span style="font-family:'宋体';">：圆形收缩</span> 3<span style="font-family:'宋体';">：圆形展开</span></p> <p class="p0">4<span style="font-family:'宋体';">：向上擦除</span> 5<span style="font-family:'宋体';">：向下擦除</span> 6<span style="font-family:'宋体';">：向左擦除</span> 7<span style="font-family:'宋体';">：向右擦除</span></p> <p class="p0">8<span style="font-family:'宋体';">：垂直百叶窗</span> 9<span style="font-family:'宋体';">：水平百叶窗</span> 10<span style="font-family:'宋体';">：横向棋盘式</span> 11<span style="font-family:'宋体';">：纵向棋盘式</span></p> <p class="p0">12<span style="font-family:'宋体';">：溶解</span> 13<span style="font-family:'宋体';">：左右向中部收缩</span> 14<span style="font-family:'宋体';">：中部向左右展开</span> 15<span style="font-family:'宋体';">：上下向总中部收缩</span></p> <p class="p0">16<span style="font-family:'宋体';">：中部向上下展开</span> 17<span style="font-family:'宋体';">：梯状左下展开</span> 18<span style="font-family:'宋体';">：梯状左上展开 </span> 19<span style="font-family:'宋体';">：梯状右下展开</span></p> <p class="p0">20<span style="font-family:'宋体';">：梯状右上展开 </span> 21<span style="font-family:'宋体';">：随机水平线</span> 22<span style="font-family:'宋体';">：随机垂直线</span> 23<span style="font-family:'宋体';">：随机</span></p> <p class="p0">Name<span style="font-family:'宋体';">：如果元数据是以关键字</span><span style="font-family:'Times New Roman';">/</span><span style="font-family:'宋体';">取值出现的话，那么</span><span style="font-family:'Times New Roman';">name</span><span style="font-family:'宋体';">的值就是其关键字</span></p> <p class="p0">属性值：</p> <p class="p0">Keywords   <span style="font-family:'宋体';">在</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里定义关键字；</span></p> <p class="p0">Discription  <span style="font-family:'宋体';">为定意描述，在</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里定义描述内容；</span></p> <p class="p0">Author    <span style="font-family:'宋体';">在</span><span style="font-family:'Times New Roman';">content</span><span style="font-family:'宋体';">里描述作者；</span></p> <p class="p0">Content: <span style="font-family:'宋体';">关键字</span><span style="font-family:'Times New Roman';">/</span><span style="font-family:'宋体';">取值的内容</span></p> <p class="p0">(5) <style><span style="font-family:'宋体';">：设定有关</span><span style="font-family:'Times New Roman';">CSS</span><span style="font-family:'宋体';">层叠样式表的内容</span></p> <p class="p0">(6) <link><span style="font-family:'宋体';">：设定外部文件的链接</span></p> <p class="p0">(7) <script><span style="font-family:'宋体';">：设定文件脚本的内容</span></p> <p class="p0">3、<body></body><span style="font-family:'宋体';">界定了文档的主题</span></p> <p class="p0">属性：</p> <p class="p0">(1)、<span style="font-family:'Times New Roman';">text: </span><span style="font-family:'宋体';">页面文字的颜色</span></p> <p class="p0">(2)、<span style="font-family:'Times New Roman';">bgcolor: </span><span style="font-family:'宋体';">页面背景的颜色（用十六进制的颜色表示）</span></p> <p class="p0">(3)、<span style="font-family:'Times New Roman';">background: </span><span style="font-family:'宋体';">页面的背景图像（所需的是图片的</span><span style="font-family:'Times New Roman';">URL</span><span style="font-family:'宋体';">）</span></p> <p class="p0">(4)、<span style="font-family:'Times New Roman';">bgproperties: </span><span style="font-family:'宋体';">页面的背景图片是否固定</span><span style="font-family:'Times New Roman';">(</span><span style="font-family:'宋体';">其只有一个值</span><span style="font-family:'Times New Roman';">fixed</span><span style="font-family:'宋体';">，设为</span><span style="font-family:'Times New Roman';">Fixed</span><span style="font-family:'宋体';">后图像不会随着滚动条的滚动而动</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">(5)、<span style="font-family:'Times New Roman';">link: </span><span style="font-family:'宋体';">页面默认的链接颜色</span></p> <p class="p0">(6)、<span style="font-family:'Times New Roman';">alink: </span><span style="font-family:'宋体';">鼠标正在单击时的链接颜色</span></p> <p class="p0">(7)、<span style="font-family:'Times New Roman';">vlink: </span><span style="font-family:'宋体';">访问过后的链接颜色</span></p> <p class="p0">上面三个控制的是标签<span style="font-family:'Times New Roman';"><a></a></span><span style="font-family:'宋体';">中的颜色</span></p> <p class="p0">(8)、<span style="font-family:'Times New Roman';">topmargin: </span><span style="font-family:'宋体';">页面的上边距      </span></p> <p class="p0">(9)、<span style="font-family:'Times New Roman';">leftmargin: </span><span style="font-family:'宋体';">页面的左边距</span></p> <p class="p0">4、 <span style="font-family:'宋体';">定义空格  </span><span style="font-family:'Times New Roman';"><!--</span><span style="font-family:'宋体';">被注释掉的内容</span><span style="font-family:'Times New Roman';">--></span></p> <p class="p0">5、文字标记</p> <p class="p0">(1)、<span style="font-family:'Times New Roman';"><hn></span><span style="font-family:'宋体';">（</span><span style="font-family:'Times New Roman';">n=1~6</span><span style="font-family:'宋体';">）标记标题字</span></p> <p class="p0">属性：</p> <p class="p0">Dir<span style="font-family:'宋体';">：文字方向</span></p> <p class="p0">Lang<span style="font-family:'宋体';">：语言信息</span></p> <p class="p0">Align<span style="font-family:'宋体';">：对齐方式</span></p> <p class="p0">属性值：</p> <p class="p0">Left:<span style="font-family:'宋体';">左对齐（默认）</span></p> <p class="p0">Right<span style="font-family:'宋体';">：右对齐</span></p> <p class="p0">Center<span style="font-family:'宋体';">：居中</span></p> <p class="p0">Class<span style="font-family:'宋体';">：用一个名称来标记标题，标记名称指向在外部定义的样式表</span></p> <p class="p0">Id<span style="font-family:'宋体';">：为段落设置一个标记，将来可以在一个超链接中明确的引用这个标记，以便作为样式表的选择器</span></p> <p class="p0">Style<span style="font-family:'宋体';">：创建标题内容的内联样式</span></p> <p class="p0">Title<span style="font-family:'宋体';">：给标题加上一个说明性的文字</span></p> <p class="p0">(2)、<span style="font-family:'Times New Roman';"><font></span><span style="font-family:'宋体';">标记普通字</span></p> <p class="p0">属性：</p> <p class="p0">Face:<span style="font-family:'宋体';">字体</span> size: <span style="font-family:'宋体';">字号</span> color:<span style="font-family:'宋体';">颜色</span></p> <p class="p0">(3)、<span style="font-family:'Times New Roman';"><b></span><span style="font-family:'宋体';">或</span><span style="font-family:'Times New Roman';"><strong></span> 粗体</p> <p class="p0">(4)、<span style="font-family:'Times New Roman';"><i>,<em>,<cite></span> 斜体</p> <p class="p0">(5)、<span style="font-family:'Times New Roman';"><sup></span> 上标</p> <p class="p0">(6)、<span style="font-family:'Times New Roman';"><sub></span> 下标</p> <p class="p0">(7)、<span style="font-family:'Times New Roman';"><big></span> 大字号</p> <p class="p0">(8)、<span style="font-family:'Times New Roman';"><small></span> 小字号</p> <p class="p0">(9)、<span style="font-family:'Times New Roman';"><u></span> 下划线</p> <p class="p0">(10)、<span style="font-family:'Times New Roman';"><s> </span> 删除线</p> <p class="p0">(11)、<span style="font-family:'Times New Roman';"><address></span> 显示地址如<span style="font-family:'Times New Roman';">Email</span></p> <p class="p0">6、段落标记</p> <p class="p0">(1)、<span style="font-family:'Times New Roman';"><p> </span><span style="font-family:'宋体';">表示一个段落的开始</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang align class id style title</p> <p class="p0">(2)、<span style="font-family:'Times New Roman';"><br> </span><span style="font-family:'宋体';">换行 </span> <nobr></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">class </span> id style title</p> <p class="p0">(3)、<span style="font-family:'Times New Roman';"><div></span><span style="font-family:'宋体';">分块文字</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang align class id style title nowrap<span style="font-family:'宋体';">（强制不换行）</span></p> <p class="p0">  (4)<span style="font-family:'宋体';">、</span><span style="font-family:'Times New Roman';"><span> </span><span style="font-family:'宋体';">行内样式定义</span></p> <p class="p0">属性： <span style="font-family:'Times New Roman';">dir</span> lang align class  id  style  title</p> <p class="p0">(5)、<span style="font-family:'Times New Roman';"><center> </span><span style="font-family:'宋体';">水平居中显示</span></p> <p class="p0">属性： dir  lang class  id style title</p> <p class="p0">(6)、<span style="font-family:'Times New Roman';"><blockquote> </span><span style="font-family:'宋体';">块引用</span></p> <p class="p0">属性： <span style="font-family:'Times New Roman';">dir </span> lang class id style title</p> <p class="p0">7、下划线</p> <p class="p0"><hr> 插入水平分割线</p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style align  size noshade width color</p> <p class="p0">8、列表</p> <p class="p0">(1)、 <span style="font-family:'Times New Roman';"><ul></span><span style="font-family:'宋体';">无序列表</span><span style="font-family:'Times New Roman';">,</span><span style="font-family:'宋体';">用</span><span style="font-family:'Times New Roman';"><li></span><span style="font-family:'宋体';">来罗列项目</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title compact<span style="font-family:'宋体';">（紧凑无需列表）</span><span style="font-family:'Times New Roman';">type(</span><span style="font-family:'宋体';">项目符号类型</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Type<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">disc</span><span style="font-family:'宋体';">：实心原点</span> circle<span style="font-family:'宋体';">：空心原点</span> square<span style="font-family:'宋体';">：实心方形</span></p> <p class="p0">(2)、<span style="font-family:'Times New Roman';"><ol></span><span style="font-family:'宋体';">定义一个有序列表</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title compact start(<span style="font-family:'宋体';">数字起始值</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Type<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">1</span><span style="font-family:'宋体';">，</span><span style="font-family:'Times New Roman';">A</span><span style="font-family:'宋体';">，</span><span style="font-family:'Times New Roman';">a</span><span style="font-family:'宋体';">，</span><span style="font-family:'Times New Roman';">i</span><span style="font-family:'宋体';">，</span><span style="font-family:'Times New Roman';">|</span></p> <p class="p0">(3)、目录列表<span style="font-family:'Times New Roman';"><dir>,</span><span style="font-family:'宋体';">无序列表的一种特殊形式</span></p> <p class="p0">属性： <span style="font-family:'Times New Roman';">dir </span> lang class id style title</p> <p class="p0">(4)、定义列表<span style="font-family:'Times New Roman';"><dl></span></p> <p class="p0">基本用法： <dl></p> <p class="p0"><dt><span style="font-family:'宋体';">名词</span><span style="font-family:'Times New Roman';"></dt>  <dd></span><span style="font-family:'宋体';">解释</span><span style="font-family:'Times New Roman';"></dd></span></p> <p class="p0"></dl></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id  style title compact</p> <p class="p0">(5)、菜单列表<span style="font-family:'Times New Roman';"><menu>,</span><span style="font-family:'宋体';">用于表示简短的列表</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title</p> <p class="p0">9<span style="font-family:'宋体';">、插入图片</span></p> <p class="p0"><img> <span style="font-family:'宋体';">插入图片标签</span></p> <p class="p0">属性：</p> <p class="p0">Src<span style="font-family:'宋体';">：图像的源文件路径</span> Alt<span style="font-family:'宋体';">：文字提示（图像不显示时）</span> width<span style="font-family:'宋体';">、</span><span style="font-family:'Times New Roman';">hight</span><span style="font-family:'宋体';">：宽度、高度</span> border<span style="font-family:'宋体';">：边框</span></p> <p class="p0">Vspace<span style="font-family:'宋体';">：垂直间距</span> hspace<span style="font-family:'宋体';">：水平间距</span> dynsrc:<span style="font-family:'宋体';">设定</span><span style="font-family:'Times New Roman';">avi</span><span style="font-family:'宋体';">文件的播放</span> loop<span style="font-family:'宋体';">：设定</span><span style="font-family:'Times New Roman';">avi</span><span style="font-family:'宋体';">播放次数</span></p> <p class="p0">Loopdelay:<span style="font-family:'宋体';">设定</span><span style="font-family:'Times New Roman';">avi</span><span style="font-family:'宋体';">播放延迟</span> start<span style="font-family:'宋体';">：设定</span><span style="font-family:'Times New Roman';">avi</span><span style="font-family:'宋体';">文件的播放方</span> lowsrc<span style="font-family:'宋体';">：设定低分辨率图片</span> usemap<span style="font-family:'宋体';">：映像地图</span></p> <p class="p0">Dir lang class id align style title</p> <p class="p0">Align<span style="font-family:'宋体';">的属性值极其说明：</span></p> <p class="p0">Top<span style="font-family:'宋体';">：文字的中线在图片的上方</span> middle<span style="font-family:'宋体';">：文字的中线位于图片的中部</span></p> <p class="p0">Bottom<span style="font-family:'宋体';">：文字的中线位于图片的底部</span> left<span style="font-family:'宋体';">：图片在文字左侧</span></p> <p class="p0">Right:<span style="font-family:'宋体';">图片在文字的右侧</span> absbottom:<span style="font-family:'宋体';">文字的底线位于图片的底部</span></p> <p class="p0">Absmiddle<span style="font-family:'宋体';">：文字的底线位于图片的中部</span> baseline<span style="font-family:'宋体';">：英文文字基准线对齐</span></p> <p class="p0">Texttop<span style="font-family:'宋体';">：英文文字上边线对齐</span></p> <p class="p0">10、插入超链接</p> <p class="p0">(1)<span style="font-family:'宋体';">、标签</span><span style="font-family:'Times New Roman';"><a></a></span><span style="font-family:'宋体';">为超链接标签</span></p> <p class="p0">属性：</p> <p class="p0">Href<span style="font-family:'宋体';">：指定链接地址</span> name:<span style="font-family:'宋体';">给链接命名</span> target:<span style="font-family:'宋体';">指定链接打开窗口</span> accesskey<span style="font-family:'宋体';">：链接热键</span></p> <p class="p0">Dir lang align class id style title charset rel<span style="font-family:'宋体';">：指定从原文档到目标文档的关系</span></p> <p class="p0">Rev:<span style="font-family:'宋体';">指定从目标文档到源文档的关系</span> type tabindex:<span style="font-family:'宋体';">对新窗口中的对象重新排序</span></p> <p class="p0">URL<span style="font-family:'宋体';">格式：</span></p> <p class="p0">http://<span style="font-family:'宋体';">进入万维网站点</span> ftp://<span style="font-family:'宋体';">进入文件传输服务器</span> news://<span style="font-family:'宋体';">启动新闻讨论组</span> telnet://<span style="font-family:'宋体';">启动</span><span style="font-family:'Times New Roman';">telnet</span><span style="font-family:'宋体';">方式</span></p> <p class="p0">Gopher://<span style="font-family:'宋体';">访问</span><span style="font-family:'Times New Roman';">gopher</span><span style="font-family:'宋体';">服务器</span> mailto://<span style="font-family:'宋体';">启动邮件（</span><span style="font-family:'Times New Roman';">href=</span>”mailto://sdut@qq.com? Subject=<span style="font-family:'宋体';">给我来信</span>”）</p> <p class="p0">(2)、书签链接，试用于页面太长时，避免翻页，格式如下</p> <p class="p0"><a  name=”name”> <span style="font-family:'宋体';">文字 </span><span style="font-family:'Times New Roman';"></a></span> <a  href=”#name”> <span style="font-family:'宋体';">文字链接 </span><span style="font-family:'Times New Roman';"></a></span></p> <p class="p0">(3)<span style="font-family:'宋体';">、空链接： </span><span style="font-family:'Times New Roman';"><a  href=</span>”#”> <span style="font-family:'宋体';">链接 </span><span style="font-family:'Times New Roman';"></a></span></p> <p class="p0">(4)<span style="font-family:'宋体';">、脚本链接：</span><span style="font-family:'Times New Roman';"><a  href = </span>“javascript<span style="font-family:'宋体';">：</span><span style="font-family:'Times New Roman';">.....</span>”> <span style="font-family:'宋体';">文字链接 </span><span style="font-family:'Times New Roman';"></a></span></p> <p class="p0">(5)<span style="font-family:'宋体';">、制作图像映射：在同一图像上嵌入不同的链接，创建图像映射的方式是通过</span><span style="font-family:'Times New Roman';"><img></span><span style="font-family:'宋体';">标签的</span><span style="font-family:'Times New Roman';">usemap</span><span style="font-family:'宋体';">属性再结合</span><span style="font-family:'Times New Roman';"><map>   </span> 以及<span style="font-family:'Times New Roman';"><area></span><span style="font-family:'宋体';">标签来实现的，</span><span style="font-family:'Times New Roman';"><a></span><span style="font-family:'宋体';">或</span><span style="font-family:'Times New Roman';"><area></span><span style="font-family:'宋体';">标签包含在</span><span style="font-family:'Times New Roman';"><map></span><span style="font-family:'宋体';">标签内</span></p> <p class="p0"><map><span style="font-family:'宋体';">的属性：</span></p> <p class="p0"> name  给链接命名  <span style="font-family:'Times New Roman';">dir </span> lang id class style title</p> <p class="p0"><area><span style="font-family:'宋体';">的属性</span><span style="font-family:'Times New Roman';">:</span></p> <p class="p0">Href alt accesskey target dir  lang id class style title tabindex shape(<span style="font-family:'宋体';">图像映射区域的形状</span><span style="font-family:'Times New Roman';">)</span> coords(<span style="font-family:'宋体';">图像对光标敏感区域的坐标</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Shape<span style="font-family:'宋体';">的属性值：</span></p> <p class="p0">Rect  矩形区域 circle  <span style="font-family:'宋体';">椭圆形区域</span> poly  <span style="font-family:'宋体';">多边形区域</span></p> <p class="p0">事例：</p> <p class="p0"><img   usemap=”#map”  src=”URL”  hight=””  width = “”  border = “”></p> <p class="p0"><map  name = “map”> </p> <p class="p0"><area  shape = “rect”  coords = “100,23,56,90”  href = “URL”></p> <p class="p0"><area  shape = ...............................................................................></p> <p class="p0"></map></p> <p class="p0">11、插入多媒体</p> <p class="p0">(1)、插入声音标签<span style="font-family:'Times New Roman';"><bgsound></span></p> <p class="p0">属性： <span style="font-family:'Times New Roman';">src (</span><span style="font-family:'宋体';">声音文件路径</span><span style="font-family:'Times New Roman';">)  loop </span><span style="font-family:'宋体';">循环次数</span></p> <p class="p0">(2)、<span style="font-family:'Times New Roman';"><embed></span><span style="font-family:'宋体';">标签可以在网页中加入</span><span style="font-family:'Times New Roman';">MP3</span><span style="font-family:'宋体';">音乐，电影，</span><span style="font-family:'Times New Roman';">swf</span><span style="font-family:'宋体';">动画等多媒体文件</span></p> <p class="p0">属性<span style="font-family:'Times New Roman';">: src</span> loop autostart width hight hidden(<span style="font-family:'宋体';">是否隐藏内嵌播放器</span><span style="font-family:'Times New Roman';">) </span> dir   lang   class    id    style align title type(<span style="font-family:'宋体';">嵌入多媒体类型</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Hidden <span style="font-family:'宋体';">和 </span><span style="font-family:'Times New Roman';">autostart </span><span style="font-family:'宋体';">的属性值有</span><span style="font-family:'Times New Roman';">true</span><span style="font-family:'宋体';">和</span><span style="font-family:'Times New Roman';">no</span></p> <p class="p0">当嵌入<span style="font-family:'Times New Roman';">flash</span><span style="font-family:'宋体';">动画时还有以下属性：</span></p> <p class="p0">Quality <span style="font-family:'宋体';">动画的播放质量</span> puginspage <span style="font-family:'宋体';">播放插件所在位置  </span> wmode <span style="font-family:'宋体';">动画播放时的窗口模式</span></p> <p class="p0">(3)、制作滚动字幕标签<span style="font-family:'Times New Roman';"><marquee></marquee></span></p> <p class="p0">属性： align behavior(<span style="font-family:'宋体';">滚动方式</span><span style="font-family:'Times New Roman';">)  bgcolor</span> class direction(<span style="font-family:'宋体';">滚动方向</span><span style="font-family:'Times New Roman';">)</span> width hight  Hspace   vspace</p> <p class="p0">Style loop  scrollamount(<span style="font-family:'宋体';">滚动速度</span><span style="font-family:'Times New Roman';">)  scrolldelay</span><span style="font-family:'宋体';">（滚动延迟）</span></p> <p class="p0">Direction<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">up</span> down left right</p> <p class="p0">Behavior <span style="font-family:'宋体';">的属性值</span><span style="font-family:'Times New Roman';">: scroll</span><span style="font-family:'宋体';">（循环往复《默认》）</span> slide<span style="font-family:'宋体';">（只走一次滚动）</span> alternate<span style="font-family:'宋体';">（交替进行滚动）</span></p> <p class="p0">Scrollamount<span style="font-family:'宋体';">后跟数字越小越慢，</span><span style="font-family:'Times New Roman';">scrolldelay</span><span style="font-family:'宋体';">后跟毫秒，</span><span style="font-family:'Times New Roman';">vspace</span><span style="font-family:'宋体';">和</span><span style="font-family:'Times New Roman';">hspace </span><span style="font-family:'宋体';">定义字幕与周围文字的距离</span></p> <p class="p0">12、其他嵌入</p> <p class="p0">(1)、<span style="font-family:'Times New Roman';"><object></span><span style="font-family:'宋体';">标签用于往文档中嵌入对象</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">classid</span><span style="font-family:'宋体';">（指定包含对象的位置）</span> archive<span style="font-family:'宋体';">（</span><span style="font-family:'Times New Roman';">URL</span><span style="font-family:'宋体';">列表） </span><span style="font-family:'Times New Roman';">border</span> codebase<span style="font-family:'宋体';">（提供一个可选的插件</span><span style="font-family:'Times New Roman';">URL</span><span style="font-family:'宋体';">）</span><span style="font-family:'Times New Roman';">hight</span></p> <p class="p0">Width  data(<span style="font-family:'宋体';">指定需要对象处理的数据文件</span><span style="font-family:'Times New Roman';">)  hspace   vspace</span> name  type  tabindex   dir  lang   align class  id style title</p> <p class="p0">(2)、<span style="font-family:'Times New Roman';"><applet></span><span style="font-family:'宋体';">标签用来插入</span><span style="font-family:'Times New Roman';">applet</span><span style="font-family:'宋体';">小程序</span></p> <p class="p0">属性<span style="font-family:'Times New Roman';">:</span> code (<span style="font-family:'宋体';">指定浏览器运行的</span><span style="font-family:'Times New Roman';">Java</span><span style="font-family:'宋体';">类小程序的名称</span><span style="font-family:'Times New Roman';">)</span> codebase hight width hspace vspace  name type  class  alt id   title   style align</p> <p class="p0">(3)、<span style="font-family:'Times New Roman';"><param></span><span style="font-family:'宋体';">标签为把包含他的</span><span style="font-family:'Times New Roman';"><object></span><span style="font-family:'宋体';">或</span><span style="font-family:'Times New Roman';"><applet></span><span style="font-family:'宋体';">提供参数</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">type </span> name  id  value</p> <p class="p0">13、表单：</p> <p class="p0">表单由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成，所有的这些都放在<span style="font-family:'Times New Roman';"><form></span><span style="font-family:'宋体';">中</span></p> <p class="p0">(1)、<span style="font-family:'Times New Roman';"><form></span></p> <p class="p0">属性： <span style="font-family:'Times New Roman';">dir</span> lang align class id style title name  method(<span style="font-family:'宋体';">定义表单结果从浏览器传输到服务 </span> 器的方法一般有<span style="font-family:'Times New Roman';">post </span><span style="font-family:'宋体';">和</span><span style="font-family:'Times New Roman';">get </span><span style="font-family:'宋体';">两种方法</span><span style="font-family:'Times New Roman';">)</span> action(<span style="font-family:'宋体';">用来定义表单处理程序（</span><span style="font-family:'Times New Roman';">asp,CGI</span><span style="font-family:'宋体';">等）的位置（相对或绝对）</span><span style="font-family:'Times New Roman';">)</span> enctype<span style="font-family:'宋体';">（设置表单编码方式） </span><span style="font-family:'Times New Roman';">target(</span><span style="font-family:'宋体';">表单返回显示方式</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Enctype<span style="font-family:'宋体';">的属性值：</span> text/plain(<span style="font-family:'宋体';">以纯文本形式传送</span><span style="font-family:'Times New Roman';">)</span>   application/x-www-urlencoded(<span style="font-family:'宋体';">默认编码方式</span><span style="font-family:'Times New Roman';">)</span> multipart/form-data   <span style="font-family:'宋体';">使用</span><span style="font-family:'Times New Roman';">mine </span><span style="font-family:'宋体';">编码</span></p> <p class="p0">(2)、表单输入标签<span style="font-family:'Times New Roman';"><input></span></p> <p class="p0">属性<span style="font-family:'Times New Roman';">:</span> dir lang class id alt name align style title type accesskey  value  size   src accept<span style="font-family:'宋体';">（文件上传的</span><span style="font-family:'Times New Roman';">MIME</span><span style="font-family:'宋体';">表列）</span> checked<span style="font-family:'宋体';">（已选中）</span> disabled<span style="font-family:'宋体';">（禁止某个元素输入）</span><span style="font-family:'Times New Roman';">maxlength(</span><span style="font-family:'宋体';">最大字符数</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Type<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">text </span><span style="font-family:'宋体';">文字域   </span><span style="font-family:'Times New Roman';">password</span><span style="font-family:'宋体';">密码域</span> file <span style="font-family:'宋体';">文件域</span> checkbox<span style="font-family:'宋体';">复选框</span> radio<span style="font-family:'宋体';">单选框</span> button <span style="font-family:'宋体';">普通按钮</span> submit <span style="font-family:'宋体';">提交按钮</span> reset <span style="font-family:'宋体';">重置按钮</span> hidden<span style="font-family:'宋体';">隐藏域  </span><span style="font-family:'Times New Roman';">image </span><span style="font-family:'宋体';">图像提交按钮</span></p> <p class="p0">(3)<span style="font-family:'宋体';">、多行文字域</span><span style="font-family:'Times New Roman';"><textarea></span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title name accesskey disabled tabindex  rows<span style="font-family:'宋体';">（行数）</span> cols<span style="font-family:'宋体';">（列数）</span> wrap<span style="font-family:'宋体';">（多行文字域的换行）</span></p> <p class="p0">Wrap<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">virtual  </span><span style="font-family:'宋体';">虚拟换行</span> physical  <span style="font-family:'宋体';">物理换行   </span><span style="font-family:'Times New Roman';">off </span><span style="font-family:'宋体';">不换行</span></p> <p class="p0">(4)、<span style="font-family:'Times New Roman';"><select></span><span style="font-family:'宋体';">下拉菜单和下拉列表标签，把标记条目放在</span><span style="font-family:'Times New Roman';"><option></span><span style="font-family:'宋体';">标签中</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title name disabled<span style="font-family:'宋体';">（禁用某个列表）</span> size   tabindex multiple<span style="font-family:'宋体';">（列表中的多选项目）</span></p> <p class="p0">14、表格</p> <p class="p0">(1)、定义表格<span style="font-family:'Times New Roman';"><table></span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title name bgcolor background bordercolor bordercolorlight bordercolordark border height width cellpadding(<span style="font-family:'宋体';">单元格边距</span><span style="font-family:'Times New Roman';">)</span> cellspacing(<span style="font-family:'宋体';">单元格间距</span><span style="font-family:'Times New Roman';">)</span> nowrap frame(<span style="font-family:'宋体';">表格边框的可见方式</span><span style="font-family:'Times New Roman';">)</span> rules(<span style="font-family:'宋体';">行列之间边的可见方式</span><span style="font-family:'Times New Roman';">)</span> summary(<span style="font-family:'宋体';">整个表格的概要描述</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Frame<span style="font-family:'宋体';">的属性值：</span></p> <p class="p0">Above <span style="font-family:'宋体';">显示上边框</span> below<span style="font-family:'宋体';">显示下边框</span> border <span style="font-family:'宋体';">边框全显示</span> hside<span style="font-family:'宋体';">显示上下边框</span> vside<span style="font-family:'宋体';">显示左右边框</span> lhs<span style="font-family:'宋体';">显示右边框</span> rhs<span style="font-family:'宋体';">显示左边框</span> void 显示</p> <p class="p0">Rules<span style="font-family:'宋体';">的属性值：</span></p> <p class="p0">All 显示所有内部边框 cols<span style="font-family:'宋体';">仅显示列边框</span> groups<span style="font-family:'宋体';">显示位于行列间的边框</span> none<span style="font-family:'宋体';">不显示内部边框</span> rows<span style="font-family:'宋体';">仅显示行边框</span></p> <p class="p0"> </p> <p class="p0">(2)、定义行<span style="font-family:'Times New Roman';"><tr></span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title bgcolor background  bordercolorlight  bordercolordark valign(<span style="font-family:'宋体';">表格行的垂直对齐方式</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">(3)、定义列<span style="font-family:'Times New Roman';"><td></span><span style="font-family:'宋体';">，</span><span style="font-family:'Times New Roman';"><th></span><span style="font-family:'宋体';">为定义表头</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang class id style title bgcolor background bordercolorlight bordercolordark valign width height abbr<span style="font-family:'宋体';">（单元格的缩写）</span> axis<span style="font-family:'宋体';">（用逗号分割目录名列表）</span> rowspan<span style="font-family:'宋体';">（单元格跨行个数）</span></p> <p class="p0">Colspan<span style="font-family:'宋体';">（单元格跨列个数） </span><span style="font-family:'Times New Roman';">headers</span><span style="font-family:'宋体';">（标题单元格的列表）</span> nowrap<span style="font-family:'宋体';">（禁止换行）</span> scope<span style="font-family:'宋体';">（指定单元格提供信息）</span></p> <p class="p0">(4)<span style="font-family:'宋体';">、表格标题内容</span><span style="font-family:'Times New Roman';"><caption></span></p> <p class="p0">属性<span style="font-family:'Times New Roman';">:dir</span> lang class align id style title valign</p> <p class="p0">15、框架主要分为两部分：一个是框架集，另一个是框架</p> <p class="p0">(1)、<span style="font-family:'Times New Roman';"><frameset></span><span style="font-family:'宋体';">框架集，仅是一个框架的集合</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">class</span> id style title rows cols bordercolor frameborder framespacing(<span style="font-family:'宋体';">框架集间距</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">(2)、定义框架<span style="font-family:'Times New Roman';"><frame></span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">class</span> id style title   bordercolor  frameborder   name noresize(<span style="font-family:'宋体';">禁止调整边框大小</span><span style="font-family:'Times New Roman';">)</span>   src(<span style="font-family:'宋体';">框架源文件</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Marginwidth(<span style="font-family:'宋体';">框架边缘宽度</span><span style="font-family:'Times New Roman';">)</span> marginheight(<span style="font-family:'宋体';">框架边缘高度</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">Frameborder<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">yes </span><span style="font-family:'宋体';">出现边框</span> no <span style="font-family:'宋体';">不出现边框</span></p> <p class="p0">(3)、<span style="font-family:'Times New Roman';"><iframe></span><span style="font-family:'宋体';">定义内联框架，在文档中定义一个独立的矩形区域，有独立的滚动条和边框</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">class</span> id style title frameborder name src marginwidth marginheight align height width scrolling<span style="font-family:'宋体';">（是否允许出现滚动条）</span></p> <p class="p0">Scrolling<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">yes </span><span style="font-family:'宋体';">出现  </span><span style="font-family:'Times New Roman';">no</span><span style="font-family:'宋体';">不出现</span> auto<span style="font-family:'宋体';">自动出现滚动条</span></p> <p class="p0">16、样式表</p> <p class="p0">(1)、内联样式表：只需在标签内含一个上<span style="font-family:'Times New Roman';">style</span><span style="font-family:'宋体';">属性，</span><span style="font-family:'Times New Roman';">style</span><span style="font-family:'宋体';">属性后在跟一系列属性和属性值即可。</span></p> <p class="p0">事例：<span style="font-family:'Times New Roman';"><</span><span style="font-family:'宋体';">标签  </span><span style="font-family:'Times New Roman';">style = </span>“属性：属性值”></p> <p class="p0">(2)、文档样式表用<span style="font-family:'Times New Roman';"><style></span><span style="font-family:'宋体';">标签表示</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> lang title media(<span style="font-family:'宋体';">文档要使用的媒介类型</span><span style="font-family:'Times New Roman';">)</span> type<span style="font-family:'宋体';">（样式类型）</span></p> <p class="p0">级联样式表<span style="font-family:'Times New Roman';">type</span><span style="font-family:'宋体';">的属性值都是</span><span style="font-family:'Times New Roman';">text/css</span><span style="font-family:'宋体';">，</span><span style="font-family:'Times New Roman';">javascript</span><span style="font-family:'宋体';">使用的样式表都是</span><span style="font-family:'Times New Roman';">text/javascript</span></p> <p class="p0">Media<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">screen </span><span style="font-family:'宋体';">计算机显示屏（默认） </span> tv<span style="font-family:'宋体';">（电视） </span><span style="font-family:'Times New Roman';">projection </span><span style="font-family:'宋体';">剧场  </span> handheld<span style="font-family:'宋体';">（</span><span style="font-family:'Times New Roman';">PDA</span><span style="font-family:'宋体';">和手提电话）</span> print <span style="font-family:'宋体';">打印</span> all<span style="font-family:'宋体';">所有媒体</span></p> <p class="p0">(3)、外部样式表：用<span style="font-family:'Times New Roman';"><link></span><span style="font-family:'宋体';">标签来实现</span></p> <p class="p0">属性：<span style="font-family:'Times New Roman';">dir</span> title lang target type class id style charset href media rel rev</p> <p class="p0">(4)/<span style="font-family:'宋体';">样式表语法</span></p> <p class="p0">（<span style="font-family:'Times New Roman';">a</span><span style="font-family:'宋体';">）、</span><span style="font-family:'Times New Roman';">HTML</span><span style="font-family:'宋体';">重新定义标签样式表语法：</span></p> <p class="p0">exp: td<span style="font-family:'宋体';">｛</span><span style="font-family:'Times New Roman';">color</span><span style="font-family:'宋体';">：</span><span style="font-family:'Times New Roman';">red;font-size:8pt</span><span style="font-family:'宋体';">｝</span></p> <p class="p0">（<span style="font-family:'Times New Roman';">b</span><span style="font-family:'宋体';">）、类样式表：能够在文档样式表或外部样式表中为同一个元素创建不同的样式，在文档后面通过设置</span><span style="font-family:'Times New Roman';">class</span><span style="font-family:'宋体';">属性</span> 来选择特定的样式。</p> <p class="p0">例子： <span style="font-family:'Times New Roman';">.bg </span><span style="font-family:'宋体';">｛</span><span style="font-family:'Times New Roman';">background-image: url</span><span style="font-family:'宋体';">（路径）；｝</span></p> <p class="p0"><body class = ”bg”></p> <p class="p0">17<span style="font-family:'宋体';">、样式表的属性</span></p> <p class="p0">(1)、字体属性： font-family <span style="font-family:'宋体';">用一个指定的字体名</span> font-size <span style="font-family:'宋体';">字体显示的大小</span> font-style <span style="font-family:'宋体';">字体显示的样式</span> font-weight <span style="font-family:'宋体';">定义字体的粗细</span> font-variant <span style="font-family:'宋体';">设置英文大小写转换 </span> font <span style="font-family:'宋体';">组合设置字体属性</span></p> <p class="p0">Font-style<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">normal </span><span style="font-family:'宋体';">正常值</span> italic <span style="font-family:'宋体';">斜体</span> oblique <span style="font-family:'宋体';">扁斜体</span></p> <p class="p0">Font-weight<span style="font-family:'宋体';">的属性值：</span> normal <span style="font-family:'宋体';">正常值</span> bold <span style="font-family:'宋体';">粗体</span> bolder <span style="font-family:'宋体';">在加粗</span> lighter <span style="font-family:'宋体';">变细</span> 100<span style="font-family:'宋体';">—</span><span style="font-family:'Times New Roman';">900 </span><span style="font-family:'宋体';">共有</span><span style="font-family:'Times New Roman';">100</span><span style="font-family:'宋体';">到</span><span style="font-family:'Times New Roman';">900</span><span style="font-family:'宋体';">个级别数越大越粗</span></p> <p class="p0">Font-variant<span style="font-family:'宋体';">的属性值：</span><span style="font-family:'Times New Roman';">normal </span><span style="font-family:'宋体';">正常    </span> small-caps <span style="font-family:'宋体';">将小写转换为大写</span></p> <p class="p0">Font<span style="font-family:'宋体';">组合时的顺序：样式，粗细，大小</span></p> <p class="p0">(2)、颜色和背景属性：</p> <p class="p0">Color <span style="font-family:'宋体';">颜色</span>  background-color <span style="font-family:'宋体';">背景颜色</span> background-image <span style="font-family:'宋体';">背景图片</span> background-repeat <span style="font-family:'宋体';">背景图片如何重复</span></p> <p class="p0">Background-position <span style="font-family:'宋体';">设置背景图片水平和垂直的位置</span> background <span style="font-family:'宋体';">组合设置背景属性</span></p> <p class="p0">属性值：</p> <p class="p0">Background-repeat<span style="font-family:'宋体';">：</span><span style="font-family:'Times New Roman';">repeat </span><span style="font-family:'宋体';">平铺</span> repeat-x  X<span style="font-family:'宋体';">方向上平铺</span> repeat-y Y<span style="font-family:'宋体';">方向上平铺  </span><span style="font-family:'Times New Roman';">no-repeat</span><span style="font-family:'宋体';">不平铺</span></p> <p class="p0">Background-position<span style="font-family:'宋体';">：</span> value <span style="font-family:'宋体';">以百分比</span><span style="font-family:'Times New Roman';">(x%.y%)</span><span style="font-family:'宋体';">或绝对值的形式</span><span style="font-family:'Times New Roman';">(x.y)</span><span style="font-family:'宋体';">来确定背景图像的位置</span> top <span style="font-family:'宋体';">居顶</span></p> <p class="p0">Center <span style="font-family:'宋体';">居中</span> bottom<span style="font-family:'宋体';">居底</span> left <span style="font-family:'宋体';">居左</span> right<span style="font-family:'宋体';">居右</span></p> <p class="p0">Background<span style="font-family:'宋体';">可以任意组合以上的属性值</span></p> <p class="p0">(3)、文本属性：</p> <p class="p0">Letter-spacing <span style="font-family:'宋体';">定义一个附加在字符间的间隔数量</span>  word-spacing<span style="font-family:'宋体';">单词间的间隔数量   </span><span style="font-family:'Times New Roman';">text-index</span><span style="font-family:'宋体';">文字的首行缩进</span></p> <p class="p0">Text-align <span style="font-family:'宋体';">文本对齐方式</span> line-height<span style="font-family:'宋体';">行高间隔</span> text-transform<span style="font-family:'宋体';">控制英文文字大小写 </span><span style="font-family:'Times New Roman';">text-decoration</span><span style="font-family:'宋体';">文字修饰</span></p> <p class="p0">属性值：</p> <p class="p0">Letter-spacing: normal <span style="font-family:'宋体';">正常值</span> 长度单位 如<span style="font-family:'Times New Roman';">2em</span></p> <p class="p0">Word-spacing <span style="font-family:'宋体';">： </span><span style="font-family:'Times New Roman';">normal </span><span style="font-family:'宋体';">正常值</span> 长度单位</p> <p class="p0">Text-decoration<span style="font-family:'宋体';">：</span><span style="font-family:'Times New Roman';">underline </span><span style="font-family:'宋体';">加下划线  </span><span style="font-family:'Times New Roman';">overline </span><span style="font-family:'宋体';">加上划线   </span><span style="font-family:'Times New Roman';">line-through </span><span style="font-family:'宋体';">加删除线  </span><span style="font-family:'Times New Roman';">blink</span><span style="font-family:'宋体';">闪烁文字，只使用于    </span> netscape<span style="font-family:'宋体';">浏览器    </span><span style="font-family:'Times New Roman';">none</span><span style="font-family:'宋体';">默认值</span></p> <p class="p0">Text-align<span style="font-family:'宋体';">：</span><span style="font-family:'Times New Roman';">left </span><span style="font-family:'宋体';">左对齐</span> right<span style="font-family:'宋体';">右对齐</span> center<span style="font-family:'宋体';">居中</span> justify<span style="font-family:'宋体';">两端对齐</span></p> <p class="p0">Text-index:<span style="font-family:'宋体';">后跟长度单位如</span><span style="font-family:'Times New Roman';">2em</span></p> <p class="p0">Text-transform: capitalize<span style="font-family:'宋体';">将每个单词首字母大写</span> uppercase <span style="font-family:'宋体';">将每个都转换为大写  </span><span style="font-family:'Times New Roman';">lowercase </span><span style="font-family:'宋体';">转换为小写 </span><span style="font-family:'Times New Roman';">none</span></p> <p class="p0">(4)、边框属性：</p> <p class="p0">Border-color <span style="font-family:'宋体';">边框颜色    </span><span style="font-family:'Times New Roman';">border-style </span><span style="font-family:'宋体';">边框样式     </span><span style="font-family:'Times New Roman';">border-width</span><span style="font-family:'宋体';">边框宽度     </span><span style="font-family:'Times New Roman';">border-top-color </span><span style="font-family:'宋体';">上边框颜色</span></p> <p class="p0">Border-left-color <span style="font-family:'宋体';">左边框颜色  </span><span style="font-family:'Times New Roman';">border-right-color </span><span style="font-family:'宋体';">右边框颜色   </span><span style="font-family:'Times New Roman';">border-bottom-color </span><span style="font-family:'宋体';">底边框颜色     </span> border-top-style  border-left-style border-right-style  border-bottom-style  border-top-width   border-left-width</p> <p class="p0">Border-right-width  border-bottom-width  border <span style="font-family:'宋体';">组合设置 </span><span style="font-family:'Times New Roman';">border-top(right/left/right/bottom)</span></p> <p class="p0">属性值：</p> <p class="p0">Border-style<span style="font-family:'宋体';">：</span><span style="font-family:'Times New Roman';">none </span><span style="font-family:'宋体';">无边框  </span><span style="font-family:'Times New Roman';">dotted </span><span style="font-family:'宋体';">边框由点组成  </span><span style="font-family:'Times New Roman';">dash </span><span style="font-family:'宋体';">边框由短线组成  </span><span style="font-family:'Times New Roman';">solid</span><span style="font-family:'宋体';">边框是视线  </span><span style="font-family:'Times New Roman';">double</span><span style="font-family:'宋体';">双线</span></p> <p class="p0">Groove  <span style="font-family:'宋体';">立体沟槽  </span><span style="font-family:'Times New Roman';">ridge </span><span style="font-family:'宋体';">边框成脊形  </span><span style="font-family:'Times New Roman';">inset </span><span style="font-family:'宋体';">边框内嵌一个立体边框  </span><span style="font-family:'Times New Roman';">outset</span><span style="font-family:'宋体';">边框外嵌一个立体边框</span></p> <p class="p0">(5)<span style="font-family:'宋体';">、方框属性：</span></p> <p class="p0">Float <span style="font-family:'宋体';">让文字环绕在元素四周     </span><span style="font-family:'Times New Roman';">clear</span><span style="font-family:'宋体';">指定在某一元素的某一边是否允许有环绕的文字和对象  </span><span style="font-family:'Times New Roman';">clip</span><span style="font-family:'宋体';">限定只显示裁切</span> 出来的区域 width<span style="font-family:'宋体';">设定对象的宽度</span> height<span style="font-family:'宋体';">设定对象的高度</span> padding<span style="font-family:'宋体';">设定边框和内容间的距离   </span><span style="font-family:'Times New Roman';">margin </span><span style="font-family:'宋体';">元素里</span> 浏览器的距离 overflow <span style="font-family:'宋体';">当本层内容容纳不下时的处理方式</span> position <span style="font-family:'宋体';">设置对象位置   </span><span style="font-family:'Times New Roman';">z-index</span><span style="font-family:'宋体';">决定层的先后顺序和覆盖关系</span></p> <p class="p0">属性值：</p> <p class="p0">Float: none left right</p> <p class="p0">Overflow:  visible<span style="font-family:'宋体';">无论层的大小，内容都会显示出来</span> hidden <span style="font-family:'宋体';">隐藏超出层的内容 </span> scroll <span style="font-family:'宋体';">不管是否超</span> 出都会添加滚动条 auto <span style="font-family:'宋体';">只有超出时才会有滚动条</span></p> <p class="p0">(6)、列表属性<span style="font-family:'Times New Roman';">:</span></p> <p class="p0">List-style-type <span style="font-family:'宋体';">设定引导列表的项目类型</span> list-style-image  <span style="font-family:'宋体';">选择图像作为项目的引导符号</span> list-style-position  <span style="font-family:'宋体';">决定列表项目所缩进的程度</span></p> <p class="p0">属性值：</p> <p class="p0">List-style-type: disc <span style="font-family:'宋体';">在文本行前加实心圆   </span><span style="font-family:'Times New Roman';">circle </span><span style="font-family:'宋体';">加空心圆   </span><span style="font-family:'Times New Roman';">square </span><span style="font-family:'宋体';">加实心方块  </span><span style="font-family:'Times New Roman';">decimal  </span><span style="font-family:'宋体';">加阿拉伯数字</span></p> <p class="p0">Lower-roman  <span style="font-family:'宋体';">小写罗马数字   </span><span style="font-family:'Times New Roman';">upper-roman </span><span style="font-family:'宋体';">大写罗马数字   </span><span style="font-family:'Times New Roman';">lower-alpha </span><span style="font-family:'宋体';">小写字母 </span>  upper-alpha <span style="font-family:'宋体';">大写字母</span> none <span style="font-family:'宋体';">不显示任何符号</span></p> <p class="p0">List-style-image:<span style="font-family:'宋体';">的属性值为</span><span style="font-family:'Times New Roman';">URL(</span><span style="font-family:'宋体';">图片路径</span><span style="font-family:'Times New Roman';">)</span></p> <p class="p0">List-style-position: outside <span style="font-family:'宋体';">列表贴近左侧边框</span> inside 列表缩进</p> <p class="p0">(7)、滤镜属性：基本语法   filter: <span style="font-family:'宋体';">滤镜 （参数）</span></p> <p class="p0">Alpha <span style="font-family:'宋体';">透明的层次效果  </span> blur <span style="font-family:'宋体';">快速移动的模糊效果</span>   chroma <span style="font-family:'宋体';">特定颜色的透明效果</span>    dropshadow<span style="font-family:'宋体';">阴影效果</span></p> <p class="p0">Fliph <span style="font-family:'宋体';">水平翻转效果</span> flipv <span style="font-family:'宋体';">垂直翻转效果</span> glow <span style="font-family:'宋体';">边缘光晕效果</span> gray<span style="font-family:'宋体';">灰度效果    </span><span style="font-family:'Times New Roman';">invert </span><span style="font-family:'宋体';">颜色亮度值翻转</span></p> <p class="p0">Mask<span style="font-family:'宋体';">遮罩效果</span> shadow<span style="font-family:'宋体';">渐变阴影效果</span> wave<span style="font-family:'宋体';">波浪效果</span> xray  X<span style="font-family:'宋体';">射线效果</span></p> <p class="p0">(8)、鼠标滤镜：用法<span style="font-family:'Times New Roman';">---------cursor: value</span></p> <p class="p0">Value<span style="font-family:'宋体';">的值： </span><span style="font-family:'Times New Roman';">hand </span><span style="font-family:'宋体';">手型</span> crosshair <span style="font-family:'宋体';">交叉十字</span> text <span style="font-family:'宋体';">文本选择符号</span>   wait<span style="font-family:'宋体';">沙漏装</span>    default <span style="font-family:'宋体';">默认形状 </span> help <span style="font-family:'宋体';">问号</span></p> <p class="p0">N(W<span style="font-family:'宋体';">、</span><span style="font-family:'Times New Roman';">S</span><span style="font-family:'宋体';">、</span><span style="font-family:'Times New Roman';">E)-resize </span><span style="font-family:'宋体';">向北（西、南、东）的箭头</span></p> <p class="p0">18、在页面中加入<span style="font-family:'Times New Roman';">Javascript</span><span style="font-family:'宋体';">脚本</span></p> <p class="p0">(1)<span style="font-family:'宋体';">、用标签</span><span style="font-family:'Times New Roman';"><script></span><span style="font-family:'宋体';">实现</span></p> <p class="p0">属性： <span style="font-family:'Times New Roman';">charset</span><span style="font-family:'宋体';">编码脚本程序的字符集</span> language <span style="font-family:'宋体';">脚本语言</span> src <span style="font-family:'宋体';">包含脚本程序的</span><span style="font-family:'Times New Roman';">URL</span> type<span style="font-family:'宋体';">脚本类型</span></p> <p class="p0">(2)、<span style="font-family:'Times New Roman';">js</span><span style="font-family:'宋体';">内在事件：</span><span style="font-family:'Times New Roman';">onBlur</span><span style="font-family:'宋体';">光标离开文本框时</span> onChange <span style="font-family:'宋体';">当文本框的内容给被改变是时</span> onClick<span style="font-family:'宋体';">单击时</span> onLoad<span style="font-family:'宋体';">载</span> 入时 onMouseOver<span style="font-family:'宋体';">鼠标经过时 </span> onMouseOut<span style="font-family:'宋体';">鼠标移开时</span> onReset <span style="font-family:'宋体';">复位表单时</span> onSubmit<span style="font-family:'宋体';">提交表单时</span> onSlecte <span style="font-family:'宋体';">文本域被选中时</span> onUnload<span style="font-family:'宋体';">退出载入时</span> onFocus<span style="font-family:'宋体';">当光标落在文本框时</span></p> <p class="p0"> </p> <p class="p0"> </p> <p class="p0"> </p> <p class="p0"> </p> <p class="p0"> </p> <p class="p0"> </p> <p class="p0"> </p> <p class="p0"> </p> </div> </div> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1288050247292989440"></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/1902326726910865408.htm" title="deepseek 对于 Web 前端过去，现在，未来的看法！称未来可能不叫前端工程师..." target="_blank">deepseek 对于 Web 前端过去，现在，未来的看法！称未来可能不叫前端工程师...</a> <span class="text-muted">CoderBin_</span> <a class="tag" taget="_blank" href="/search/%E4%B8%8Edeepseek%E7%9A%84%E5%AF%B9%E8%AF%9D/1.htm">与deepseek的对话</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、你对于过去的web前端有什么看法？对早期的Web前端开发（大致在2000年代至2010年代初），可以总结出以下几个关键看法：1.技术原始，但充满探索精神基础技术简单：主要依赖HTML、CSS和原生JavaScript，缺乏现代框架和工具链的支持。兼容性噩梦：不同浏览器（尤其是IE6/7）的渲染差异极大，开发者需要大量Hack代码（如条件注释、CSS滤镜）来适配。创新萌芽：AJAX（2005年）</div> </li> <li><a href="/article/1902311584152219648.htm" title="【一起学Rust | Tauri2.0框架】基于 Rust 与 Tauri 2.0 框架实现生物识别（指纹识别）应用" target="_blank">【一起学Rust | Tauri2.0框架】基于 Rust 与 Tauri 2.0 框架实现生物识别（指纹识别）应用</a> <span class="text-muted">广龙宇</span> <a class="tag" taget="_blank" href="/search/Tauri2%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91/1.htm">Tauri2应用开发</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6Rust/1.htm">一起学Rust</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>前言Tauri，作为一个新兴的跨平台应用开发框架，允许开发者使用Web前端技术构建界面，并利用Rust的高性能和安全性编写后端逻辑。这种架构巧妙地结合了Web的灵活性和原生应用的性能，为开发者提供了一种构建高效、跨平台应用的全新选择。而生物识别技术，如指纹识别、面部识别等，则为应用安全提供了更高级别的保障。将生物识别技术集成到Tauri应用中，可以提升用户体验，增强应用安全性。试想一下，用户只需轻</div> </li> <li><a href="/article/1900916653416312832.htm" title="HTML5前端页面设计,HTML5网页前端设计" target="_blank">HTML5前端页面设计,HTML5网页前端设计</a> <span class="text-muted">设计师马丁</span> <a class="tag" taget="_blank" href="/search/HTML5%E5%89%8D%E7%AB%AF%E9%A1%B5%E9%9D%A2%E8%AE%BE%E8%AE%A1/1.htm">HTML5前端页面设计</a> <div>HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。书名HTML5网页前端设计作者周文洁ISBN9787302463597定价59.50元出版社清华大学出版社出版时间2017年6月HTML5网页前端设计内容简介编辑本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与</div> </li> <li><a href="/article/1900767224105332736.htm" title="web前端开发工程师工作的岗位职责（合集）" target="_blank">web前端开发工程师工作的岗位职责（合集）</a> <span class="text-muted">极客11</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E4%B8%8E%E6%B1%82%E8%81%8C/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%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>web前端开发工程师工作的岗位职责1职责：1、根据设计图进行前端页面开发并设计编写业务交互脚本2、优化前端页面，保证良好的用户体验以及不同浏览器的兼容性3、web前沿技术研究和新技术调研，将主流的特效应用到业务场景中4、配合后台开发人员实现网站界面和功能，为产品后期运营提供升级、维护等技术支持。5、工作积极主动，善于沟通，协调项目与项目之间的工作安排与配合，确保开发工作顺利进行。6、具备较强的学习</div> </li> <li><a href="/article/1900468020422176768.htm" title="HTML5拼图游戏开发经验分享" target="_blank">HTML5拼图游戏开发经验分享</a> <span class="text-muted">木木黄木木</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><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> <div>HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、</div> </li> <li><a href="/article/1899915773212684288.htm" title="适合前端入门的Go语言开发框架fiber" target="_blank">适合前端入门的Go语言开发框架fiber</a> <span class="text-muted">weixin_45969116</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/go/1.htm">go</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/go%E8%AF%AD%E8%A8%80/1.htm">go语言</a> <div>适合web前端开发者入门的go框架(fiber)FIBER：高效、极速、极简的WEB框架Fiber是一个借鉴Express的Web框架，建立在Go语言写的最快的FasthttpHTTP引擎的基础上。皆在简化零内存分配和提高性能，以便快速开发。不想阅读下面的内容直接进入主题fiber官网fiber的特点强大的路由静态文件服务性能出众内存占用低与ExpressAPI高度相似中间件和Next支持快速的服</div> </li> <li><a href="/article/1899768906407538688.htm" title="web前端面试之——原型与原型链" target="_blank">web前端面试之——原型与原型链</a> <span class="text-muted">tsuyoii</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>原型与原型链（一）原型理解与记忆核心：F.prototype===f.__proto__===原型对象（原型）f.constructor===F.prototype.constructor===F===f.__proto__.constructor解释：每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型）F=newFunction();F</div> </li> <li><a href="/article/1899627215574855680.htm" title="14道web前端工程师面试题及答案解析" target="_blank">14道web前端工程师面试题及答案解析</a> <span class="text-muted">蚂蚁小搬运工</span> <a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.什么是HTML5？它有哪些新特性？答案：HTML5是HTML的第五个版本，引入了很多新的语法和特性，如语义化标签、多媒体支持、Canvas、地理定位、离线存储等。2.什么是WebGL？它有什么作用？答案：WebGL是一种用于在浏览器中渲染3D图形的API。它可以在浏览器中展示流畅和高质量的3D游戏和应用程序。3.什么是Canvas？它有什么作用？答案：Canvas是一种HTML5标签，用于在浏</div> </li> <li><a href="/article/1899584468054765568.htm" title="网络编程基础知识总结" target="_blank">网络编程基础知识总结</a> <span class="text-muted">老梁学Android&HarmonyOS</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>1、网络编程的基础知识总结网络编程说的是在不同计算机之间进行数据传输和通信。本文主要是一些基础知识的总结：本文的“计算机”包含电脑、手机、平板、手表、汽车等可以联网的设备。1.1网络协议1.1.1描述：网络协议是计算机网络中通信双方共同遵守的规则和约定，就是马路上的红绿灯约定红灯停绿灯行一样，专门用于指导数据的传输和处理。1.1.2协议层次：协议通常有两种说法，分别是OSI七层模型或TCP/IP四</div> </li> <li><a href="/article/1899438534327070720.htm" title="Web前端发展史" target="_blank">Web前端发展史</a> <span class="text-muted">王珍岩</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1、静态页面阶段那是1990年的12月25日，恰是西方的圣诞节，TimBerners-Lee在他的NeXT电脑上部署了第一套“主机-网站-浏览器”构成的Web系统，这标志BS架构的网站应用软件的开端，也是前端工程的开端。1993年4月Mosaic浏览器作为第一款正式的浏览器发布。1994年11月，鼎鼎大名的Navigator浏览器发布发布了，到年底W3C在Berners-Lee的主持下成立，标志着</div> </li> <li><a href="/article/1899343573246078976.htm" title="web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript" target="_blank">web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript</a> <span class="text-muted">IT-司马青衫</span> <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>‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1</div> </li> <li><a href="/article/1899299809274163200.htm" title="web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法" target="_blank">web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法</a> <span class="text-muted">一笑程序猴</span> <a class="tag" taget="_blank" href="/search/WEB%E5%89%8D%E7%AB%AF%E9%AB%98%E7%BA%A7%E6%95%99%E7%A8%8B/1.htm">WEB前端高级教程</a><a class="tag" taget="_blank" href="/search/%E9%97%AD%E5%8C%85%E5%BA%94%E7%94%A8/1.htm">闭包应用</a><a class="tag" taget="_blank" href="/search/%E5%BE%AA%E7%8E%AF%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A/1.htm">循环事件绑定</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E7%B4%A2%E5%BC%95/1.htm">自定义索引</a> <div>闭包在循环事件绑定中的应用场景描述：在页面上有3个button按钮，当点击每个按钮时输出当前按钮的索引值，要求用循环来绑定每个按钮的事件，看下面的代码。button1button2button3varbuttons=document.querySelectorAll('button');for(vari=0;i<buttons.length;i++){buttons[i].onclick=func</div> </li> <li><a href="/article/1898644457398530048.htm" title="Unity 基础知识总结（持续更新中...）" target="_blank">Unity 基础知识总结（持续更新中...）</a> <span class="text-muted">程序猿多布</span> <a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E/1.htm">游戏引擎</a> <div>引擎基础Unity有哪几个主要窗口？Scene窗口用于场景搭建和UI界面拼接Game窗口游戏运行预览Hierarchy窗口查看和调整场景对象层级结构Project窗口游戏工程资源Inspector创建属性查看器，属性设置、脚本组件挂载Unity提供了几种光源，分别是什么一共有四种DirectionalLight平行光PointLight点光源SpotLight聚光灯AreaLight区域光Imag</div> </li> <li><a href="/article/1898425578281824256.htm" title="unity全栈开发是什么意思_为什么你要去尝试全栈开发？" target="_blank">unity全栈开发是什么意思_为什么你要去尝试全栈开发？</a> <span class="text-muted">上海龙哥</span> <a class="tag" taget="_blank" href="/search/unity%E5%85%A8%E6%A0%88%E5%BC%80%E5%8F%91%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">unity全栈开发是什么意思</a> <div>程序员看到"全栈"这个概念，大概会有两种反应1.卧槽，这个好，碉堡了2.你懂毛，全栈就是样样稀松以上两种反应其实都有失偏颇。因为即使只学一门技术，水平很菜的人也多的是，而全栈工程师当中样样都做，而样样都做得不错的也不少。更别说这个世界还存在另外一种爆栈型的程序员，做什么，什么都精。从我的个人实践出发，全栈学徒至少要掌握以下几种技能：Web前端开发，至少掌握一种前端框架；Server后端开发，至少掌</div> </li> <li><a href="/article/1898261783072796672.htm" title="329.大学生HTML期末大作业 —【纪念鲁迅文化主题网页】 Web前端网页制作 html+css" target="_blank">329.大学生HTML期末大作业 —【纪念鲁迅文化主题网页】 Web前端网页制作 html+css</a> <span class="text-muted">一只小小的眠羊</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">大学生期末大作业</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E5%8C%96/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/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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>目录一、更多推荐二、网页简介三、网页文件四、网页效果五、代码展示1.html2.CSS六、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强一、更多推荐欢迎来到我的CSDN主页！您的支持是我创作的动力！Web前端网页制作、网页完整代码、大学生期末大作业案例模板完整代码、技术交流等，有兴趣的联系我交流学习!更多优质博客文章、网页模板点击以下链接查阅：仙女网页设计-CSDN博客5000+</div> </li> <li><a href="/article/1897988287679754240.htm" title="计算机网络篇：基础知识总结与基于长期主义的内容更新" target="_blank">计算机网络篇：基础知识总结与基于长期主义的内容更新</a> <span class="text-muted">YGGP</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a> <div>基础知识总结和MySQL类似，我同样花了一周左右的时间根据csview对计算机网络部分的八股文进行了整理，主要的内容包括：概述、TCP与UDP、IP、HTTP，其中我个人认为最重要的是TCP这部分的内容。在此做一篇目录索引，对应到每一篇文章：【每日八股】计算机网络篇（一）：概述【每日八股】计算机网络篇（二）：TCP和UDP【每日八股】计算机网络篇（三）：IP【每日八股】计算机网络篇（四）：HTTP</div> </li> <li><a href="/article/1897432979039383552.htm" title="新手教程，小白学web前端开发—HTML5+css3" target="_blank">新手教程，小白学web前端开发—HTML5+css3</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>小白教程，一起来跟我学简单的网页制作吧！本书教材：web前端开发案例教程—HTML5+css3简介：2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。网站不再只承载单一的文字和图片，各种丰富的媒体让网页的内容更加生动，网页的各种交互形式为用户带来了更好的体验，都基于前端的技术实现，好了废话不多说，让我们简单的体验一下如何制</div> </li> <li><a href="/article/1897431842563354624.htm" title="【Web前端开发】---web简介" target="_blank">【Web前端开发】---web简介</a> <span class="text-muted">爱学习的小何同学！</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1、前端开发能干什么能干：网页、小程序（例如：微信小程序、抖音小程序），数据可视化前端工程师不仅可以开发上面所说的东西，而且也可以开发：服务器、客户端。2、计算机基础计算机由硬件与软件构成。所谓的硬件就是能看得见、摸得着的一些零部件。比如：CPU、内存、硬盘、键盘、鼠标、音箱、显示器。所谓的软件就是看得见、摸不着的东西。软件由系统软件和应用软件构成。系统软件：Windows、Linux、Max、H</div> </li> <li><a href="/article/1897356041599905792.htm" title="MySQL篇：基础知识总结与基于长期主义的内容更新" target="_blank">MySQL篇：基础知识总结与基于长期主义的内容更新</a> <span class="text-muted">YGGP</span> <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/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>基础知识总结前前后后花了一周左右的时间，我根据csview当中的八股文以及DeepSeek对MySQL部分的基础知识进行了总结，主要包括：概述、事务、索引、锁、存储引擎、日志以及优化部分的内容。在此我做一个目录索引，对应到每一篇总结的文章：【每日八股】MySQL篇（一）：概述【每日八股】MySQL篇（二）：事务【每日八股】MySQL篇（三）：索引（上）【每日八股】MySQL篇（四）：索引（下）【每</div> </li> <li><a href="/article/1897158395509665792.htm" title="前端开发手册大全" target="_blank">前端开发手册大全</a> <span class="text-muted">而 已</span> <a class="tag" taget="_blank" href="/search/web/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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>web前端开发手册大全(学习参考)html中文中文参考手册：https://www.html.cn/shouce/html/1.htmlJavaScript中文参考手册：https://www.html.cn/shouce/js/11.htmlCSS3.0参考手册：https://www.html.cn/doc/css3/CSS教程手册（新）：https://www.html.cn/book/cs</div> </li> <li><a href="/article/1895305650045513728.htm" title="web前端常见面试题" target="_blank">web前端常见面试题</a> <span class="text-muted">JackieDYH</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E7%8C%BF%E9%9D%A2%E8%AF%95%E9%A2%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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a> <div>html文件开头DOCTYPE作用DOCTYPE（文档类型）是HTML文档的开头，它指定了HTML文档使用的HTML版本及文档类型，告诉浏览器以哪种规范来解析HTML文档。它的作用有以下几个方面：声明HTML版本：DOCTYPE声明可以让浏览器知道使用哪个HTML版本来解析当前文档，从而根据规范来处理文档中的元素和属性。帮助浏览器正确解析文档：DOCTYPE声明可以确保浏览器以标准模式渲染页面，而</div> </li> <li><a href="/article/1895135245791981568.htm" title="HTML5期末大作业：基于 html css js仿腾讯课堂首页" target="_blank">HTML5期末大作业：基于 html css js仿腾讯课堂首页</a> <span class="text-muted">web学生网页设计</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E4%BD%9C%E4%B8%9A/1.htm">html5期末作业</a> <div>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div> </li> <li><a href="/article/1895129695461109760.htm" title="web前端开发面试题" target="_blank">web前端开发面试题</a> <span class="text-muted">书亦何欢*</span> <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E6%9C%AC/1.htm">基本</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值，relative和absolute分别是相对于谁进行定位的？§absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。§fixed（老IE不支持）</div> </li> <li><a href="/article/1895077975678840832.htm" title="从ECMAScript到JavaScript：前端编程的基石" target="_blank">从ECMAScript到JavaScript：前端编程的基石</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/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录一、什么是ECMAScript二、发展历程回顾三、核心特性解析3.1基础类型与数据结构3.2函数的进阶用法3.3对象的操作与扩展3.4类与面向对象编程3.5异步编程四、实际应用场景4.1Web前端开发4.2Node.js后端开发4.3移动应用开发五、未来展望一、什么是ECMAScriptECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）通过ECMA-262标准化的脚本程序设</div> </li> <li><a href="/article/1895035476893560832.htm" title="[oAuth2授权]Web前端+Node&Coze API Web后端程序+Coze授权服务器工作流程架构流程图详解" target="_blank">[oAuth2授权]Web前端+Node&Coze API Web后端程序+Coze授权服务器工作流程架构流程图详解</a> <span class="text-muted">GISer_Jinger</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</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/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>嗯，用户之前已经了解了如何使用React和Node.js结合CozeAPI实现OAuth2授权，现在他们具体想实现的是在Web应用中，当用户点击一个按钮（比如“和Bot对话”）时，触发授权流程，重定向到Coze的授权服务器获取code。用户还提供了一个具体的cURL请求示例，展示了如何通过302重定向获取授权页面的URL，然后从响应头中的location字段得到跳转链接，引导用户完成授权。首先，我</div> </li> <li><a href="/article/1894268114099564544.htm" title="AI写代码工具赋能前端开发：提升开发者解决问题能力" target="_blank">AI写代码工具赋能前端开发：提升开发者解决问题能力</a> <span class="text-muted">bd_ming</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>近年来，人工智能（AI）技术在各个领域都取得了显著进展，前端开发领域也不例外。AI的快速发展为前端开发者带来了前所未有的机遇，同时也带来了新的挑战。开发者需要不断学习新的技术和工具，以适应快速变化的开发环境。而AI写代码工具的出现，为开发者提升解决问题的能力提供了强有力的支持。本文将探讨AI前端开发工具如何帮助开发者更高效地解决问题，并以ScriptEcho为例进行说明。……传统的Web前端开发工</div> </li> <li><a href="/article/1894246427719168000.htm" title="面试八股文--数据库基础知识总结(1)" target="_blank">面试八股文--数据库基础知识总结(1)</a> <span class="text-muted">汤汤upup</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%85%AB%E8%82%A1%E6%96%87/1.htm">面试八股文</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/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1、数据库的定义数据库（DataBase，DB）简单来说就是数据的集合数据库管理系统（DatabaseManagementSystem，DBMS）是一种操纵和管理数据库的大型软件，通常用于建立、使用和维护数据库。数据库系统（DatabaseSystem，DBS）是指基于数据库的计算机应用系统，通常由数据库、数据库管理系统、软件、数据库管理员、用户组成2、数据库中的一些基本概念元组：元组（tuple</div> </li> <li><a href="/article/1894234451626487808.htm" title="面试八股文--数据库基础知识总结(2) MySQL" target="_blank">面试八股文--数据库基础知识总结(2) MySQL</a> <span class="text-muted">汤汤upup</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%85%AB%E8%82%A1%E6%96%87/1.htm">面试八股文</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>本文介绍关于MySQL的相关面试知识一、关系型数据库1、定义关系型数据库（RelationalDatabase）是一种基于关系模型的数据库管理系统（DBMS），它将数据存储在表格（表）中，并通过表格之间的关系来组织和管理数据。2、常见的关系型数据库MySQL：开源的、高性能的关系型数据库，适用于Web应用和中小型企业。PostgreSQL：开源的、功能强大的关系型数据库，支持复杂的数据类型和高级功</div> </li> <li><a href="/article/1894090849747267584.htm" title="web前端--html 5---qq注册" target="_blank">web前端--html 5---qq注册</a> <span class="text-muted">粉0321</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>qq注册.theme{width:300px;height:600px;margin:0pxauto;}.theme1select{padding:5px10px;border:none;border-color:#B8B8B8;box-sizing:border-box;font-size:14px;color:#B8B8B8;}.a1{color:#4b7cde;}.form-group1in</div> </li> <li><a href="/article/1894045088519090176.htm" title="2024年Web前端最新vue动态路由缓存【前进刷新、后退缓存】，2024历年华为跳动前端面试真题解析" target="_blank">2024年Web前端最新vue动态路由缓存【前进刷新、后退缓存】，2024历年华为跳动前端面试真题解析</a> <span class="text-muted">2401_84418948</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>总结大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最</div> </li> <li><a href="/article/93.htm" title="java工厂模式" target="_blank">java工厂模式</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E5%B7%A5%E5%8E%82/1.htm">抽象工厂</a> <div>工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF</div> </li> <li><a href="/article/220.htm" title="nginx频率限制+python测试" target="_blank">nginx频率限制+python测试</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+%E9%A2%91%E7%8E%87+python/1.htm">nginx 频率 python</a> <div>       部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：</div> </li> <li><a href="/article/347.htm" title="java线程和线程池的使用" target="_blank">java线程和线程池的使用</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/ThreadPool/1.htm">ThreadPool</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/Runnable/1.htm">Runnable</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a> <div>java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2 </div> </li> <li><a href="/article/474.htm" title="Linux" target="_blank">Linux</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su</div> </li> <li><a href="/article/601.htm" title="Tomcat JDBC Connection Pool" target="_blank">Tomcat JDBC Connection Pool</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/Connection/1.htm">Connection</a> <div>       Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P</div> </li> <li><a href="/article/728.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/%E9%9A%8F%E7%AC%94/1.htm">随笔</a><a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%83%B3/1.htm">感想</a> <div>              入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然</div> </li> <li><a href="/article/855.htm" title="jvm指令集" target="_blank">jvm指令集</a> <span class="text-muted">程序员是怎么炼成的</span> <a class="tag" taget="_blank" href="/search/jvm+%E6%8C%87%E4%BB%A4%E9%9B%86/1.htm">jvm 指令集</a> <div>转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs</div> </li> <li><a href="/article/982.htm" title="Oracle字符集的查看查询和Oracle字符集的设置修改" target="_blank">Oracle字符集的查看查询和Oracle字符集的设置修改</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div> 本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货</div> </li> <li><a href="/article/1109.htm" title="png在Ie6下透明度处理方法" target="_blank">png在Ie6下透明度处理方法</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/Firebug/1.htm">Firebug</a><a class="tag" taget="_blank" href="/search/IE/1.htm">IE</a> <div>由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资</div> </li> <li><a href="/article/1236.htm" title="表查询常用命令高级查询方法(二)" target="_blank">表查询常用命令高级查询方法(二)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2/1.htm">分页查询</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%BB%84%E6%9F%A5%E8%AF%A2/1.htm">分组查询</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E5%90%88%E6%9F%A5%E8%AF%A2/1.htm">联合查询</a> <div>----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资</div> </li> <li><a href="/article/1363.htm" title="uploadify3.1版本参数使用详解" target="_blank">uploadify3.1版本参数使用详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/uploadify3.1/1.htm">uploadify3.1</a> <div>使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww</div> </li> <li><a href="/article/1490.htm" title="精通Oracle10编程SQL(17)使用ORACLE系统包" target="_blank">精通Oracle10编程SQL(17)使用ORACLE系统包</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/plsql/1.htm">plsql</a> <div>/* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW</div> </li> <li><a href="/article/1617.htm" title="【JVM一】JVM垃圾回收日志" target="_blank">【JVM一】JVM垃圾回收日志</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6/1.htm">垃圾回收</a> <div>将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通</div> </li> <li><a href="/article/1744.htm" title="Toast使用" target="_blank">Toast使用</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/toast/1.htm">toast</a> <div>Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在</div> </li> <li><a href="/article/1871.htm" title="angular.identity" target="_blank">angular.identity</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a> <div>angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML> </div> </li> <li><a href="/article/1998.htm" title="java-两整数相除，求循环节" target="_blank">java-两整数相除，求循环节</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j) </div> </li> <li><a href="/article/2125.htm" title="Java 日期 周 年" target="_blank">Java 日期 周 年</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a> <div> /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num * </div> </li> <li><a href="/article/2252.htm" title="[高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业" target="_blank">[高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA/1.htm">计算机</a> <div>       不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后</div> </li> <li><a href="/article/2379.htm" title="分层查询（Hierarchical Queries）" target="_blank">分层查询（Hierarchical Queries）</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/%E9%80%92%E5%BD%92%E6%9F%A5%E8%AF%A2/1.htm">递归查询</a><a class="tag" taget="_blank" href="/search/%E5%B1%82%E6%AC%A1%E6%9F%A5%E8%AF%A2/1.htm">层次查询</a> <div>Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi</div> </li> <li><a href="/article/2506.htm" title="数据迁移" target="_blank">数据迁移</a> <span class="text-muted">daysinsun</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E8%BF%81%E7%A7%BB/1.htm">数据迁移</a> <div>最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长</div> </li> <li><a href="/article/2633.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><a class="tag" taget="_blank" href="/search/basic/1.htm">basic</a> <div>进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; } </div> </li> <li><a href="/article/2760.htm" title="NsTimer 和 UITableViewCell 之间的控制" target="_blank">NsTimer 和 UITableViewCell 之间的控制</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a> <div>情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理</div> </li> <li><a href="/article/2887.htm" title="MySql中case when then 的使用" target="_blank">MySql中case when then 的使用</a> <span class="text-muted">fanxiaolong</span> <a class="tag" taget="_blank" href="/search/casewhenthenend/1.htm">casewhenthenend</a> <div>select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &</div> </li> <li><a href="/article/3014.htm" title="Ehcache（01）——简介、基本操作" target="_blank">Ehcache（01）——简介、基本操作</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E4%BB%8B/1.htm">简介</a><a class="tag" taget="_blank" href="/search/CacheManager/1.htm">CacheManager</a><a class="tag" taget="_blank" href="/search/crud/1.htm">crud</a> <div>Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&</div> </li> <li><a href="/article/3141.htm" title="最容易懂的javascript闭包学习入门" target="_blank">最容易懂的javascript闭包学习入门</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊</div> </li> <li><a href="/article/3268.htm" title="提升网站转化率的四步优化方案" target="_blank">提升网站转化率的四步优化方案</a> <span class="text-muted">php教程分享</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分</div> </li> <li><a href="/article/3395.htm" title="web开发里什么是HTML5的WebSocket？" target="_blank">web开发里什么是HTML5的WebSocket？</a> <span class="text-muted">naruto1990</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a> <div>当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服</div> </li> <li><a href="/article/3522.htm" title="Socket初步编程——简单实现群聊" target="_blank">Socket初步编程——简单实现群聊</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a><a class="tag" taget="_blank" href="/search/%E5%88%9D%E6%AD%A5%E8%AE%A4%E8%AF%86/1.htm">初步认识</a> <div>初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s</div> </li> <li><a href="/article/3649.htm" title="面试：Hashtable与HashMap的区别（结合线程）" target="_blank">面试：Hashtable与HashMap的区别（结合线程）</a> <span class="text-muted">toknowme</span> <div>昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java</div> </li> <li><a href="/article/3776.htm" title="MVC设计模式的总结" target="_blank">MVC设计模式的总结</a> <span class="text-muted">xp9802</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/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a> <div>随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户</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>