1.学习前准备
既然想学习好H5，只是这样看是不够的，还需要动手练习，以及及时复习，所以我推荐几款软件来配合我们的学习。
1.1.Hbuilder
t010a12696849cae3d8
必备软件，学习H5的关键，你要学习一切一切的H5代码都需要他，当然你如果熟悉别的软件也可以。本小编比较熟悉的是这款软件，所以也就推荐你们使用，个人认为还是比较适合新手入门的。
1.2.有道云笔记
t014626cff9c80c0275
2.HTML基础
好了，做好之前的准备，那么我们就来正式了解一下HTML吧
2.1.什么是HTML
HTML是指超文本标记语言（Hyper Text Markup Language）。
HTML是一种用来编写网页的语言，使用浏览器将他翻译成相应的页面。
HTML并不是编程语言，他是一种标记语言。
3.HTML基础结构
HTML文档主要包括三大部分：
文档声明部分（文档开头第一行，表明文档版本）
头部部分（给浏览器的配置及给搜索引擎的信息）
主体部分。（网页的内容都在这）
t01ae5d571cdce828d8t019728b466ef228df6
4.
部分常用标签（必不可少）
（用于表述网页的元数据，及网页的基本信息）
4.1.
标签:</p><p></p><p>网页的标题，即网页选项卡上的文字</p><p>4.2.<link>标签:</p><p>使用Link标签链接网页标签</p><p></p><p>常用属性：</p><p>rel属性：声明链接文件的类型</p><p>type属性：可以省略</p><p>href属性：表示图片的路径地址</p><p>4.3.<meta>标签</p><p>描述文件类型和编码，搜索关键字和描述。</p><p>1.charseat：设置文档字符集编码格式。</p><p>2.HTTP-EQUIV：（将我们的信息写给浏览器看，让浏览器按里边的要求执行）</p><p>属性值：Content-type（文档类型）Refresh（网页定时刷新）set-cookie（设置缓存）</p><p></p><p>需配合content使用（http-equiv属性只表明设置哪部分，具体的设置内容放在content属性中）</p><p>3.name属性（写给搜索引擎）：使用方法同上，需掌握的属性值author（作者）keywords（关键字）description（网页描述）</p><p>4.content属性配合其他使用。</p><p>t01bd41293901e20af7</p><p>5.<body>部分常用标签（重点，最主要部分）</p><p>5.1.块级标签</p><p>t01a1940443d1e0ad32</p><p>t01a2c8c77e8f79c59c</p><p>2.基于布局的块级标签</p><p>t0139e20496a7f68e37</p><p>5.3.常见的行级标签</p><p>1.<span>（文本）：<span></span>(文本):无实际意义，用来包裹某部分文字，修改特定样式。</p><p>2.<q>（短引用）<q></q>（短引用）显示文字为“”引起来。</p><p>3.<small>（缩小字体）<small></small>（缩小字体）表示缩小字体，可以多层嵌套，直到字号最小。</p><p>4. <em>（强调） <strong>（强调）</p><p><i>（倾斜） <b>（加粗）</p><p>【Strong，em,b,i标签的区别】</p><p>1.Strong和em都表示强调，但是Strong是加粗，em是倾斜。</p><p>2.Strong和b都是加粗，em和i都能倾斜，但是Strong和em有强调含义。HTML5要求标签尽可能的实现语义化。</p><p>5.（超链接）</p><p>t01dded7983bbf99703</p><p>a.属性：</p><p>1）.href:可以是网络连接，也可以是本地文件。（路径确定同img ）</p><p>2）.target：超链接打开的位置，_self自身页面（默认）_blank 新页面1.href:可以是网络连接，也可以是本地文件。（路径确定同img ）</p><p>3）.title：鼠标之上后显示的文字。</p><p>4）.rel:指定当前文档与被连接文档的关系。"prev":被连接文档是前一篇，"next"：被连接文档是后一篇,（了解）"icon"图标"stylesheet"样式表，"prefetch"预加载。</p><p>b.锚链接</p><p>1.本页面锚链接：</p><p>a.设置锚点。</p><p>b.在超链接的href属性中，使用#name跳转到对应锚点</p><p>2.页面间锚链接： </p><p>a.在即将跳转的页面指定位置设置锚点。</p><p>b.在超链接的href属性中，使用页面地址.html#name跳到对应位置。</p><p>c.功能性连接： </p><p>1.mailto://763066931@qq.com 给指定邮箱发邮件</p><p>2.file:///f/ 打开指定文件。 </p><p>3.tencent://message/?uin=763066931 给指定qq发消息</p><p>6.<img />(图片)</p><p>t015c2eaf54ae7166b2</p><p>1).src:表示引用图片地址</p><p>2).height="100px"width="100px"图片的宽度高度，可以用css样式（style=""）代替。</p><p>3).title:图片的标题，鼠标指上后显示的文字。</p><p>4).alt:当图片无法加载时显示的文字。</p><p>5).align:设置图片周围文字相对于图片的位置，top center botton。</p><p></p><p>5.4.表格</p><p>表格：</p><p>表格的行：</p><p>表格的列：</p><p>表头：<th></th>:默认加粗，单元格居中。</p><p>常用属性：</p><p>1.border：给表格增加边框，当border属性增大时，只有外围框线增粗，中间框线不变</p><p>2.cellspacing：单元格与单元格之间的距离（默认一个像素），当cellspacing="0"，的时候，</p><p>只会是单元格间隙为0，但不会合并边线。(不常用)</p><p>【表格边框合并】使用style="border-collapse: collapse;无需再写cellspacing="0""</p><p>3.cellpadding:每个单元格内文字与边缘之间的距离</p><p>4.width height：表格的宽高（不常用）</p><p>5.align:表格的对齐方式。left center right调整表格在浏览器的位置，</p><p>相当于让表格浮动，会影响表格后边文字的排列方式（不常用）</p><p>6.bgcolor:背景色，等于style="backgroundcolor:"</p><p>7.background:背景图片 等同于 style = "background-image"且背景图会覆盖背景色</p><p>8.bordercolor:边框颜色。</p><p>--></p><p><!--相关的属性</p><p>1.width/height单元格的宽高，文字过多时，为显示文字，会失效。</p><p>2.bgcolor: 单元格的背景颜色。</p><p>3.align： left center right 单元格中的文字水平对齐方式。</p><p>4.valign：top center bottom 单元格中的文字垂直对齐方式。</p><p>5.nowrap: nowrap 单元格中文字不换行。</p><p></p><p>注意，当表格属性与行列属性冲突时，以行列属性为准。</p><p></p><p>--></p><p><!--跨列跨行</p><p>colspan 跨N列，当某个单元格跨N列时，其右边N-1个单元格需要删除。</p><p>rowspan 跨N行，当某个单元格跨N行时，其下方N-1个单元格需要删除。</p><p>t01a594834878a74e0ft010cdc8e2bb19c5d04</p><p>5.5表单</p><p>t01bfed468e0752a438</p><p>1.【两个重要属性】</p><p> 1.表单提交地址:提交给动态文件，html为静态文件，空时提交给自身</p><p>2.提交方法： post:Transfers data using an http post transaction</p><p>get:Appends data to the URL specified by the action attribute</p><p>2.【get和poet的区别:】</p><p>1.get传参使用URL：http://服务器地址?name1=value1&name2=value2。</p><p>（?表示传递参数，后边用name=value的方式传递，多个参数之间用&链接。）</p><p>URL传参不安全，所有信息可在地址栏看到，并且可以通过地址栏随意传递数据。（URL注入攻击）</p><p>URL传参数据量有限，只能传递少量数据。get传参比post快。</p><p>2.post使用HTTP请求传输协议，地址栏不可见，比较安全，且传递数据无限制。</p><p>综上所述，一般使用post。</p><p></p><p>3.【input标签及属性】</p><p>1.常用属性：</p><p>1.type：表示输入框的类型。</p><p>2.name：输入框的别名，一般情况下必填。因为：传递数据的时候使用name=value 的方式传递。</p><p>3.value：输入框的默认值。</p><p>4.placeholder:提示内容，不能指定默认值，当提示框有内容时，提示内容消失。</p><p>5.tabindex:控制输入框点击tab的跳转顺序从小往大开始。（了解即可，一般不用）</p><p>2.input特殊属性值：</p><p>1.checked="checked"默认被选中。</p><p>2.disabled="disabled"设置控件不能使用，按键不能选中，文本框不能被修改。</p><p>而且如果输入框disable，则输入框信息不能传递。</p><p>3.hidden="hidden"等同于type="hidden"隐藏域传值。常用语配合disabled，隐藏域传值。</p><p></p><p>4.【type属性详解：】</p><p>1.text：文本输入框</p><p>2.password：密码输入框，浏览器显示为点。</p><p>3.submit:提交按钮：提交表单数据。</p><p>4.radio:单选按钮</p><p>5.checkbox：复选按钮</p><p>name和value属性值必须全部存在，提交时，提交的是value中的属性。</p><p>radio凭借name中的属性区别是否为同一组，name相同为同一组，同组中只能选一个。</p><p>6.reset：将表单数据重置为初始状态。</p><p>7.file:文件上传按钮。</p><p>8.image:图形提交按钮。</p><p>9.bottom:普通按钮。</p><p>5.【select标签：下拉框】</p><p>1.name属性应该写在<select></select>上，所有选项只有一个name。</p><p>2.multiple="multiple":设置成多选，一般不用，可在界面使用ctrl多选。</p><p>3..option常用属性：</p><p>1.value：当option没有value属性时，往后台传递的是option中间的文字，</p><p>当有value属性时，往后台传递的是value的属性值</p><p>2.title:鼠标之上后显示的文字。</p><p>3.selected="selected":默认选中。</p><p>4.optgroup标签：用于将option标签分组，label属性表示分组名。</p><p>6.【<textarea></textarea>文本域】</p><p>1.cols ros 多少行列 看字符（一般不用），使用style="heigth:100px;width:100px"</p><p>2.readonly="readonly":设置为只读模式，不可编辑。</p><p>3.style="resize:none"设置为不允许修改。</p><p>4.style="overflow"设置当文字超出区域的时候怎么处理。</p><p>1常用属性：</p><p>1.hidden：超出区域的文字，隐藏无法显示。</p><p>2.scroll：无论文字多少，始终出现滚动条。</p><p>3.auto：自动，根据文字的多少自动决定是否显示滚动条。（默认样式）</p><p>2.也可以通过overflow-x,overflow-y分别设置水平垂直的显示方式。</p><p>7.【表单的边框与标题】</p><p><fieldset></fieldset></p><p><legend></legend></p><p>如果想要让标签嵌入到边框中，需将标题标签写到边框标签里边</p><p></p><p>8.【智能表单】</p><p>1.H5新增input的form属性，用于指向特定form表单的id，</p><p>实现input无需放在form标签之中，即可通过表单提交。</p><p>2.type新增属性详见表格。</p><p>3.input元素的新增属性：</p><p>1.Autocomplete：自动完成功能，记录用户以前输入的值，并在下次输入时自动完成输入。</p><p>属性值：on，off。</p><p>可以在form表单上使用，整张所有控件进行自动完成，也可以在input使用，绝大多数浏览器默认开启。</p><p>Autofocus：自动获得焦点，只能设置一个input控件获得焦点。</p><p>Form：所属表单</p><p>Required：必填，否则阻止提交。</p><p>Pattern：验证input的模式，使用正则表达式验证。以后详解。</p><p>Placeholder：提示</p><p><br/></p></p>
</div>
<div class="gg_center" align="center"><div class="asd_con_5"><script src="/d/js/acmsd/thea5.js"></script></div>
<div class="pnum">
<ul>
<div class="clear"></div>
</ul>
</div>
<!-- 翻页 -->
<div class="pnum">
<ul id="page_slice">
<div class="clear"></div>
</ul>
</div>
<!-- 翻页 -->
<div id="xzdz" class="w880 mt20">
<div class="c-hd">
</div>
</div>
<!-- 新增下载按钮开始 -->
<a id="downdoc1"></div>
<!-- 新增下载按钮结束 -->
<div class="con_prev clear louti">
<p class="fl chao f16">上一篇：<a href='/view-s21p0c81360.html'>带横批春联大全_春节对联</a> </p>
<p class="fr chao f16">下一篇：<a href='/view-s21p0c81364.html'>幼儿园秋季大班育儿知识大全</a> </a></p>
</div>
</article>
<!-- 文章 -->
<!-- 相关推荐 -->
<div class="list_hot ar_related bj_mt20 louti">
<div class="head head3"><h4 class="f16">相关推荐文档</h4><span></span></div>
<ul class="bj_mt26">
<li class="lb_w1">
<a href="/view-s21p0c164212.html" title="语文教案万能 语文教研活动记录（优秀3篇）" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c164212.html" title="语文教案万能 语文教研活动记录（优秀3篇）" target="_blank" class="lb_bt chao2">语文教案万能 语文教研活动记录（优秀3篇）</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c164211.html" title="社会实践报告【通用10篇】" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c164211.html" title="社会实践报告【通用10篇】" target="_blank" class="lb_bt chao2">社会实践报告【通用10篇】</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c164210.html" title="具结保证书（优秀3篇）" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c164210.html" title="具结保证书（优秀3篇）" target="_blank" class="lb_bt chao2">具结保证书（优秀3篇）</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c164209.html" title="室内设计实习总结（10篇）" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c164209.html" title="室内设计实习总结（10篇）" target="_blank" class="lb_bt chao2">室内设计实习总结（10篇）</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c164208.html" title="广告策划方案最新6篇" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c164208.html" title="广告策划方案最新6篇" target="_blank" class="lb_bt chao2">广告策划方案最新6篇</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c164207.html" title="舌尖上的味道初二作文【优秀9篇】" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c164207.html" title="舌尖上的味道初二作文【优秀9篇】" target="_blank" class="lb_bt chao2">舌尖上的味道初二作文【优秀9篇】</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="clear"></li>
</ul>
</div>
<!-- 相关推荐 -->
<!-- 精选图文 -->
<div class="list_pic ar_pic bj_mt20 louti">
<div class="head head2"><h4 class="f16">精选图文</h4><span></span></div>
<ul class="bj_mt26">
<li class="pic_lb2 fl">
<a href="/view-s21p0c28379.html" title="2023年五四青年节是多少周年" target="_blank" class="lb_img photo"><img src="https://www.haowendang.cn/uploads/titlepic/0ffb0352ec7a011e873f4e9814721e27.jpg" alt="2023年五四青年节是多少周年"></a>
<a href="/view-s21p0c28379.html" title="2023年五四青年节是多少周年" target="_blank" class="lb_bt chao">2023年五四青年节是多少周年</a>
<div class="lb_b f12">
<a href="/list-0-21.html" target="_blank" title="知识积累" class="c9">知识积累</a>
<time>02-27</time>
</div>
</li>
<li class="pic_lb2 fl">
<a href="/view-s21p0c56.html" title="立夏节气养生技巧" target="_blank" class="lb_img photo"><img src="https://www.haowendang.cn/uploads/titlepic/042eea4fa14b23853effea9d998defde.jpg" alt="立夏节气养生技巧"></a>
<a href="/view-s21p0c56.html" title="立夏节气养生技巧" target="_blank" class="lb_bt chao">立夏节气养生技巧</a>
<div class="lb_b f12">
<a href="/list-0-21.html" target="_blank" title="知识积累" class="c9">知识积累</a>
<time>02-27</time>
</div>
</li>
<li class="pic_lb2 fl">
<a href="/view-s21p0c59.html" title="立夏节气特点及风俗" target="_blank" class="lb_img photo"><img src="https://www.haowendang.cn/uploads/titlepic/30fbf13b61232c0fdf580357191d45a7.jpg" alt="立夏节气特点及风俗"></a>
<a href="/view-s21p0c59.html" title="立夏节气特点及风俗" target="_blank" class="lb_bt chao">立夏节气特点及风俗</a>
<div class="lb_b f12">
<a href="/list-0-21.html" target="_blank" title="知识积累" class="c9">知识积累</a>
<time>02-27</time>
</div>
</li>
<li class="pic_lb2 fl">
<a href="/view-s21p0c51808.html" title="雨水三候是哪三候" target="_blank" class="lb_img photo"><img src="https://www.haowendang.cn/uploads/titlepic/d7ec444adaff57968f2b37d1950c203e.jpg" alt="雨水三候是哪三候"></a>
<a href="/view-s21p0c51808.html" title="雨水三候是哪三候" target="_blank" class="lb_bt chao">雨水三候是哪三候</a>
<div class="lb_b f12">
<a href="/list-0-21.html" target="_blank" title="知识积累" class="c9">知识积累</a>
<time>02-16</time>
</div>
</li>
<li class="clear"></li>
</ul>
<div class="asd_con_2"><script src="/d/js/acmsd/thea4.js"></script></div>
</div>
<!-- 精选图文 -->
</div>
<div class="con_r fr">
<!-- 搜索 -->
<div class="search ar_search">
<form name="search_news" method="post" class="search_f yj_10" action="/e/search/index.php" id="keyword">
<em class="iconfont icon-sousuo ca"></em>
<input type="text" name="keyboard" id="keyword" class="search_text nobian f16 fl" placeholder="请输入您搜索的内容" required="" oninvalid="setCustomValidity('请输入您搜索的内容');" oninput="setCustomValidity('');">
<input type="submit" class="search_btn nobian cursor f12 ca fr" value="搜索">
<input type="hidden" name="tempid" value="1">
<input type="hidden" name="show" value="title">
<input type="hidden" name="tbname" value="news">
</form>
</div>
<!-- 搜索 -->
<div class="author_btn"></div>
<div class="asd_side_1"><script src="/d/js/acmsd/thea1.js"></script></div>
<!-- 热门排行 -->
<div class="hot r_rwap bj_mt10">
<div class="head"><h4 class="f16">热门排序</h4><span></span></div>
<ul class="lm_hot sideMen bj_mt20">
<li class="lb_w1">
<div class="lb_nr">
<span>1</span>
<a title="水利工程设计概估算编制规定" href="c2xafl7s0m347hq70zb090vngk58yua010hr_1.html">水利工程设计概估算编制规定</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>2</span>
<a title="2024版新高考政治一轮复习经济生活第一单元生活与消费3第三课多彩的消费" href="c2xaem0fe982xc786b4a94zk8m0hvkq00rvq_1.html">2024版新高考政治一轮复习经济生活第一单元生活与消费</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>3</span>
<a title="教育培训机构教师应聘简历模板" href="c20odq04f0s55t2h95x553fre38hi55011bs_1.html">教育培训机构教师应聘简历模板</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>4</span>
<a title="集控中心生产调度通信系统故障处置方案" href="c2xaf31wrre3y3j84vsq02xzhu2kzn0009p7_1.html">集控中心生产调度通信系统故障处置方案</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>5</span>
<a title="CPS-CL反应粘结型高分子湿铺防水卷材施工工法" href="c2xabr6ev9r6b8ve00zsa83uyx967u500vd3_1.html">CPS-CL反应粘结型高分子湿铺防水卷材施工工法</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>6</span>
<a title="数学分析教案(华东师大版)上册全集1-10章" href="c2xac44umz75136q5t3t485bn78ar7y00cik_4.html">数学分析教案(华东师大版)上册全集1-10章</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>7</span>
<a title="高二作文之新的起点高中作文" href="c2xaf575eso5o77k30e8m0fvqu4yw9b00pas_1.html">高二作文之新的起点高中作文</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>8</span>
<a title="机械运动单元测试题 - 图文" href="c2xabz63xvv83hrt8bf1m52amw9lhy70086k_1.html">机械运动单元测试题 - 图文</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>9</span>
<a title="试论小学班级管理中的“情绪”与“理性”-精品文档" href="c2xad43yqsx2mdyx423a46cyp27lzc201bns_1.html">试论小学班级管理中的“情绪”与“理性”-精品文档</a>
</div>
</li>
<li class="lb_w1">
<div class="lb_nr">
<span>10</span>
<a title="初中八年级体育课教案全集教案" href="c2xafe6dcvn03gjy5zd2f62h6002tw800lb5_1.html">初中八年级体育课教案全集教案</a>
</div>
</li>
</ul>
</div>
<!-- 热门排行 -->
<div class="asd_side_2"><script src="/d/js/acmsd/thea2.js"></script></div>
<!-- 推荐文章 -->
<div class="hot r_rwap bj_mt10">
<div class="head head1"><h4 class="f16">推荐文章</h4><span></span></div>
<div class="lm_hot bj_mt20">
<div class='pic_lb4'>
<a href='/view-s21p0c164.html' title='2023谷雨节气的含义及风俗' target='_blank' class='lb_img photo'><img src='https://www.haowendang.cn/uploads/titlepic/715f8d33b84dc5741959b2a6ff7ba074.jpg' alt='2023谷雨节气的含义及风俗'></a>
<a href='/view-s21p0c164.html' title='2023谷雨节气的含义及风俗' target='_blank' class='lb_bt chao2'>2023谷雨节气的含义及风俗</a>
<div class='lb_b f12'>
<a href='/list-0-21.html' target='_blank' title='知识积累' class='c9'>知识积累</a>
</div>
</div>
<a href='/view-s21p0c148.html' title='2023春分时节适合吃哪些传统食物' target='_blank' class='lb_2 chao f14'>2023春分时节适合吃哪些传统食物</a>
<a href='/view-s21p0c51801.html' title='雨水时节的含义是什么意思' target='_blank' class='lb_2 chao f14'>雨水时节的含义是什么意思</a>
<a href='/view-s21p0c59.html' title='立夏节气特点及风俗' target='_blank' class='lb_2 chao f14'>立夏节气特点及风俗</a>
<a href='/view-s21p0c28377.html' title='五四青年年龄的划分' target='_blank' class='lb_2 chao f14'>五四青年年龄的划分</a>
<a href='/view-s21p0c51826.html' title='元宵节的灯谜及答案150条' target='_blank' class='lb_2 chao f14'>元宵节的灯谜及答案150条</a>
<a href='/view-s21p0c51823.html' title='2023元宵节猜灯谜及答案' target='_blank' class='lb_2 chao f14'>2023元宵节猜灯谜及答案</a>
<a href='/view-s21p0c105.html' title='清明节的传统食物' target='_blank' class='lb_2 chao f14'>清明节的传统食物</a>
<a href='/view-s21p0c67.html' title='清明节是什么意思' target='_blank' class='lb_2 chao f14'>清明节是什么意思</a>
<a href='/view-s21p0c51759.html' title='雨水吃什么传统食物' target='_blank' class='lb_2 chao f14'>雨水吃什么传统食物</a>
<a href='/view-s21p0c176.html' title='正月十五元宵节的祝福语120句' target='_blank' class='lb_2 chao f14'>正月十五元宵节的祝福语120句</a>
</div>
</div>
<!-- 推荐文章 -->
<div class="asd_side_3" id="sidebar">
<script src="/d/js/acmsd/thea3.js"></script>
</div>
<!-- 推荐文章 -->
<div class="hot r_rwap bj_mt10">
<div class="head head1"><h4 class="f16">热门标签</h4><span></span></div>
<div class="lm_hot bj_mt20">
<a href="/tags-抗击疫情学生作文-0.html" target="_blank" class='lb_2 chao f14'>抗击疫情学</a>
<a href="/tags-范文-0.html" target="_blank" class='lb_2 chao f14'>范文</a>
<a href="/tags-全国节能宣传周活动工作总结-0.html" target="_blank" class='lb_2 chao f14'>全国节能宣</a>
<a href="/tags-抗击疫情主题作文-0.html" target="_blank" class='lb_2 chao f14'>抗击疫情主</a>
<a href="/tags-我与学校的故事作文-0.html" target="_blank" class='lb_2 chao f14'>我与学校的</a>
<a href="/tags-世界读书日作文-0.html" target="_blank" class='lb_2 chao f14'>世界读书日</a>
<a href="/tags-初中必读作文-0.html" target="_blank" class='lb_2 chao f14'>初中必读作</a>
<a href="/tags-初中必读的作文-0.html" target="_blank" class='lb_2 chao f14'>初中必读的</a>
<a href="/tags-高中生必读作文-0.html" target="_blank" class='lb_2 chao f14'>高中生必读</a>
<a href="/tags-高中生必读的作文-0.html" target="_blank" class='lb_2 chao f14'>高中生必读</a>
<a href="/tags-工作-0.html" target="_blank" class='lb_2 chao f14'>工作</a>
<a href="/tags-抗击疫情作文400字-0.html" target="_blank" class='lb_2 chao f14'>抗击疫情作</a>
<a href="/tags-抗击疫情作文800字-0.html" target="_blank" class='lb_2 chao f14'>抗击疫情作</a>
<a href="/tags-抗击疫情作文1000字-0.html" target="_blank" class='lb_2 chao f14'>抗击疫情作</a>
<a href="/tags-劳动节的作文-0.html" target="_blank" class='lb_2 chao f14'>劳动节的作</a>
<a href="/tags-新时代好少年先进事迹作文-0.html" target="_blank" class='lb_2 chao f14'>新时代好少</a>
<a href="/tags-作文-0.html" target="_blank" class='lb_2 chao f14'>作文</a>
<a href="/tags-六年级我的拿手好戏作文-0.html" target="_blank" class='lb_2 chao f14'>六年级我的</a>
</div>
</div>
<!-- 推荐文章 -->
</div>
<div class="clear"></div>
</div>
</div>
<!-- 底部 -->
<!-- 底部 -->
<footer class="footer">
<div class="footer_wrap main">
<div class="footer_t">
<div class="footer_nav fl">
<a href="/list-0-527.html" target="_blank">关于我们</a>
<a href="/list-0-528.html" target="_blank">联系方式</a>
<a href="/list-0-529.html" target="_blank">商务合作</a>
<a href="/list-0-530.html" target="_blank">友情链接</a>
<a href="/list-0-531.html" target="_blank">诚聘英才</a>
</div>
<a href="javascript:;" class="footer_phone fr">
<em class="iconfont icon-44"></em>
<div class="qrcode ts"><img src="/skin/haowen/images/qrcode.png"><p>扫码手机访问</p></div>
</a>
<div class="clear"></div>
</div>
<div class="footer_b">
<p class="cf fl">本网站所有内容均由编辑和用户从互联网收集整理，如果您发现不合适的内容，<br>请联系我们进行处理，谢谢合作！合作QQ：78024566</p>
<p class="cf fr">Copyright @ 2020 - <span class="years">2023</span> haowendang.cn All Rights Reserved<br>好文档 版权所有<a href="https://beian.miit.gov.cn/" target="_blank" >苏ICP备19068818号-5</a></p>
<div class="clear"></div>
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<div style="display:none;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3f6cce9b10dc8cacdfd0b4d6b7d70c14";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<!-- 底部 -->
<!-- 右边定位导航 -->
<div class="ar_louti"></div>
<!-- 右边定位导航 -->
<em class="noshow myarcid">221381</em>
<!--1111-->
<div class="artop ts">
<div class="artop_rwap">
<div class="artop_left">
<div class="artop_related ts fl">
<div class="related_hd">
<em class="iconfont icon-changjingtuijianpitchon"></em>向你推荐的相关文章
<em class="iconfont icon-gengduo ts"></em>
</div>
<div class="related_bd ts">
<h4>相关文章列表</h4>
<ul class="related_rwap">
<li class="lb_w1">
<a href="/view-s21p0c85087.html" title="三句半台词大全爆笑150则" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c85087.html" title="三句半台词大全爆笑150则" target="_blank" class="lb_bt chao2">三句半台词大全爆笑150则</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c75967.html" title="2024年11月党支部会议纪要" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c75967.html" title="2024年11月党支部会议纪要" target="_blank" class="lb_bt chao2">2024年11月党支部会议纪要</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c88202.html" title="教师年度考核自我评价五篇" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c88202.html" title="教师年度考核自我评价五篇" target="_blank" class="lb_bt chao2">教师年度考核自我评价五篇</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c160272.html" title="2024年54青年节活动策划方案（通用3篇）" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c160272.html" title="2024年54青年节活动策划方案（通用3篇）" target="_blank" class="lb_bt chao2">2024年54青年节活动策划方案（通用3篇）</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c53629.html" title="如何培养人才" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c53629.html" title="如何培养人才" target="_blank" class="lb_bt chao2">如何培养人才</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="lb_w1">
<a href="/view-s21p0c161870.html" title="妈妈的谎言作文【精彩6篇】" target="_blank#" class="lb_wimg"><em class="icon"></em></a>
<div class="lb_nr">
<a href="/view-s21p0c161870.html" title="妈妈的谎言作文【精彩6篇】" target="_blank" class="lb_bt chao2">妈妈的谎言作文【精彩6篇】</a>
<a href="/list-0-21.html" target="_blank" title="知识积累" class="lb_lm">知识积累</a>
</div>
</li>
<li class="clear"></li>
</ul>
</div>
</div>
<div class="artop_search fl">
<form name="search_news" method="post" class="search_f bg yj_10" action="/e/search/index.php" id="keyword">
<em class="iconfont icon-sousuo ca"></em>
<input type="text" name="keyboard" id="keyword" class="search_text nobian f16 fl" placeholder="请输入您要搜索的内容" required="" "="" />
<input type="submit" class="search_btn nobian cursor f16 ca fr" value="搜索文档">
<input type="hidden" name="tempid" value="1">
<input type="hidden" name="show" value="title">
<input type="hidden" name="tbname" value="news">
</form>
</div>
<div class="artop_download fr">
<div id="downdoc"></div>
</div>
</div>
<div class="artop_right">
<div class="artop_code fr">
<a href="javascript:;" class="boon_btn">领取福利</a>
<div class="code_rwap ts">
<p>微信扫码领取福利</p>
</div>
</div>
<div class="artop_code fr">
<a href="javascript:;" class="share_btn">分享给好友</a>
<div class="code_rwap ts">
<div id="qrcode" title="/view-s21p0c81361.html"></div>
<p>微信扫码分享</p>
</div>
</div>
</div>
</div>
</div>
<!--1111-->
<!--fword-->
<script src="/e/data/js/ajax.js" ></script>
<script src="/skin/fword/js/jquery-1.8.3.min.js" ></script>
<script src="/skin/fword/js/jquery.cookie.min.js" ></script>
<script src="/skin/fword/layer/layer.min.js"></script>
<script src="/skin/fword/js/clipboard.min.js"></script>
<script src="/skin/fword/js/fword.js"></script>
<script src="/skin/haowen/js/qrcode.js"></script>
<link href="/skin/fword/css/fword.css" rel="stylesheet">
<script src="/e/extend/fword/index.php?classid=21&id=81361&price=[!--price--]&dotype=2©id=docopy"></script>
<span id="show_userinfo" style="display:none;"></span>
<link rel="stylesheet" type="text/css" href="/skin/images/ajaxlogin.css" />
<div id="loginbox"></div><script type="text/javascript" src="/skin/images/login.js"></script>
</body>
</html> 