阅读笔记|阅读笔记 | 《HTML网页设计参考手册》

阅读笔记|阅读笔记 | 《HTML网页设计参考手册》
文章图片
HTML网页设计参考手册 书籍:《HTML网页设计参考手册》
阅读方法:王者速读法
阅读目的:工作需要;专业性的知识,已经阅读过几次,长时间没用也忘记的差不多了,需要重新拾起来,也想做一个系统性的笔记梳理。
第一阶段,预览 要明确目的的解决问题 第一,想获得什么信息。专业基础知识,长时间没用,从知识、到思维都需要梳理梳理。
第二,能获得什么信息。基础而全面的HTML知识,基本的CSS、JavaScript知识,简单的HTML编辑工具,丰富的HTML实例及效果展示。
第三,明确重点内容。HTML核心知识,HTML标签的用法,以及标签体系;HTML各种标签记不住不要紧,弄懂核心逻辑,使用的时候能随时查找。
具体阅读 1.封面。「内容全面,囊括HTML、JavaScript、CSS等知识」,「实用性强,代码规范,大量的实例及展示效果」,「工具使用,配合Dreamwerver,符合网页制作技术特点」;张金霞编著。
2.版权页。2007年4月出版;内容简介对全书内容做了概括。
3.编辑寄语及前言。对全书内容及特点做一个概括性阐述。
4.目录。共13章,可以分为四大部分。第一部分第1章,HTML入门;第二部分第2章到第10章,讲述HTML各种标记的语法内容及使用;第三部分第11章和第12章,拓展知识,基本的CSS和JavaScript知识;第四部分第13章,使用Dreamwerver工具创建网页。
总结
本书内容是比较熟悉的,以前已经读过,再读一次,进行专业知识的梳理。学好一门编程语言,包括语法、词汇、工具,甚至还有算法等,所以,光读书是远远不够的,还需要大量的实践,5分钟要浏览完所有的封面、前言、目录没有问题,在熟悉的基础上也能梳理出一个框架来。
前言里说到,全书是基于HTML4的。
第二阶段,快速翻阅全书 对图表的印象 翻阅所有的书页,标题、图表、照片等最显眼的内容基本都看不过来,抽样阅读统计性整体印象,全书的图片有图序,也有标题,图片基本上是实例效果图,表格大部分是知识点列表,所以图片价值不高,基本只有在操作实例或阅读实例时需要参考,表格在跳读环节可以选择性阅读。
对章节内容的印象 全书300多页,5分钟翻页时间都不够,真累,要不是对书本内容比较熟悉,真是会头晕掉。跟浏览目录相比,内容更加细致,比如不只是标签,还会浏览过许多标签的属性。
总结:
书本内容比较丰富,尽管已经比较熟悉,匆匆翻页还是觉得有眼花缭乱抓瞎的感觉,这时候已经不是抓取知识,而是通过视觉效果来使脑海的知识浮现出来。所谓开卷有益,至少会对知识系统性的把握变得更加清晰。
第三阶段,跳读 第1章 HTML的基本概念 HTML简介、HTML文件结构、HTML发展历史、网页设计原则、Dreamwerver简介及编辑HTML。
重点:HTML定义的3种用于描述页面整体结构的标记:、、。
第2章 HTML基本标记 头部标记、标题标记、元信息标记<meta>、基底标记<base>、页面主题标记<body>、注释标记<br /> 重点内容:<br /> (1)元信息标记<meta>有name和http-equiv两种属性,与一般的标记属性及属性值不同,该标记属性给出属性值后还有一个内容content的描述。<br /> (2)主体标记<body>主要有bgcolor、background、文字颜色text、链接文字颜色link、边距margin等属性。<br /> 第3章 文字与段落 标题文字标记到,属性主要有对齐方式align。<br /> 文本字体标记<font>,主要属性有face、size、color、strong。<br /> 文字格式标记em、u、sup、sub、strike、code,以及特殊字符标记空格「  」、双引号「 " 」等。<br /> 段落标记;换行标记<br>;保留原始排版方式标记<blockquote>;居中对齐标记,向右缩进标记<blockquote>。<br /> 水平线标记,主要属性有width、height、color、align。<br /> 文字标注标记<ruby>;声明变量标记<var>。<br /> 第4章 列表 无序列表标记<ul>,有序列表标记<ol>,两者都有属性序号类型type,有序列表还有属性起始数值start。<br /> 定义列表标记<dl>,菜单列表标记<menu>,目录列表标记<dir>。<br /> 第5章 超链接 理解超链接的绝对路径和相对路径。<br /> 超链接标记,主要属性有超链接方式href,目标窗口参数target。<br /> 内部链接使用相对路径方式即可;外部链接使用绝对路径链接方式。<br /> 书签链接需要建立书签,再使用超链接标记进行链接,分文同一页书签的链接和不同页书签的链接,不同页书签的链接需要先链接到页面再链接书签。<br /> 第6章 使用图像 图像格式主要以GIF、JPEG、PNG。<br /> 图像标记<img>,属性src、height、width、border、hspace、vspace、align、alt。<br /> 图像的超链接:在超链接里面嵌套图像标记。<br /> 图像热区链接:对图像的部分区域设置超链接。<br /> 第7章 添加多媒体元素 设置动态文字标记<marquee>,属性direction、behavior、loop、scrollamount、scrolldelay、bgcolor、width、height、hspace、vspace。<br /> 设置背景音乐标记<bgsound>,属性src、loop。<br /> 添加多媒体文件embed,属性autostart、loop、hidden。<br /> 第8章 表格的应用 表格结构的标记:表格标记<table>、行标记<tr>、单元格标记<td>,表格标题标记<caption>、表头样式标记<thead>、表主体样式标记<tbody>、表尾样式标记<tfoot>、表头单元格标记<th>。<br /> <table>标记的主要属性:width、height、align、border、bordercolor、cellspacing、cellpadding、bgcolor、background。<br /> <tr>标记的主要属性:height、bordercolor、bgcolor、background、align、valign。<br /> <td>标记的主要属性:width、height、colspan、rowspan、align、valign、bgcolor、bordercolor、bordercolorlight、bordercolordark、background、nowrap。<br /> 表格可以嵌套。<br /> 拓展:层标记,语法:。<br /> 重点:本章内容涉及网页布局,(1)使用表格布局网页,(2)使用层标记配合css布局。<br /> 第9章 添加表单<br> 表单标记<form>,属性action、name、method、enctype、target。<br /> 表单的主要控件:输入类<input>、列表类。<br /> 输入类<input>标记的type属性标识输入控件的类型,主要有text、password、radio、checkbox、button、reset、image、hidden、file。<br /> 列表类通过<option>标记设置列表项,无属性size则为下拉菜单列表,设置属性size则为列表项列表。<br /> 第三种控件:文本域标记<textarea>。<br /> 第10章 框架结构<br> 框架结构通过<frameset>、<frame>、<iframe>等标记实现。<br /> 第11章 CSS样式表<br> 一个CSS样式的语法由3部分构成:选择符(selectors)、属性(property)和属性值(value)。基本语法:selector{property:value}。<br /> 在页面中插入样式表的方法有4种:<br /> (1)链入外部样式表。基本语法:<link rel="stylesheet" type="text/css" href="https://www.it610.com/article/样式表文件的地址">。<br /> (2)内部样式表。基本语法: selector{property:value} 。<br /> (3)内嵌样式。基本语法:<br /> (4)导入外部样式表。使用@import声明导入。<br /> 注:CSS知识还需要一本书籍来说明。<br /> 第12章 使用JavaScript脚本<br> JavaScript基本语法、JavaScript函数、JavaScript对象、JavaScript事件等内容。<br /> 注:此处略过不读。<br /> 第13章 在Dreamwerver中创建网页<br> Dreamwerver工具的使用。<br /> 两种网页布局练习:使用表格布局、使用层进行布局。<br /> 各种HTML元素的应用:表单、表格、多媒体运用等。<br /> <b>总结</b>:<br /> 专业性书籍,都还不能算是一门编程语言,重要的是掌握标记的原理和使用方法,剩下的就是多实践,需要使用时查询即可。<br /> 本书知识全面,对于HTML而言,掌握文件结构、标记语法、标签的属性等原理,然后重点练习两个案例:使用表格布局制作一个网页,使用层布局制作一个网页,并不断添加HTML元素和属性,基本就能掌握HTML的内容了。<br /> 关于王者阅读法的实践,还可以阅读以下文章:<br /> 1.阅读笔记 | 《「微信+」时代:再小的个体也有自己的品牌》<br /> <strong>【阅读笔记|阅读笔记 | 《HTML网页设计参考手册》】</strong>2.阅读笔记 | 《引爆社群:移动互联网时代的新4C法则》<br /> 3.阅读笔记 | 《草根自媒体达人运营实战》<br /> 4.阅读笔记 | 《玩转微信》<br /></p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ½űֻһ --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/903496.html" title="奈多美初见钢笔怎么样?奈多美初见钢笔好用吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="奈多美初见钢笔怎么样?奈多美初见钢笔好用吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/903496.html"> <b>奈多美初见钢笔怎么样?奈多美初见钢笔好用吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3110297.html" title="滴滴13.75万股挂牌转让:折合整体估值475亿美元,大家怎么看?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="滴滴13.75万股挂牌转让:折合整体估值475亿美元,大家怎么看?" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3110297.html"> <b>滴滴13.75万股挂牌转让:折合整体估值475亿美元,大家怎么看? </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1555816.html" title="下雨天衣服没干怎么办 天下雨衣服不干"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="下雨天衣服没干怎么办 天下雨衣服不干" src="http://img.readke.com/230414/153FJ2H-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1555816.html"> <b>下雨天衣服没干怎么办 天下雨衣服不干 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1179179.html" title="晚上饿是在消耗脂肪吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="晚上饿是在消耗脂肪吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1179179.html"> <b>晚上饿是在消耗脂肪吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09262464F2021.html" title="《第1期-11|《第1期-11 VB之rtcMsgBox》学习笔记"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《第1期-11|《第1期-11 VB之rtcMsgBox》学习笔记" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/09262464F2021.html"> <b>《第1期-11|《第1期-11 VB之rtcMsgBox》学习笔记 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1602558.html" title="唐镇镇中心在什么位置 唐镇是哪里"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="唐镇镇中心在什么位置 唐镇是哪里" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1602558.html"> <b>唐镇镇中心在什么位置 唐镇是哪里 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4097029.html" title="罗德岛战记"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="罗德岛战记" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4097029.html"> <b>罗德岛战记 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09121c1612021.html" title="2019年转行Web前端开发,一定要看的技术指南和趋势(附学习资料"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2019年转行Web前端开发,一定要看的技术指南和趋势(附学习资料" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/09121c1612021.html"> <b>2019年转行Web前端开发,一定要看的技术指南和趋势(附学习资料 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0R3943X2021.html" title="老花眼|年轻时近视,老了就能“抵消”老花眼?医生告诉你真相"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="老花眼|年轻时近视,老了就能“抵消”老花眼?医生告诉你真相" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0R3943X2021.html"> <b>老花眼|年轻时近视,老了就能“抵消”老花眼?医生告诉你真相 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1487454.html" title="香蕉可不可以和柿子一起吃"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="香蕉可不可以和柿子一起吃" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1487454.html"> <b>香蕉可不可以和柿子一起吃 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2608111.html" title="苹果手机远程偷看微信聊天记录方法 这招实在管用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="苹果手机远程偷看微信聊天记录方法 这招实在管用" src="http://img.readke.com/230703/04595a4C-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2608111.html"> <b>苹果手机远程偷看微信聊天记录方法 这招实在管用 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0H450a2021.html" title="癌症|癌症会遗传吗?肿瘤专家:肯定的!这5种癌症最容易遗传!"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="癌症|癌症会遗传吗?肿瘤专家:肯定的!这5种癌症最容易遗传!" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0H450a2021.html"> <b>癌症|癌症会遗传吗?肿瘤专家:肯定的!这5种癌症最容易遗传! </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4029869.html" title="蔚来2020年12月交付量 mysql中如何分组"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="蔚来2020年12月交付量 mysql中如何分组" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4029869.html"> <b>蔚来2020年12月交付量 mysql中如何分组 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3645868.html" title="do和does的区别和用法 do和does的区别和用法是怎样的"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="do和does的区别和用法 do和does的区别和用法是怎样的" src="http://img.readke.com/231201/1516422H0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3645868.html"> <b>do和does的区别和用法 do和does的区别和用法是怎样的 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1505323.html" title="瓶子烫变形了水能喝么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="瓶子烫变形了水能喝么" src="http://img.readke.com/230410/2316496434-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1505323.html"> <b>瓶子烫变形了水能喝么 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2433992.html" title="红双喜为什么叫小中华"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="红双喜为什么叫小中华" src="http://img.readke.com/230605/1044014L5-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2433992.html"> <b>红双喜为什么叫小中华 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2273812.html" title="大豆蛋白被是什么材料"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="大豆蛋白被是什么材料" src="http://img.readke.com/230527/111FW0S-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2273812.html"> <b>大豆蛋白被是什么材料 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1410592.html" title="金银花茶什么样的好 如何选购金银花茶"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="金银花茶什么样的好 如何选购金银花茶" src="http://img.readke.com/230405/1511311637-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1410592.html"> <b>金银花茶什么样的好 如何选购金银花茶 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2791935.html" title="苏州工业园区职业技术学院学费 苏州工业园区职业技术学院招生"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="苏州工业园区职业技术学院学费 苏州工业园区职业技术学院招生" src="http://img.readke.com/230721/1559325U8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2791935.html"> <b>苏州工业园区职业技术学院学费 苏州工业园区职业技术学院招生 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2081487.html" title="茄子怎么放保鲜水分不流失 茄子保存的好办法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="茄子怎么放保鲜水分不流失 茄子保存的好办法" src="http://img.readke.com/230514/1923134155-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2081487.html"> <b>茄子怎么放保鲜水分不流失 茄子保存的好办法 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/836213.html" title="《走自己的路,让别人去说吧》" target="_blank">《走自己的路,让别人去说吧》 </a></li> <li><a href="/c/836212.html" title="金像奖7部最佳华语片(其中一部打破了《功夫》香港票房纪录)" target="_blank">金像奖7部最佳华语片(其中一部打破了《功夫》香港票房纪录) </a></li> <li><a href="/c/836211.html" title="绘本讲师训练营【34期】20/21实践原创《跑跑镇》" target="_blank">绘本讲师训练营【34期】20/21实践原创《跑跑镇》 </a></li> <li><a href="/c/836159.html" title="《国民大生活》(致大社会中认真生活着的小国民们)" target="_blank">《国民大生活》(致大社会中认真生活着的小国民们) </a></li> <li><a href="/c/836132.html" title="《黄金时代》—好危险,差一点爱上你" target="_blank">《黄金时代》—好危险,差一点爱上你 </a></li> <li><a href="/c/836006.html" title="前端|《前端》vue的自我修养(webpack版)--export ,export default 和 import 区别以及用法" target="_blank">前端|《前端》vue的自我修养(webpack版)--export ,export default 和 import 区别以及用法 </a></li> <li><a href="/c/835930.html" title="又见 DSO 2022 子芽《 DevSecOps 敏捷安全》新书发布会" target="_blank">又见 DSO 2022 子芽《 DevSecOps 敏捷安全》新书发布会 </a></li> <li><a href="/c/835909.html" title="99天连续日更挑战|99天连续日更挑战 - Day 6" target="_blank">99天连续日更挑战|99天连续日更挑战 - Day 6 </a></li> <li><a href="/c/835783.html" title="小议《战狼》" target="_blank">小议《战狼》 </a></li> <li><a href="/c/835782.html" title="今天是我读书分享的第18天" target="_blank">今天是我读书分享的第18天 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇:<a href='/c/836259.html'>真正的爱情|真正的爱情 经不起星座配对</a> </p> <p class="post-next fr ellipsis">下一篇:<a href='/c/836261.html'>【200元抢学习名额】北美大数据第四期就业班强势来袭,抢先一步成高薪人才</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836261.html" title="【200元抢学习名额】北美大数据第四期就业班强势来袭,抢先一步成高薪人才"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="【200元抢学习名额】北美大数据第四期就业班强势来袭,抢先一步成高薪人才" src="http://img.readke.com/220727/2003106194-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836261.html" title="【200元抢学习名额】北美大数据第四期就业班强势来袭,抢先一步成高薪人才">【200元抢学习名额】北美大数据第四期就业班强势来袭,抢先一步成高薪人才</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836260.html" title="阅读笔记|阅读笔记 | 《HTML网页设计参考手册》"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="阅读笔记|阅读笔记 | 《HTML网页设计参考手册》" src="http://img.readke.com/220727/20030122O-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836260.html" title="阅读笔记|阅读笔记 | 《HTML网页设计参考手册》">阅读笔记|阅读笔记 | 《HTML网页设计参考手册》</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836259.html" title="真正的爱情|真正的爱情 经不起星座配对"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="真正的爱情|真正的爱情 经不起星座配对" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836259.html" title="真正的爱情|真正的爱情 经不起星座配对">真正的爱情|真正的爱情 经不起星座配对</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836258.html" title="年底跳槽季,理由千千万!"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="年底跳槽季,理由千千万!" src="http://img.readke.com/220727/2002396155-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836258.html" title="年底跳槽季,理由千千万!">年底跳槽季,理由千千万!</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836257.html" title="碎碎念"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="碎碎念" src="http://img.readke.com/220727/2002294B3-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836257.html" title="碎碎念">碎碎念</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836256.html" title="你会和这样一个男人谈恋爱吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="你会和这样一个男人谈恋爱吗" src="http://img.readke.com/220727/2002192B9-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836256.html" title="你会和这样一个男人谈恋爱吗">你会和这样一个男人谈恋爱吗</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836255.html" title="红叶拾遗|红叶拾遗||“冬寒十月”为“春寒之月”误写"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="红叶拾遗|红叶拾遗||“冬寒十月”为“春寒之月”误写" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836255.html" title="红叶拾遗|红叶拾遗||“冬寒十月”为“春寒之月”误写">红叶拾遗|红叶拾遗||“冬寒十月”为“春寒之月”误写</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836244.html" title="投稿|蒙牛,成不了骑士乳业的“骑士”"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|蒙牛,成不了骑士乳业的“骑士”" src="http://img.readke.com/220727/1949412355-0-lp.png"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836244.html" title="投稿|蒙牛,成不了骑士乳业的“骑士”">投稿|蒙牛,成不了骑士乳业的“骑士”</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836243.html" title="投稿|基金仓位大涨,哪些板块值得入手?"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="投稿|基金仓位大涨,哪些板块值得入手?" src="http://img.readke.com/220727/1949191613-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836243.html" title="投稿|基金仓位大涨,哪些板块值得入手?">投稿|基金仓位大涨,哪些板块值得入手?</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/836242.html" title="微软|微软2022财年业绩不及预期,强美元下冲掉6亿利润"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="微软|微软2022财年业绩不及预期,强美元下冲掉6亿利润" src="http://img.readke.com/220727/194ZH559-0-lp.png"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/836242.html" title="微软|微软2022财年业绩不及预期,强美元下冲掉6亿利润">微软|微软2022财年业绩不及预期,强美元下冲掉6亿利润</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>