HTML基础入门30分钟搞清楚.docx
《HTML基础入门30分钟搞清楚.docx》由会员分享，可在线阅读，更多相关《HTML基础入门30分钟搞清楚.docx（18页珍藏版）》请在冰豆网上搜索。
HTML基础入门30分钟搞清楚
HTML
HTML
1、HTML的概述
1.1、HTML简介
●HTML（HyperTextMarkupLanguage）：
超文本标记语言。
文本:
记事本中写内容（仅仅用来展示信息的）
超文本：
超越了文本的范畴
语言：
沟通工具
>标记就是标签
>HTML不是一种编程语言，而是一种标记语言
●作用：
*就是用来写网页的
1.2、HTML的书写规范
a）.HTML的创建
可以使用文本编辑器来创建，扩展名html或htm
可以被IE（浏览器）解析浏览的。
b）.HTML的结构
c）.Html标签的规范
*Html是由一对尖括号包裹着的关键字组成的。
例如：
*HTML标签都是预定义的，都是有自己的意思
*HTML通常是成对出现的，是由一个开始标签和一个结束标签组成的。
例如：
特殊情况：
HTML的空标签。
例如：
HTML的空标签就是没有内容体的标签。
*HTML标签通常是有属性的。
属性格式：
属性名=”属性值”可以用双引号、单引号或者不加引号。
建议使用引号的。
例如：
真晴朗
*HTML是可以嵌套使用的。
（只允许包裹嵌套，不允许交叉嵌套）
*HTML是大小写不敏感的。
推荐使用小写
*浏览器解析HTML代码会忽略代码中的空格和换行
2、HTML的基本标签（链接标签、表格标签）
2.1、文件标签（了解）
●标签
相当于JAVA类中的大括号
声明了该文档是一个HTML文档。
包裹了整个HTML文件
●
标签
网页的说明信息。
它里面的内容是不会显示。
●
标签</p><p>它是网页的标题</p><p>●<body>标签</p><p>负责显示页面的</p><p>它里面的内容是会显示的</p><p>*属性：</p><p>>text设置body标签内容体中正文的颜色</p><p>>background设置body背景图片background和bgcolor相互覆盖的</p><p>>bgcolor设置body的背景颜色</p><p>扩展：</p><p>1、HTML的颜色设置（美工部分知识，了解）</p><p>●颜色关键字例如：</p><p>red,blue,pink</p><p>●颜色代码。</p><p>例如：</p><p>#000000。</p><p>每一位都是16进制。</p><p>红色、绿色、蓝色0~9A~F</p><p>●三原色。</p><p>Redgreenblue例如：</p><p>rgb（0,0,0）每一位取值0~255</p><p>2、绝对路径和相对路径（重要）</p><p>绝对路径：</p><p>文件在硬盘上的具体位置。</p><p>相对路径：</p><p>文件相对于引入者的位置。</p><p>（文件相当于图片，引入者HTML）</p><p>/和\均可</p><p>这两个使用效果上什么区别都没有</p><p>只是\还代表转译</p><p>2.2、排版标签（了解）</p><p>●<br/>标签</p><p>*就是一个换行</p><p>● 空格占位符</p><p>*是一个空格</p><p>●HTML注释</p><p>*格式：</p><p><!</p><p>--注释内容--></p><p>●<p>标签</p><p>*就是一个段落标签。</p><p>段前段后各加一行</p><p>*属性：</p><p>>align设置段落的对齐方式</p><p>●<hr/>标签（少）</p><p>*就是一条水平线</p><p>*属性：</p><p>>color设置水平线的颜色</p><p>>size设置水平线的粗细</p><p>>width设置水平线的长度</p><p>扩展：</p><p>1、HTML长度设置（美工部分知识，了解）</p><p>像素：</p><p>width=”6”或者width=”6px”长度是固定</p><p>百分比：</p><p>width=”80%”.它会随着浏览器改变而改变长度是不固定</p><p>2.3、块标签（熟练）</p><p>●<div></p><p>在文档中设定一个块区域</p><p>块级元素（自动换行）</p><p>●<span></p><p>在行内设定一个块区域</p><p>内联元素（不自动换行）</p><p>HTML绝大多数都属于块级元素或者内联元素</p><p>2.4、字体标签（少）（了解）</p><p>●<font>标签（少）</p><p>*设置字体的大小、颜色、字体类型</p><p>*属性：</p><p>>color设置字体颜色</p><p>>size设置字体大小取值范围1~7</p><p>>face设置字体类型。</p><p>●标题标签</p><p>*h1~h6</p><p>*h1最大，h6最小</p><p>●斜体、粗体标签</p><p>*斜体标签<i></i></p><p>*粗体标签<b></b></p><p>●滚动字幕（了解）</p><p>（marquee标签）</p><p>*只兼容IE，所以不建议使用</p><p>2.5、列表标签（熟练）</p><p>●有序列表（ol标签）（使用较少）</p><p>*属性</p><p>>type设置有序列表的项目序号。</p><p>A,I,1</p><p>>start设置有序列表的项目序号起始值。</p><p>●无序列表（ul标签）（常用）</p><p>*属性：</p><p>>type设置无序列表的项目标号。</p><p>●列表项条目（li标签）</p><p>1.Android</p><p>2.Ios</p><p>3.J2ee</p><p>2.6、图片标签（熟练）</p><p>●<img/></p><p>*属性：</p><p>>src设置图片引入路径的（常用）</p><p>>alt设置替代图片的文字（常用）</p><p>>width设置图片的宽度</p><p>>height设置图片的高度</p><p>>border设置图片的相框宽度</p><p>>align设置图片的对齐方式（不建议使用）</p><p>2.7、链接标签（重点）</p><p>超链接</p><p>●<a>标签</p><p>*属性：</p><p>>href设置链接路径（常用）</p><p>访问内网：</p><p>可以用相对路径和绝对路径（#代表本页）</p><p>访问外网：</p><p>需要加上http协议。</p><p>例如：</p><p>>name设置锚点（常用）</p><p>配合herf使用</p><p>设置锚点，a标签可以没有内容体</p><p>>target定位资源打开位置。</p><p>一般可以配合框架使用。</p><p>例如：</p><p><ahref=”xx.html”target=”top”>打开</a></p><p><framename=”top”/></p><p>那么就是在名字为top的框架中打开。</p><p> </p><p>*注：</p><p>如果要实现跳转链接，那么必须有内容有href属性。</p><p>例如：</p><p><a>内容</a></p><p>2.8、表格标签（重点）</p><p>表格用来规范化格式化数据。</p><p>年度财务报表</p><p>部门</p><p>第一季度</p><p>第二季度</p><p>平均</p><p>A</p><p>100</p><p>100</p><p>100</p><p>B</p><p>100</p><p>100</p><p>总共</p><p>400</p><p>●表格标签</p><p>*table,用来定义一个表格</p><p>●行标签</p><p>*tr，用来定义一个表格内的行</p><p>●单元格标签</p><p>*td，用来定义一个单元格。</p><p>*th，用来定义一个表头单元格。</p><p>默认居中加粗</p><p>*td及th属性：</p><p>>colspan列合并（不同列的单元格合并）</p><p>>rowspan行合并（不同行的单元格合并）</p><p>●表格标题标签</p><p>*caption，用来定义一个表格标题</p><p>*必须紧跟在table标签之后.一个表格只有一个标题</p><p>●分组标签（了解）</p><p>*对表格中的行进行分组</p><p>*thead定义表格的页眉。</p><p>仅有一个</p><p>*tbody定义表格的主体。</p><p>一个或多个</p><p>*tfoot定义表格的页脚。</p><p>仅有一个</p><p>*如果在分组标签外定义了行，那么行默认属于TBODY</p><p>*分组标签如果使用必须三个一起使用，否则无效果。</p><p>*如果没有没有对表格行进行分组，火狐浏览器在解析时会自动为表格进行分组，所有的表格行自动划分进一个tbody中</p><p>分行下载：</p><p>可以控制表格分行下载，从而提高下载速度。</p><p>在需要分行下载处加上<tbody>和</tbody>。</p><p>公司年度报告</p><p>第一季度</p><p>第二季度</p><p>平均</p><p>100</p><p>100</p><p>100</p><p>100</p><p>100</p><p>400</p><p>3、HTML的表单标签（重点）</p><p>作用：</p><p>表单用来提交用户输入的数据，整个WEB程序的入口。</p><p>表单由：</p><p>表单和表单输入项组成。</p><p>3.1、表单标签</p><p>*<form>,就定义了一个表单</p><p>*常用属性：</p><p>>action规定当提交表单时，向何处发送表单数据。</p><p>默认向本页（#）提交</p><p>向内网提交：</p><p>相对路径和绝对路径</p><p>向外网提交：</p><p>加http:</p><p>//</p><p>例如：</p><p>>method规定如何发送表单数据</p><p>post和get</p><p>默认是get</p><p>*表单提交的数据格式：</p><p>●参数名=参数值</p><p>●参数之间用&符号链接</p><p>面试题：</p><p>表单提交post和get的区别？</p><p>1、get方式提交会把参数显示在地址栏</p><p>post方式提交不会把参数显示在地址栏上。</p><p>（请求体中）</p><p>2、get方式敏感信息不安全</p><p>post方式敏感信息安全</p><p>3、get方式提交，官方限制提交大小仅1KB（但多数浏览器可以提交2KB）</p><p>post方式提交，提交大数据。</p><p>（上传文件）</p><p>3.2、输入框标签</p><p>*<input>标签，定义了一个表单的输入项，用来接收用户输入的信息。</p><p>*属性：</p><p>>type指定输入项标签的类型，不同类型的输入标签样子不同</p><p>文本框text。</p><p>输入的文本信息直接显示在框中。</p><p>（默认）</p><p>密码框password。</p><p>输入的文本以原点或者星号的形式显示。</p><p>非明文</p><p>单选框radio如：</p><p>性别选择。</p><p>复选框checkbox如：</p><p>兴趣选择。</p><p>提交按钮submit用于提交表单中的内容。</p><p>重置按钮reset将表单中填写的内容设置为初始值</p><p>附件框file后期扩展内容，会自动生成一个文本框，和一个浏览按钮。</p><p>例如：</p><p>照片</p><p>隐藏字段hidden在页面上不显示，但在提交的时候随其他内容一起提交。</p><p>例如：</p><p>用户编号</p><p>按钮button可以为其自定义事件（JS知识中会讲）。</p><p>图片提交按钮image是一个图片形式的提交按钮。</p><p>用来美化提交按钮的。</p><p>提交表单数据时，会将鼠标点击图片的坐标一起封装。</p><p>较少使用</p><p>>name设置表单输入项提交时的参数名称</p><p>>value1、设置表单输入项提交时的参数值</p><p>2、设置按钮的显示名字。</p><p>>checked仅用来设置单选框或者多选框的默认勾选。</p><p>值为checked为默认选中</p><p>>src设置当input的type=”image”时，图片的引入路径</p><p>注：</p><p>单选框和复选框在必须设置如下项：</p><p>1、必须根据name属性进行分组</p><p>2、必须指定value值</p><p>3.3、选择框标签</p><p>*<select>标签，定义了一个选择框标签</p><p>*属性：</p><p>>name设置表单输入项提交时的参数名称。</p><p>>multiple用来设置选择框为多选形式（仅有一个值multiple）</p><p>*<option>标签，定义了一个选择框条目标签</p><p>*属性：</p><p>>value设置表单输入项提交时的参数值。</p><p>>selected用来设置选择框的默认选中。</p><p>值为selected为默认选中</p><p>3.4、文本域标签</p><p>*<textarea>标签，定义一个文本域输入框</p><p>*属性：</p><p>>name用来指定文本域的名称，即参数名</p><p>>cols定义文本域显示几列</p><p>>rows定义文本域显示几行</p><p>和<inputtype=“text”/>区别：</p><p>1、文本域可以换行，而文本框不可以</p><p>2、文本域的值是写在内容体中，文本框的值是在value中</p><p>表单由表单标签、表单输入项标签</p><p><form>定义一个表单</p><p>属性：</p><p>action规定表单向何处</p><p>内网提交：</p><p>提交到本页：</p><p>#默认值</p><p>相对路径和绝对路径</p><p>外网提交：</p><p>（少）</p><p>HTTP协议</p><p>method规定了表单以何种方式提交</p><p>get参数列表放在地址栏上默认提交方式</p><p>post参数列表没有放在地址栏上（放在了请求体）</p><p>get和post方式提交表单有哪些区别呢？</p><p>1、get方式参数列表放在地址栏上</p><p>post方式没有把参数列表放在地址栏上（请求体）</p><p>2、get方式敏感信息不安全</p><p>post方式敏感信息相对安全</p><p>3、get方式提交的参数列表是有大小限制的官方1KB</p><p>post方式提交的参数列表大小无限制。</p><p>提交大数据（电影、文件）</p><p>表单的输入项：</p><p><input>定义一个输入项标签</p><p>属性：</p><p>type设置输入项是什么样子</p><p>>text默认值。</p><p>文本框</p><p>>password密码框。</p><p>非明文的</p><p>>radio单选框如果用户不输入，必须手动给设定参数值。</p><p>否则默认都是on</p><p>1、对单选框进行分组（name属性）</p><p>2、必须指定参数值（value属性）</p><p>>checkbox多选框/复选框</p><p>1、对多选框进行分组（name属性）</p><p>2、必须指定参数值（value属性）</p><p>>file附件框（后面上传下载说）</p><p>>submit提交按钮，负责用来提交表单的</p><p>>reset重置按钮。</p><p>把表单恢复成默认的状态</p><p>>hidden隐藏域用来提交用户不需要知道，但是服务器需要知道的数据（用户ID）</p><p>>image图形化的提交按钮。</p><p>除了正常提交表单数据外，还会提交点击图片的坐标</p><p>>button按钮。</p><p>必须绑定事件（JS事件）</p><p>name1、可以对单选框和多选框进行分组</p><p>2、还是表单数据的参数名</p><p>value1、表单输入项设置参数值</p><p>2、改变按钮的名称</p><p>checked设置单选框或多选框的默认选中</p><p>值"checked"默认选中</p><p>src仅仅是type="image"时候，设置图片的路径</p><p>------------------------------------------------</p><p><select>定义一个选择框标签</p><p>属性：</p><p>name设置选择框的参数名</p><p>multiple设置选择框为多选状态</p><p><option>定义一个选择框的选项</p><p>属性：</p><p>value设置选项的参数值</p><p>如果没有设置VALUE属性，默认把option的内容体当做参数值提交（URL编码）</p><p>selected设置选项的默认选中</p><p>值“selected”默认选中</p><p>&city=%E4%B8%8A%E6%B5%B7</p><p>上海</p><p>URL编码编码成%16进制位</p><p>目的：</p><p>保证数据的完整性</p><p>扩展：</p><p>-----------------------------------------------</p><p><textarea>定义一个文本域标签</p><p>属性：</p><p>name设置文本域的参数名</p><p>cols列</p><p>rows行</p><p>textarea是没有value属性的，参数值是写在内容体中</p><p>文本域和文本框的区别？</p><p>1、文本域的参数值在内容体中。</p><p>文本框的参数值在value属性中</p><p>2、文本域可以换行，文本框不能换行</p><p>----------------------------------------------</p><p>?</p><p>后面表单的参数列表</p><p>参数名1=参数值&参数名2=参数值</p><p>?</p><p>sex=on</p><p>?</p><p>uname=zhangsan&pwd=123&sex=on</p><p>--></p><p>4、HTML的框架标签及特殊符号（了解）</p><p>4.1、其他标签</p><p>●<meta></p><p>*定义了页面信息</p><p>*存在于<head>标签中</p><p><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"></p><p>设置HTML文件的编码格式</p><p><metahttp-equiv="refresh"content="10;url="></p><p>能在预定秒数内自动转到指定的网址。</p><p>10表示10秒。</p><p>●<link></p><p>*定义了文档和外部资源的关系</p><p>*存在于<head>标签中</p><p>*格式：</p><p><linkrel="stylesheet"type="text/css"href="CSS文件路径"/></p><p>4.2、特殊符号</p><p>特殊符号</p><p>在HTML中的表示符号</p><p>备注</p><p> </p><p>不断行的空白符</p><p><</p><p><</p><p>小于号</p><p>></p><p>> </p><p>大于号</p><p>&</p><p>&</p><p>&符号</p><p>"</p><p>“</p><p>引号</p><p>®</p><p>®</p><p>已注册</p><p>©</p><p>©</p><p>版权</p><p>格式：</p><p>&特殊符号内容;</p><p>4.3、框架标签（了解）</p><p>作用：</p><p>将网页分割成几个部分，在每个部分分别显示不同内容。</p><p>●<frameset>标签</p><p>表示框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。</p><p>注：</p><p>框架标签不可以放到<body>里，一般为了代码的可读性，一般会用<frameset>替代<body>标签。</p><p>也可以放到<head>和<body>之间。</p><p>*常用属性：</p><p>>cols垂直切割。</p><p>接收整数值或百分比。</p><p>*代表占用剩余空间</p><p>>rows横向切割。</p><p>接收整数值或百分比。</p><p>*代表占用剩余空间</p><p>●<frame>标签</p><p>表示框架页面，用来承载页面，并修改参数属性值</p><p>*常用属性：</p><p>>src表示资源的路径</p><p>>name设置框架的名称</p><p>例如<framename=“top”/><ahref=“xx.html”target=“top”>top中打开</a>。</p><p>那么xx.html是在top框架中打开</p><p>框架已经逐渐被DIV+CSS形式取代</p><p>练习</p><p>1、简述get和post提交方式的区别</p><p>2、用table和form组合在一起写一个注册表单。</p><p>要求提交到本页，用get方式即可。</p><p>（form嵌套table）</p><p>3、DIV和SPAN的区别</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 = "30660084";
var total_page = "18";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/30660084.html';
}
function relate() {
var reltop = $('#relate').offset().top-50;
$("html,body").animate({ scrollTop: reltop }, 500);
}
</script>
<script> var pre = "https://file1.bdocx.com/fileroot1/2023-8/19/635dddad-3006-4615-b1d3-b029c6568b13/635dddad-3006-4615-b1d3-b029c6568b13";
var freepage = parseInt('18');
var total_c = parseInt('18');
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;13;14;15;16;17;";
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基础入门30分钟搞清楚.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="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873361.html" title="构建教学评价体系-提升学生科学素养.doc">构建教学评价体系-提升学生科学素养.doc</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872795.html" title="全国通用小升初英语复习大全-(共39张PPT).ppt">全国通用小升初英语复习大全-(共39张PPT).ppt</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872746.html" title="急救流程图(全集).doc">急救流程图(全集).doc</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872591.html" title="小学生心理健康教案一年级下册(福建).doc">小学生心理健康教案一年级下册(福建).doc</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872427.html" title="品牌合作合同.doc">品牌合作合同.doc</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872420.html" title="一文带你了解!普通框架眼镜、角膜塑形镜(OK镜).doc">一文带你了解!普通框架眼镜、角膜塑形镜(OK镜).doc</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872414.html" title="《培训与开发》试题.doc">《培训与开发》试题.doc</a>
</li><li><em class="pdf"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872244.html" title="多功能仪表使用说明书.pdf">多功能仪表使用说明书.pdf</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871898.html" title="医疗不良事件培训课件.ppt">医疗不良事件培训课件.ppt</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871198.html" title="农业生态学全套精品课件.ppt">农业生态学全套精品课件.ppt</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="docx"></em>
<a href="https://m.bdocx.com/doc/10850699.html" target="_parent" title="北师大版小学四年级上册语文全册教案第二单元.docx">北师大版小学四年级上册语文全册教案第二单元.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850700.html" target="_parent" title="执法证工商考试题3含参考答案.docx">执法证工商考试题3含参考答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850701.html" target="_parent" title="高考英语阅读理解精英练习题10及答案.docx">高考英语阅读理解精英练习题10及答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850702.html" target="_parent" title="牛津版高二英语下学期unit1练习题2精.docx">牛津版高二英语下学期unit1练习题2精.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850703.html" target="_parent" title="高考词汇3500汇编AZ练习题.docx">高考词汇3500汇编AZ练习题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850704.html" target="_parent" title="石塑地板生产项目可行性研究报告.docx">石塑地板生产项目可行性研究报告.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850705.html" target="_parent" title="班级控辍工作计划.docx">班级控辍工作计划.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850706.html" target="_parent" title="动力电池详解.docx">动力电池详解.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/10850707.html" target="_parent" title="高考地理百道选择题专练.docx">高考地理百道选择题专练.docx</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=%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=%e5%85%a5%e9%97%a8">入门</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=30">30</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%88%86%e9%92%9f">分钟</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%90%9e%e6%b8%85%e6%a5%9a">搞清楚</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00017.html">小学教育</a><span> > </span><a href="https://m.bdocx.com/booklist-0001700006.html">小学作文</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=oDtHhb1pYIZcjKGu8ORvkQ%3d%3d&parto=XXwXyJAgdCFrz3%2fuMWwypkcwsbEQJyduTmyROujA45awI5JgTS4w499yBgPm3PVePDoL0hU%2f2JiAiFc6olGNp3C70cyWXbHPOjfZZIEoAoaPWkZYHhaq5k8vKcTVmndUSFk%2frUmsfn8EYdpqzUg69R6xYJzUiN3LcPe8D5T64pDvQXPSFmBgH%2bqu6EDH9P3PoVUki4RqRQkHSLD8ljMUaFPFU%2bbEmN1Q" 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/30660084.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1727975926', // 必填，生成签名的时间戳
nonceStr: 'F7664060CC52BC6F3D620BCEDC94A4B6', // 必填，生成签名的随机串
signature: 'c19cfde04829b46df4d219b047cc52a8ce6c304b',// 必填，签名，见附录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/30660084.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1727975926', // 必填，生成签名的时间戳
nonceStr: 'F7664060CC52BC6F3D620BCEDC94A4B6', // 必填，生成签名的随机串
signature: 'c19cfde04829b46df4d219b047cc52a8ce6c304b',// 必填，签名，见附录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>