HTML+CSS基础知识点.docx

上传人:b****6 文档编号:5172141 上传时间:2022-12-13 格式:DOCX 页数:13 大小:152.73KB
下载 相关 举报
HTML+CSS基础知识点.docx_第1页
第1页 / 共13页
HTML+CSS基础知识点.docx_第2页
第2页 / 共13页
HTML+CSS基础知识点.docx_第3页
第3页 / 共13页
HTML+CSS基础知识点.docx_第4页
第4页 / 共13页
HTML+CSS基础知识点.docx_第5页
第5页 / 共13页
点击查看更多>>
下载资源
资源描述

HTML+CSS基础知识点.docx

《HTML+CSS基础知识点.docx》由会员分享,可在线阅读,更多相关《HTML+CSS基础知识点.docx(13页珍藏版)》请在冰豆网上搜索。

HTML+CSS基础知识点.docx

HTML+CSS基础知识点

HTML+CSS笔记

1.学习web前端开发基础技术需要掌握:

HTML、CSS、JavaScript语言。

(1)HTML是网页内容的载体。

内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

(2) CSS样式是表现.就像网页的外衣。

比如,标题字体、颜色变化,或为标题加入背景图片、边框等。

所有这些用来改变内容外观的东西称之为表现。

(3)JavaScript是用来实现网页上的特效效果。

如:

鼠标滑过弹出下拉菜单。

或鼠标滑过表格的背景颜色改变。

还有焦点新闻(新闻图片)的轮换。

可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

2.添加样式如:

h1{

font—size:

12px;

color:

#930;

text—align:

center;

}

〈/style〉

3.

(1)

〈p>我的第二个段落

(2)标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:

,那么〈/p〉必须放在

4.

(1)〈html〉中.

(2)〈head〉标签用于定义文档的头部,它是所有头部元素的容器。

头部元素有、〈link〉、 〈meta〉等标签

(3)在和标签之间的内容是网页的主要内容,如

、〈p>、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

5。

head部分的标签

〈head>

