摘要 从零开始学习前端编程：HTML/CSS/JavaScript
如果你想学习前端编程，但不知道从何开始，那么你来对地方了。在这篇文章中，我将向你介绍HTML、CSS和JavaScript这三种前端编程语言的...
从零开始学习前端编程：HTML/CSS/JavaScript
如果你想学习前端编程，但不知道从何开始，那么你来对地方了。在这篇文章中，我将向你介绍HTML、CSS和JavaScript这三种前端编程语言的基础知识，让你可以有一个良好的开始，希望对你有所启发。
HTML基础知识
HTML，全称HyperText Markup Language（超文本标记语言），是互联网上的主要标记语言，它用于定义网页的结构和内容。在网页中，任何文本都可以通过HTML进行编码，并在浏览器中显示。下面是HTML的一些基本符号：
1. ：最顶层的标签，包含整个网页的所有内容；
2. ：网页的“头”，通常包含
、<style>、<meta>等元素；
3. <body>：网页的主要内容区域；
4. <h1>~<h6>：网页中的标题；
5. <p>：网页段落；
6. <a>：超链接；
7. <img>：图片；
8. <ul>和<ol>：无序列表和有序列表；
9. <div>和<span>：网页中的块级元素和行内元素；
10. <form>：用于创建网页表单，如登录表单、注册表单等；
11. <input>：表单中的文本框、密码框、单选框、复选框等；
12. <textarea>：表单中的多行文本框；
13. <select>和<option>：表单中的下拉列表；
14. <table>、<tr>、<td>：网页中的表格。
CSS基础知识
CSS，全称Cascading Style Sheets（层叠样式表），是一种用于网页美化的语言。它可以定义网页中的字体、颜色、边框、布局等，让网页看起来更加美观。下面是CSS的一些基本属性和选择器：
1. font-size：字体大小；
2. color：字体颜色；
3. background-color：背景颜色；
4. border：边框；
5. margin和padding：外边距和内边距；
6. width和height：元素宽度和高度；
7. position：元素定位；
8. z-index：元素的叠放顺序；
9. :hover：鼠标悬停效果；
10. :active：鼠标点击效果；
11. .class和#id：CSS选择器，用于选择网页中的元素。
JavaScript基础知识
JavaScript是一种用于网页交互的编程语言。它可以通过控制网页中的元素和事件，实现一些动态效果，例如弹出框、下拉菜单、轮播图等。下面是JavaScript的一些基本概念和语法：
1. 变量：用于临时存储和操作数据；
2. 函数：用于封装和复用代码；
3. 条件语句：if语句、switch语句等，用于根据不同的条件执行不同的代码；
4. 循环语句：for语句、while语句等，用于重复执行某段代码；
5. 事件：例如鼠标点击、键盘弹起等，可以通过JavaScript来控制。
6. DOM（Document Object Model）：网页中的对象模型，可以通过JavaScript来访问和操作网页中的元素。
结论
通过学习HTML、CSS和JavaScript这三种前端编程语言的基础知识，你可以开始建立自己的网站，并实现一些简单的动态效果。当然，这只是一个开始，要想成为一个优秀的前端开发人员，还需要不断的学习和实践。希望这篇文章对你有所帮助，祝你前端编程学习愉快！
<div class="entry-copyright">
<p>版权声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。</p>
</div>
</div>
<div class="entry-footer">
<div id="xhz-render-body"></div>
<nav class="article-nav">
<span class="article-nav-prev">上一篇<br><a href='http://www.jeweldia.com/hxbaike/8822.html'>冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加</a></span>
<span class="article-nav-next">下一篇<br><a href='http://www.jeweldia.com/hxbaike/'>返回列表</a></span>
</nav>
<hr />
<h3 class="entry-related-title">猜你喜欢</h3>
<ul class="entry-related-img clearfix p-list">
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/304.html" title="汽车快修快补广告宣传语（快速修补你的爱车，让它重新焕发青春活力！）" target="_blank">汽车快修快补广告宣传语（快速修补你的爱车，让它重新焕发青春活力！）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/2283.html" title="2022天猫双十一成交额（2022年天猫双十一再创奇迹，成交额达到新高）" target="_blank">2022天猫双十一成交额（2022年天猫双十一再创奇迹，成交额达到新高）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/5173.html" title="桂字组词二年级（探秘古城桂林）" target="_blank">桂字组词二年级（探秘古城桂林）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/6531.html" title="昆明别墅小区排名（昆明高端住宅小区排名）" target="_blank">昆明别墅小区排名（昆明高端住宅小区排名）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/7295.html" title="至善网毛概答案完整版2019（标题：理解毛泽东思想的深刻内涵）" target="_blank">至善网毛概答案完整版2019（标题：理解毛泽东思想的深刻内涵）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8082.html" title="2023年农历四月初九是什么日子（什么值得纪念的日子：2023年农历四月初九）" target="_blank">2023年农历四月初九是什么日子（什么值得纪念的日子：2023年农历四月初九）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8352.html" title="中兴通讯股票行情新浪财经（中兴通讯股价走势分析）" target="_blank">中兴通讯股票行情新浪财经（中兴通讯股价走势分析）</a>
</h2>
</div>
</li> <li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/1188.html" title="巴黎老佛爷百货（探访法国老佛爷百货）" target="_blank">巴黎老佛爷百货（探访法国老佛爷百货）</a>
</h2>
</div>
</li>
</ul><hr />
<h3 class="entry-related-title">最新文章</h3>
<ul class="entry-related-img clearfix p-list">
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8825.html" title="前行广释全部串讲（从零开始学习前端编程：HTMLCSSJavaScript）" target="_blank">前行广释全部串讲（从零开始学习前端编程：HTMLCSSJavaScript）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8824.html" title="利害与厉害有什么区别拼音（利弊与利害的区别）" target="_blank">利害与厉害有什么区别拼音（利弊与利害的区别）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8823.html" title="凯顿儿童美语abcbakery精选课程零一（ABCBakery精选课程零一：为孩子打造完美英语学习之路）" target="_blank">凯顿儿童美语abcbakery精选课程零一（ABCBakery精选课程零一：为孩子打造完美英语学习之路）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8822.html" title="冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加" target="_blank">冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8821.html" title="全自动天燃气锅炉大小火是由什么决定的（全自动天燃气锅炉的大小火与哪些因素有关？）" target="_blank">全自动天燃气锅炉大小火是由什么决定的（全自动天燃气锅炉的大小火与哪些因素有关？）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8820.html" title="俺组词组词语有哪些（深入探究！汉语中有哪些组词、词组？）" target="_blank">俺组词组词语有哪些（深入探究！汉语中有哪些组词、词组？）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8819.html" title="信仰带我杀出重围的下一句（从信仰中寻找勇气）" target="_blank">信仰带我杀出重围的下一句（从信仰中寻找勇气）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8818.html" title="位图格式与矢量格式哪个存储空间大（位图与矢量：哪个格式占用空间更大？）" target="_blank">位图格式与矢量格式哪个存储空间大（位图与矢量：哪个格式占用空间更大？）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8817.html" title="会稽山多少度的酒（会稽山：酒香浓郁的故乡）" target="_blank">会稽山多少度的酒（会稽山：酒香浓郁的故乡）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8816.html" title="亲情记叙文800字初中作文（家）" target="_blank">亲情记叙文800字初中作文（家）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8815.html" title="交际与口才协会的QQ昵称有哪些（交际与口才协会QQ昵称大全）" target="_blank">交际与口才协会的QQ昵称有哪些（交际与口才协会QQ昵称大全）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8814.html" title="云南省招考网报名入口2023年（云南省招考网2023年报名入口已开启）" target="_blank">云南省招考网报名入口2023年（云南省招考网2023年报名入口已开启）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8813.html" title="九歌国殇注音加翻译（《九歌·国殇》注音加翻译）" target="_blank">九歌国殇注音加翻译（《九歌·国殇》注音加翻译）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8812.html" title="九天应元雷声普化天尊是闻仲吗（九天应元雷声普化天尊真的就是闻仲吗？）" target="_blank">九天应元雷声普化天尊是闻仲吗（九天应元雷声普化天尊真的就是闻仲吗？）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8811.html" title="主的组词一年级上册语文（小学一年级语文学习笔记）" target="_blank">主的组词一年级上册语文（小学一年级语文学习笔记）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8810.html" title="丹皇武帝百度百科女（丹皇武帝-风华绝代的女人）" target="_blank">丹皇武帝百度百科女（丹皇武帝-风华绝代的女人）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8809.html" title="中广天择传媒学院学费（中广天择传媒学院学费介绍）" target="_blank">中广天择传媒学院学费（中广天择传媒学院学费介绍）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8808.html" title="中央5节目表今天（中央五台：铸就文化瑰宝）" target="_blank">中央5节目表今天（中央五台：铸就文化瑰宝）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8807.html" title="东营市个人二手车黄河口信息港（东营市二手车市场）" target="_blank">东营市个人二手车黄河口信息港（东营市二手车市场）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8806.html" title="东莞天和百货华南摩店（东莞天和百货华南摩店：打造购物理想之地）" target="_blank">东莞天和百货华南摩店（东莞天和百货华南摩店：打造购物理想之地）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8805.html" title="上海金山租房网（金山租房指南）" target="_blank">上海金山租房网（金山租房指南）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/changshikp/8804.html" title="上海新开楼盘有哪些2021（上海2021年最新楼盘大盘点）" target="_blank">上海新开楼盘有哪些2021（上海2021年最新楼盘大盘点）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/shenghuo/8803.html" title="一世战龙我本疯狂（龙战乱世：疯狂的征战）" target="_blank">一世战龙我本疯狂（龙战乱世：疯狂的征战）</a>
</h2>
</div>
</li>
<li >
<div class="p-item-wrap">
<h2 class="title">
<a href="http://www.jeweldia.com/hxbaike/8802.html" title="shibor隔夜利率走势（Shibor隔夜利率变动趋势分析）" target="_blank">shibor隔夜利率走势（Shibor隔夜利率变动趋势分析）</a>
</h2>
</div>
</li>
</ul>
</div>
</div>
</article>
</div>
<aside class="sidebar">
<div id="views-2" class="widget widget_views">
<h3 class="widget-title">热门阅读</h3>
<ul>
<li>
<a href="<a href="http://www.jeweldia.com/changshikp/304.html" title="汽车快修快补广告宣传语（快速修补你的爱车，让它重新焕发青春活力！）">汽车快修快补广告宣传语（快速修补你的爱车，让它重新焕发青春活力！）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/hxbaike/2283.html" title="2022天猫双十一成交额（2022年天猫双十一再创奇迹，成交额达到新高）">2022天猫双十一成交额（2022年天猫双十一再创奇迹，成交额达到新高）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/changshikp/5173.html" title="桂字组词二年级（探秘古城桂林）">桂字组词二年级（探秘古城桂林）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/hxbaike/6531.html" title="昆明别墅小区排名（昆明高端住宅小区排名）">昆明别墅小区排名（昆明高端住宅小区排名）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/changshikp/7295.html" title="至善网毛概答案完整版2019（标题：理解毛泽东思想的深刻内涵）">至善网毛概答案完整版2019（标题：理解毛泽东思想的深刻内涵）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/hxbaike/8082.html" title="2023年农历四月初九是什么日子（什么值得纪念的日子：2023年农历四月初九）">2023年农历四月初九是什么日子（什么值得纪念的日子：2023年农历四月初九）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/hxbaike/8352.html" title="中兴通讯股票行情新浪财经（中兴通讯股价走势分析）">中兴通讯股票行情新浪财经（中兴通讯股价走势分析）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/shenghuo/1188.html" title="巴黎老佛爷百货（探访法国老佛爷百货）">巴黎老佛爷百货（探访法国老佛爷百货）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/changshikp/1558.html" title="相模延时喷剂多久有效（相模延时喷剂：有效延长性爱时间？）">相模延时喷剂多久有效（相模延时喷剂：有效延长性爱时间？）</a>
</li>
<li>
<a href="<a href="http://www.jeweldia.com/shenghuo/3385.html" title="春节的历史沿革1000字（春节：过年的传统盛事）">春节的历史沿革1000字（春节：过年的传统盛事）</a>
</li>
</ul>
</div>
<div id="lastest-products-2" class="widget widget_lastest_products">
<h3 class="widget-title">最新快讯</h3>
<ul class="p-list clearfix">
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/hxbaike/8825.html">
<img src="http://www.jeweldia.com/skin/picture/5.jpg" alt="前行广释全部串讲（从零开始学习前端编程：HTMLCSSJavaScript）" title="前行广释全部串讲（从零开始学习前端编程：HTMLCSSJavaScript）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/hxbaike/8825.html" title="前行广释全部串讲（从零开始学习前端编程：HTMLCSSJavaScript）">前行广释全部串讲（从零开始学习前端编程：HTMLCSSJavaScript）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/changshikp/8824.html">
<img src="http://www.jeweldia.com/skin/picture/1.jpg" alt="利害与厉害有什么区别拼音（利弊与利害的区别）" title="利害与厉害有什么区别拼音（利弊与利害的区别）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/changshikp/8824.html" title="利害与厉害有什么区别拼音（利弊与利害的区别）">利害与厉害有什么区别拼音（利弊与利害的区别）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/changshikp/8823.html">
<img src="http://www.jeweldia.com/skin/picture/19.jpg" alt="凯顿儿童美语abcbakery精选课程零一（ABCBakery精选课程零一：为孩子打造完美英语学习之路）" title="凯顿儿童美语abcbakery精选课程零一（ABCBakery精选课程零一：为孩子打造完美英语学习之路）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/changshikp/8823.html" title="凯顿儿童美语abcbakery精选课程零一（ABCBakery精选课程零一：为孩子打造完美英语学习之路）">凯顿儿童美语abcbakery精选课程零一（ABCBakery精选课程零一：为孩子打造完美英语学习之路）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/hxbaike/8822.html">
<img src="http://www.jeweldia.com/skin/picture/6.jpg" alt="冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加" title="冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/hxbaike/8822.html" title="冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加">冰咖啡和热咖啡哪个好喝（热风吹拂，一杯香醇的咖啡，是多少人心中的最爱。然而，在夏季，似乎许多人都更加</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/hxbaike/8821.html">
<img src="http://www.jeweldia.com/skin/picture/4.jpg" alt="全自动天燃气锅炉大小火是由什么决定的（全自动天燃气锅炉的大小火与哪些因素有关？）" title="全自动天燃气锅炉大小火是由什么决定的（全自动天燃气锅炉的大小火与哪些因素有关？）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/hxbaike/8821.html" title="全自动天燃气锅炉大小火是由什么决定的（全自动天燃气锅炉的大小火与哪些因素有关？）">全自动天燃气锅炉大小火是由什么决定的（全自动天燃气锅炉的大小火与哪些因素有关？）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/hxbaike/8820.html">
<img src="http://www.jeweldia.com/skin/picture/3.jpg" alt="俺组词组词语有哪些（深入探究！汉语中有哪些组词、词组？）" title="俺组词组词语有哪些（深入探究！汉语中有哪些组词、词组？）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/hxbaike/8820.html" title="俺组词组词语有哪些（深入探究！汉语中有哪些组词、词组？）">俺组词组词语有哪些（深入探究！汉语中有哪些组词、词组？）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/shenghuo/8819.html">
<img src="http://www.jeweldia.com/skin/picture/8.jpg" alt="信仰带我杀出重围的下一句（从信仰中寻找勇气）" title="信仰带我杀出重围的下一句（从信仰中寻找勇气）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/shenghuo/8819.html" title="信仰带我杀出重围的下一句（从信仰中寻找勇气）">信仰带我杀出重围的下一句（从信仰中寻找勇气）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/shenghuo/8818.html">
<img src="http://www.jeweldia.com/skin/picture/19.jpg" alt="位图格式与矢量格式哪个存储空间大（位图与矢量：哪个格式占用空间更大？）" title="位图格式与矢量格式哪个存储空间大（位图与矢量：哪个格式占用空间更大？）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/shenghuo/8818.html" title="位图格式与矢量格式哪个存储空间大（位图与矢量：哪个格式占用空间更大？）">位图格式与矢量格式哪个存储空间大（位图与矢量：哪个格式占用空间更大？）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/shenghuo/8817.html">
<img src="http://www.jeweldia.com/skin/picture/7.jpg" alt="会稽山多少度的酒（会稽山：酒香浓郁的故乡）" title="会稽山多少度的酒（会稽山：酒香浓郁的故乡）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/shenghuo/8817.html" title="会稽山多少度的酒（会稽山：酒香浓郁的故乡）">会稽山多少度的酒（会稽山：酒香浓郁的故乡）</a></h4>
</div>
</li>
<li class="col-xs-12 col-md-6 p-item">
<div class="p-item-wrap">
<a class="thumb" href="http://www.jeweldia.com/shenghuo/8816.html">
<img src="http://www.jeweldia.com/skin/picture/12.jpg" alt="亲情记叙文800字初中作文（家）" title="亲情记叙文800字初中作文（家）">
</a>
<h4 class="title"><a href="http://www.jeweldia.com/shenghuo/8816.html" title="亲情记叙文800字初中作文（家）">亲情记叙文800字初中作文（家）</a></h4>
</div>
</li></ul>
</div>
</aside> </div>
</div>
<div class="footer">
<div class="container">
<div class="clearfix">
<div class="footer-col footer-col-copy">
<ul class="footer-nav hidden-xs">
<li class="menu-item"><a href="http://www.jeweldia.com/sitemap.xml" style="color: white;" target="_blank">网站地图</a></li>
</ul>
<div class="copyright" style="color: white;">
Copyright © 2023 <a href="http://www.jeweldia.com/" title="和信生活" target="_blank" style="color: white;">和信生活</a> Rights Reserved. <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow" style="color: white;">陕ICP备2022013676号-11
</a>.联系QQ：3237157959
</div>
</div>
</div>
<div class="bdsharebuttonbox">
<a class="bds_more" data-cmd="more"></a>
<a title="分享到QQ空间" class="bds_qzone" data-cmd="qzone"></a>
<a title="分享到新浪微博" class="bds_tsina" data-cmd="tsina"></a>
<a title="分享到腾讯微博" class="bds_tqq" data-cmd="tqq"></a>
<a title="分享到人人网" class="bds_renren" data-cmd="renren"></a>
<a title="分享到微信" class="bds_weixin" data-cmd="weixin"></a>
</div>
</div>
</div>
<!-- 百度站长自动提交链接 -->
<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>
<script type="text/javascript" src="//js.users.51.la/21623913.js"></script><script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?0c34dd6ad54682cda8c46473443a91a160e0fbf2c40e9b9155d633b6bd921aecbc434964556b7d7129e9b750ed197d397efd7b0c6c715c1701396e1af40cec962b8d7c8c6655c9b00211740aa8a98e2e";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script><script>window._bd_share_config={"common":{"bdSnsKey":
{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"shar
e":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/
api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</body>
</html>