。</p><p>。</p><p>。</p><p></title〉</p><p>〈meta〉</p><p>〈link〉</p><p>〈style〉。</p><p>..</style></p><p>〈script>。</p><p>.。</p><p>〈/script></p><p></head〉</p><p>6。</p><p>〈!</p><p>——注释文字—-></p><p>7。</p><p><em〉需要强调的文本〈/em>,在浏览器中<em〉默认用斜体表示</p><p>〈strong〉需要强调的文本〈/strong〉,<strong〉用粗体表示:</p><p>一个想要成名名叫〈strong>尼克•卡拉威〈/strong>(托比•马奎尔TobeyMaguire饰)的作家</p><p>8。</p><p>强调标签比较</p><p><em〉和〈strong〉标签是为了强调一段话中的关键字时使用,它们的语义是强调。</p><p>〈span〉标签是没有语义的,它的作用就是为了设置单独的样式用的。</p><p>注:</p><p><style〉</p><p>span{color:</p><p>blue;}</style></p><p>9.<q>标签,短文本引用<q>引用文本</q></p><p>“庄生晓梦迷蝴蝶.望帝春心托杜鹃.”这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》。</p><p>因为不是作者自己的文字,所以需要使用<q></q〉实现引用.</p><p>注意:</p><p>要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。</p><p>〈q>庄生晓梦迷蝴蝶.望帝春心托杜鹃。</p><p></p〉</p><p>10.〈blockquote〉标签,长文本引用〈blockquote〉引用文本〈/blockquote〉</p><p>11。</p><p>使用〈br/〉标签分行显示文本</p><p>需要加回车换行的地方加入〈br/〉,<br/〉标签作用相当于word文档中的回车</p><p>〈p〉暗淡轻黄体性柔,〈br/></p><p>情疏迹远只香留。</p><p><br/></p><p>何须浅碧深红色,<br/></p><p>自是花中第一流.</p〉</p><p><br/>标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有〈br/〉、〈hr/〉和<img/〉。</p><p>总结:</p><p>在html代码中输入回车、空格都是没有作用的。</p><p>在html文本中想输入回车换行,就必须输入<br/>。</p><p>11。</p><p>空格:</p><p>要想输入空格,必须写入 语法:</p><p> ;</p><p>12。</p><p>认识〈hr>标签,添加水平横线</p><p>13.〈address〉标签,为网页加入地址信息</p><p><address>联系地址信息〈/address></p><p>14。</p><p>使用〈code〉加入一行代码</p><p><code>代码语言</code〉;</p><p>注:</p><p>如果是多行代码,可以使用<pre〉标签。</p><p>〈pre〉语言代码段〈/pre></p><p><pre〉标签的主要作用:</p><p>预格式化的文本。</p><p>被包围在pre元素中的文本通常会保留空格和换行符。</p><p>15。</p><p>使用ul,添加信息列表(无序列表):</p><p>如下图</p><p><ul></p><p><li〉信息</li></p><p>〈li>信息</li〉</p><p>。</p><p>.。</p><p>.。</p><p>。</p><p>〈/ul></p><p>ul-li在网页中显示的默认样式一般为:</p><p>每项li前都自带一个圆点</p><p>16。</p><p>使用〈ol>制作有序列表如下图:</p><p>〈ol〉</p><p><li>信息</li></p><p><li>信息〈/li〉</p><p>...。</p><p>..</p><p>〈/ol〉</p><p>17.<div〉板块</p><p><div.id="版块名称">…〈/div></p><p>18。</p><p>认识table标签,认识网页上的表格</p><p>创建表格的四个元素:</p><p>table、tbody、tr、th、td</p><p>(1)〈table〉…〈/table>:</p><p>整个表格以<table>标记开始、</table>标记结束。</p><p>(2)〈tbody>…〈/tbody〉:</p><p>当表格内容非常多时,表格会下载一点显示一点,但如果加上〈tbody〉标签后,这个表格就要等表格内容全部下载完才会显示。</p><p>如右侧代码编辑器中的代码。</p><p>(3)〈tr>…</tr>:</p><p>表格的一行,所以有几对tr表格就有几行。</p><p>(4)〈td〉…</td>:</p><p>表格的一个单元格,一行中包含几对〈td>.。</p><p>.</td>,说明一行中就有几列。</p><p>(5)<th〉…</th〉:</p><p>表格的头部的一个单元格,表格表头。</p><p>(6)表格中列的个数,取决于一行中数据单元格的个数.</p><p>19。</p><p>caption标签,为表格添加标题和摘要</p><p>摘要:</p><p>摘要的内容是不会在浏览器中显示出来的。</p><p>它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。</p><p>标题:</p><p>用以描述表格内容,标题的显示位置:</p><p>表格上方。</p><p>语法:</p><p>〈tablesummary=”表格简介文本”></p><p>〈caption〉标题文本〈/caption〉</p><p>20.使用〈a〉标签,链接到另一个页面</p><p>语法:</p><p>〈ahref="目标网址"title="鼠标滑过显示的文本”>链接显示的文本</a></p><p>例如:</p><p>〈ahref="”title="点击进入慕课网”〉clickhere!</p><p></a〉</p><p>上面例子作用是单击clickhere!</p><p>文字,网页链接到http:</p><p>//这个网页。</p><p>title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容</p><p>21.在新建浏览器窗口中打开链接</p><p><a〉标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。</p><p>如下代码:</p><p>〈ahref=”目标网址” target=”_blank">clickhere!</p><p>〈/a></p><p>22.使用mailto在网页中链接Email地址</p><p><a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。</p><p>我们还可以利用mailto做许多其它事情。</p><p>下面一一进行讲解,请看详细图示:</p><p>注意:</p><p>如果mailto后面同时有多个参数的话,第一个参数必须以“?</p><p>”开头,后面的参数每一个都以“&”分隔。</p><p>下面是一个完整的实例:</p><p>23。</p><p>认识〈img>标签,为网页插入图片</p><p>语法:</p><p><imgsrc="图片地址”alt=”下载失败时的替换文本”title="提示文本”></p><p>举例:</p><p><imgsrc=”myimage。</p><p>gif"alt="MyImage"title="MyImage”/〉</p><p>讲解:</p><p>1、src:</p><p>标识图像的位置;</p><p>2、alt:</p><p>指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;</p><p>3、title:</p><p>提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);</p><p>4、图像可以是GIF,PNG,JPEG格式的图像文件。</p><p>24。</p><p>使用表单标签,与用户交流</p><p>语法:</p><p>〈formmethod="传送方式"action="服务器文件”〉</p><p>讲解:</p><p>1。</p><p>〈form>:</p><p>〈form〉标签是成对出现的,以<form>开始,以〈/form〉结束.</p><p>2.action :</p><p>浏览者输入的数据被传送到的地方,比如一个PHP页面(save。</p><p>php)。</p><p>3.method :</p><p> 数据传送的方式(get/post)。</p><p><formmethod=”post”action=”save.php”></p><p><labelfor=”username”〉用户名:</p><p></label〉</p><p><inputtype=”text”name=”username”/〉</p><p><labelfor="pass”〉密码:</p><p>〈/label></p><p><inputtype=”password"name=”pass"/></p><p></form></p><p>注意:</p><p>1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form〉〈/form>标签之间(否则用户输入的信息可提交不到服务器上哦!</p><p>)</p><p>2、method:</p><p>post/get的区别这一部分内容属于后端程序员考虑的问题</p><p>注:</p><p>Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法.</p><p>二者主要区别如下:</p><p>1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?</p><p>”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。</p><p>如下形式:</p><p>    http:</p><p>//www.imooc。</p><p>com/test.asp?</p><p>name=lilian&password=12345678</p><p>2、Get是不安全的,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。</p><p>3、Get方式传输的数据量非常小,一般限制在2KB左右,但是执行效率却比Post方法好;而Post方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用Request.Form()可接收的最大数据有限制,IIS4中为80KB字节,IIS5中为100KB字节.</p><p>综上所述,请尽量用Post方法。</p><p>25.文本输入框,密码输入框</p><p>语法:</p><p>〈form></p><p><inputtype=”text/password”name=”名称”value="文本"/></p><p>〈/form〉</p><p>1、type:</p><p>  当type="text"时,输入框为文本输入框;</p><p>  当type="password”时, 输入框为密码输入框。</p><p>2、name:</p><p>为文本框命名,以备后台程序ASP、PHP使用。</p><p>3、value:</p><p>为文本输入框设置默认值。</p><p>(一般起到提示作用)</p><p>举例:</p><p><form></p><p>姓名:</p><p>〈inputtype="text"name=”myName"></p><p><br/〉</p><p>密码:</p><p>〈inputtype=”password”name="pass"〉</p><p>〈/form〉</p><p>26。</p><p>文本域,支持多行文本输入</p><p>语法:</p><p>〈textarearows=”行数"cols=”列数”>文本〈/textarea〉</p><p>1、<textarea>标签是成对出现的,以<textarea〉开始,以〈/textarea>结束.</p><p>2、cols:</p><p>多行输入域的列数。</p><p>3、rows:</p><p>多行输入域的行数。</p><p>4、在〈textarea〉〈/textarea〉标签之间可以输入默认值。</p><p>举例:</p><p>〈formmethod=”post"action=”save.php”></p><p>〈label〉联系我们</label〉</p><p>〈textareacols="50”rows=”10”〉在这里输入内容.。</p><p>.</textarea></p><p></form></p><p>27.使用单选框,复选框,让用户选择</p><p>html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选</p><p>语法:</p><p><inputtype="radio/checkbox”value="值”name="名称”checked=”checked”/〉</p><p>1、type:</p><p>当 type="radio" 时,控件为单选框</p><p>当 type=”checkbox" 时,控件为复选框</p><p>2、value:</p><p>提交数据到服务器的值(后台程序PHP使用)</p><p>3、name:</p><p>为控件命名,以备后台程序ASP、PHP使用</p><p>4、checked:</p><p>当设置checked=”checked”时,该选项被默认选中</p><p>注意:</p><p>同一组的单选按钮,name取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。</p><p>28.使用下拉列表框,节省空间</p><p>讲解:</p><p>1、value:</p><p>2、selected="selected”:</p><p>设置selected="selected”属性,则该选项就被默认选中.</p><p>29.使用下拉列表框进行多选</p><p>下拉列表也可以进行多选操作,在〈select>标签中设置multiple=”multiple"属性,就可以实现多选功能,在widows操作系统下,进行多选时按下Ctrl键同时进行单击(在Mac下使用 Command +单击),可以选择多个选项。</p><p>如下代码:</p><p>30.使用提交按钮,提交数据</p><p>语法:</p><p>〈inputtype=”submit"value=”提交"></p><p>type:</p><p>只有当type值设置为submit时,按钮才有提交作用</p><p>value:</p><p>按钮上显示的文字</p><p>注:</p><p>在type中只有submit是用来提交表单的,button只是一个按钮。</p><p>.。</p><p>不能提交表单.</p><p>31.使用重置按钮,重置表单信息</p><p>当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态.只需要把type设置为”reset”就可以</p><p>语法:</p><p>〈inputtype="reset”value="重置"></p><p>type:</p><p>只有当type值设置为reset时,按钮才有重置作用</p><p>value:</p><p>按钮上显示的文字</p><p>32.form表单中的label标签</p><p>语法:</p><p><labelfor=”控件id名称"〉</p><p>注意:</p><p>标签的 for属性中的值应当与相关控件的 id属性值一定要相同。</p><p>32。</p><p>认识CSS样式</p><p>CSS全称为“层叠样式表(CascadingStyleSheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。</p><p>如下列代码:</p><p>p{</p><p>font-size:</p><p>12px;</p><p>color:</p><p>red;</p><p>font-weight:</p><p>bold;</p><p>}</p><p>33。</p><p>CSS注释代码</p><p>用/*注释语句*/来标明(Html中使用〈!</p><p>——注释语句-—>)</p><p>34。</p><p>CSS代码语法</p><p>css样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:</p><p>选择符:</p><p>又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响.</p><p>声明:</p><p>在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:</p><p>”分隔.当有多条声明时,中间可以英文分号“;"分隔,如下所示:</p><p>p{font-size:</p><p>12px;color:</p><p>red;}</p><p>注意:</p><p>1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。</p><p>2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:</p><p>p{</p><p>font-size:</p><p>12px;</p><p>color:</p><p>red;</p><p>}</p><p>35.内联式CSS样式,直接写在现有的HTML标签中</p><p>从CSS样式代码插入的形式来看基本可以分为以下3种:</p><p>内联式、嵌入式和外部式三种。</p><p>这一小节先来讲解内联式。</p><p>内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:</p><p>〈pstyle="color:</p><p>red”〉这里文字是红色.</p></p><p>注意要写在元素的开始标签里,下面这种写法是错误的:</p><p><p〉这里文字是红色.〈/pstyle="color:</p><p>red"〉</p><p>并且css样式代码要写在style=””双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。</p><p>如下代码:</p><p>〈pstyle="color:</p><p>red;font-size:</p><p>12px”>这里文字是红色。</p></p><p>36.内联式css样式,直接写在现有的HTML标签中</p><p>内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:</p><p><pstyle=”color:</p><p>red”>这里文字是红色.〈/p〉</p><p>注意要写在元素的开始标签里,下面这种写法是错误的:</p><p>〈p>这里文字是红色。</p><p></pstyle="color:</p><p>red”〉</p><p>并且css样式代码要写在style=”"双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开.如下代码:</p><p>〈pstyle=”color:</p><p>red;font-size:</p><p>12px”〉这里文字是红色。</p><p>〈/p></p><p>37.嵌入式css样式,写在当前的文件中</p><p>嵌入式css样式,就是可以把css样式代码写在<styletype=”text/css”></style>标签之间。</p><p>如下面代码实现把三个<span〉标签中的文字设置为红色:</p><p><styletype="text/css”〉</p><p>span{</p><p>color:</p><p>red;</p><p>}</p><p>〈/style〉</p><p>嵌入式css样式必须写在<style〉</style〉之间,并且一般情况下嵌入式css样式写在<head〉</head>之间。</p><p>38.外部式css样式,卸载单独的一个文件中</p><p>外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在〈head〉内(不是在〈style>标签内)使用〈link〉标签将css样式文件链接到HTML文件内,如下面代码:</p><p>〈linkhref="base.css"rel=”stylesheet"type=”text/css"/></p><p>注意:</p><p>1、css样式文件名称以有意义的英文字母命名,如main.css。</p><p>2、rel="stylesheet”type=”text/css"是固定写法不可修改。</p><p>3、〈link>标签位置一般写在<head〉标签之内.</p><p></p> </div> <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div> <script> function showmore() { $(".readmore").hide(); $(".detail-article").css({ "height":"auto", "overflow": "hidden" }); } $(document).ready(function() { var dh = $(".detail-article").height(); if(dh >100) { $(".detail-article").css({ "height":"100px", "overflow": "hidden" }); } else { $(".readmore").hide(); } }); </script> </div> <script> var defaultShowPage = parseInt("5"); var id = "5172141"; var total_page = "13"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/5172141.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <script> var pre = "https://file1.bdocx.com/fileroot1/2022-12/13/345eb91e-1354-4983-bf77-b047171c1fea/345eb91e-1354-4983-bf77-b047171c1fea"; var freepage = parseInt('13'); var total_c = parseInt('13'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;"; var end = start; function ShowSvg() { end = start + defaultShowPage; if (end > freepage) end = freepage; for (var i = start; i < end; i++) { var imgurl = pre + (i + 1) + '.gif'; var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"HTML+CSS基础知识点.docx_第" + (i + 1) + "页\" width='100%'/>"; $("#page").append("<div class='page'>" + html + "</div>"); $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1) { if(adindex > (adcount-1)) adindex = 0; $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>"); document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML; adindex += 1; } } start = end; if (start > (freepage - 1)) { if (start < total_c) { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页,到这儿已超出免费预览范围,如果喜欢就下载吧!"); } else { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页全部预览完了,如果喜欢就下载吧!"); } } } //$(document).ready(function () { // ShowSvg(); //}); </script> <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939587.html" title="中考语文复习教案全套Word文件下载.docx">中考语文复习教案全套Word文件下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939569.html" title="微博昵称大全精选600个Word文档下载推荐.docx">微博昵称大全精选600个Word文档下载推荐.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939567.html" title="高二下学期半期考试语文试题 含答案Word格式.docx">高二下学期半期考试语文试题 含答案Word格式.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939565.html" title="安吉汽车物流的运输方式及线路优化Word文件下载.docx">安吉汽车物流的运输方式及线路优化Word文件下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939475.html" title="正统道藏洞神部玉诀类道德真经指归 老子指归汉严遵Word格式.docx">正统道藏洞神部玉诀类道德真经指归 老子指归汉严遵Word格式.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939456.html" title="特殊符号大全Word下载.docx">特殊符号大全Word下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939372.html" title="葡萄酒文化6999904896Word文档下载推荐.docx">葡萄酒文化6999904896Word文档下载推荐.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939362.html" title="江阴职业技术学院Word格式文档下载.docx">江阴职业技术学院Word格式文档下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939326.html" title="《食品经营许可证》餐饮服务类延续办理指南Word文档下载推荐.docx">《食品经营许可证》餐饮服务类延续办理指南Word文档下载推荐.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939311.html" title="长输管道组装通用施工工艺Word文档下载推荐.docx">长输管道组装通用施工工艺Word文档下载推荐.docx</a> </li> </ul> </div> </div> <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199092.html" target="_parent" title="造价工程师《基础理论与相关法规》重点预习3_精品文档.doc">造价工程师《基础理论与相关法规》重点预习3_精品文档.doc</a></li> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199093.html" target="_parent" title="注册测绘师资格专试大纲_精品文档.doc">注册测绘师资格专试大纲_精品文档.doc</a></li> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199094.html" target="_parent" title="计量经济学期末考试题库完整版及答案_精品文档.doc">计量经济学期末考试题库完整版及答案_精品文档.doc</a></li> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199095.html" target="_parent" title="邮政业务试题基础知识_精品文档.doc">邮政业务试题基础知识_精品文档.doc</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/1199096.html" target="_parent" title="食堂采购库存流程图.docx">食堂采购库存流程图.docx</a></li> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199097.html" target="_parent" title="一整套施工现场安全管理方案_精品文档.doc">一整套施工现场安全管理方案_精品文档.doc</a></li> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199098.html" target="_parent" title="气候变化脆弱性概念及评价方法研究_精品文档.doc">气候变化脆弱性概念及评价方法研究_精品文档.doc</a></li> <li><em class="doc"></em> <a href="https://m.bdocx.com/doc/1199099.html" target="_parent" title="电火花作业指导书1_.doc">电火花作业指导书1_.doc</a></li> <li><em class="pptx"></em> <a href="https://m.bdocx.com/doc/1199100.html" target="_parent" title="延安精神及其时代价值.pptx">延安精神及其时代价值.pptx</a></li> </ul> </div> </div> <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 相关搜索</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=HTML">HTML</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=CSS">CSS</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%9f%ba%e7%a1%80">基础</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%9f%a5%e8%af%86%e7%82%b9">知识点</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00020.html">高等教育</a><span> > </span><a href="https://m.bdocx.com/booklist-0002000002.html">艺术</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=Xt%7cGL7p0DEk%3d&parto=Wvudki6%2b%2fKuxQbd0vpVv98jFbxnxh%2bknOtWpcJHvxHkwf9ldLeNtGFEd78rHSeSaPVIP38coRoOuPTU2LQqgdNCKSiOseeeq14nk3EugNUdkIfN%2fDEaVhcg%2fMLEa9uva7PbNU1CZoBTuxH5CUeoatB4DIgzOFNNI89J9XV4QfhquQecFPusRmRPVZddam1UPI1wtBDWjNK9srQdGs6XCdMEbyhFZZxe9" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script> </form> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li> <li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.bdocx.com/doc/5172141.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1720424649', // 必填,生成签名的时间戳 nonceStr: '8C19F571E251E61CB8DD3612F26D5ECF', // 必填,生成签名的随机串 signature: 'aeb4707c10bbfe898f0be7964c071e5169292450',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.bdocx.com/doc/5172141.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1720424649', // 必填,生成签名的时间戳 nonceStr: '8C19F571E251E61CB8DD3612F26D5ECF', // 必填,生成签名的随机串 signature: 'aeb4707c10bbfe898f0be7964c071e5169292450',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.bdocx.com/header.aspx"; $.get(url + "?t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>