HTML5，CSS，我的家乡（草原云谷——魅力集宁）_html加css介绍家乡风景代码-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52561538/article/details/127859641

乌兰察布旅游网页浏览

共5个页面

第二段落结尾“【点击查看】”可跳转地图

鼠标悬停图片突出显示并提示文字

左侧导航栏可点击跳转到对应位置

css：

body {
    margin: 0 auto;
    font-size: 14px;
    font-family: "华文楷体";
    line-height: 25px;
    background-image: linear-gradient(to bottom, rgba(96, 213, 84, 0.86), rgba(55, 68, 165, 0.86), rgba(19, 128, 0, 0.86),rgba(10, 54, 132, 0.89), rgba(96, 213, 84, 0.86), rgba(68, 102, 163, 0.89));
}
div,p,input,ul,li,h1,h2,h3 {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    list-style: none;
}
.title{
    width:1024px;
    height:45px;
    line-height:50px;
    text-align:center;
    font-size: 3ch;
    background-image: linear-gradient(to bottom,rgba(59, 153, 52, 0.45),#3b9934, rgba(59, 153, 52, 0.45));
    color: #1f1d1d;
    margin-top: 0px;
    margin-bottom: 0px;
    position: static;
}
a {
    color: #3868a8;
    text-decoration: none;
}
.main {
    width:1024px;
    background:#ffffff;
    margin: 0 auto;
}

.main .left {
    float: left;
    width: 180px;
    height: 200px;
}
.main .left .rainbow{
    display: block;
    margin: 15px 0px;
    width: 220px;
    height: 40px;
    padding-top: 13px;
    background-size: 100px 30px;
    font-size: 22px;
    font-family: "楷体";
    border-radius: 0  50px  50px 0;
    background-color: #3476a399;
}
.main .left :hover{
    font-size: 30px;
    background: lightblue;
}
.main .right {
    font-size: 20px;
    font-family: 宋体;
    background-color: #85adc8;
    float: right;
    padding-left:0px;
    padding-top: 0px;
    width: 800px;
    height: 3949px;
    border: none;
    border-left: 1px solid darkturquoise;
    border-right:1px solid darkturquoise;
}
.main .right p{
    background-color: aquamarine;
    padding: 10px;
}
main div{
    height: 900px;
}
.center{
    padding-left: 0px;
}
.center img{
    width: 1024px;

}
.top{
    height: 426px;
}
.nav{
    height: 50px;
    font-family: "宋体";
    background-image: linear-gradient(to right, rgba(68, 127, 185, 0.91), rgba(19, 128, 0, 0.86),rgba(10, 54, 132, 0.89));
}
.nav ul{
    padding:0px;
}
.nav ul li{
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
}
.nav ul li a{
    display: block;
    color: #0e0000;
    font-size: 18px;
}
.hot{
    background: #1e3e7403 !important;

}
.box1{
    font-size: 18px;
    padding: 0px 0px;
    margin: 0px  0px auto 0;
    width: 1024px;
    height: 640px;
    background: url(img/牧区.jpg) no-repeat;
    opacity:0.85;
}
.box1 img{
    float: right;

    margin-left: 15px;
    margin-bottom: 15px;
}
.box1 p{
    text-indent: 2em;
    line-height: 30px;
    margin-bottom: 10px;
}
.box2{
    width:1024px;
    height: 1000px;
    margin: auto;
}

.box2-ner{
    width:1024px;
    height:260px;
    padding-left: 10px;
    padding-top: 50px;
    left: 20px;
    overflow: hidden;
    font-family: 宋体;
    font-size: 6cm;
}
.box2-ner .bx{
    float: left;
    width:200px;
    height:200px;
    border-radius: 100%;
    margin:0px 25px;
    background-image: linear-gradient(to right, rgba(68, 127, 185, 0.91), rgba(19, 128, 0, 0.86),rgba(10, 54, 132, 0.89));
}
.box2-ner img{
    border-radius: 90px;
    width:180px;
    height: 177px;
    margin-left: 9px;
    margin-top: 11px;

}
.box2-ner img:hover{
    transform: scale(1.2);
}
.box2-ner .bx h1{
    padding-left: 50px;
    padding-top: 0px;
    height:30px;
    line-height:60px;
    text-align:center;
    font-weight:normal;
    font-size:20px;
    padding-left: 0px;
    width: 200px;
}
.box3{
    width:1024px;
    height: 3949px;
    margin: auto;
}

h1 {
    position: absolute;
    padding-top: 0px;
    left: auto;
}
.foot{
    height: 80px;
    padding-top: 30px;
    padding-bottom: 0px;
    font-family: 宋体;
    font-size: 16px;
    background-image: linear-gradient(to right, rgb(80 98 136), rgba(19, 128, 0, 0.86),rgba(10, 54, 132, 0.89));
    text-align: center;
    color: #242b2b;
    position:relative;
    bottom:0;
}
.foot p {
    text-align: center;
}

html文件代码部分

（首页）

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>草原云谷————魅力集宁</title>
<link href="my home.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="logo.ico" />
</head>
<body>
<div class="main">
      <div class="top">
        <img src="img/首页背景.jpg" style="width:1024px;height: 426px"/>
        <h1  style=" top: 220px;left:450px;"><font color="#adb4cd">草原云谷————魅力集宁</font></h1>
      </div>
  <div class="nav">
    <ul>
      <li><a href="home page.html" class="hot">首页</a></li>
      <li><a href="food.html" >美食</a></li>
      <li><a href="xuanchuan.html" >宣传视频</a></li>
      <li><a href="country.html">走入旗县</a></li>
      <li><a href="#">关于我们|欢迎投稿</a></li>
    </ul>
  </div>
  <div class="box1">
    <div class="title">乌兰察布简介</div>
    <img src="img/霸王河.jpg" style="width:300px;margin-bottom: 10px"/>
    <p><strong><big>乌兰察布</big></strong>系蒙古语，译为“红山口”。乌兰察布有“草原云谷”、“中国草原避暑之都”、“空中三峡风电之都”、“吉祥草原 神舟家园”、“中国马铃薯之都”、“草原皮都”、“中国燕麦之都”、“中国草原酸奶之都”、“中国最美养生休闲旅游城市”等美称。2020年10月，被评为全国双拥模范城（县）。 2017年06月，乌兰察布被全国爱国卫生运动委员会命名国家卫生城市。2018年12月13日，乌兰察布入选中国特色农产品优势区名单。 2020年，乌兰察布市地区生产总值完成826.9亿元。</p>
    <p>乌兰察布（Ulanqab），内蒙古自治区地级市，地处中国正北方，内蒙古自治区中部，介于北纬39°37′～43°28′，东经109°16′～114°49′之间，东 西长458千米，南北宽442千米，总面积约5.45万平方千米。东部与河北省接壤，东北部与锡林郭勒盟相邻，南部与山西省相连，西南部与首府呼 和浩特毗连，西北部与包头相接，北部与蒙古国交界，国境线长100多千米。2021年，全市常住人口为165.95万人。<a href="chakan.html">【点击查看】</a></p>
    <p>乌兰察布盟形成于清朝康熙年间（1662年～1722年），由先后归附清廷的蒙古四部六旗，即：四子部落一旗、茂明安部落一旗、喀尔喀右翼部落一旗（俗 称达尔罕贝勒旗）、乌拉特部落三旗（前、中、后三公旗）首次会盟于四子王旗境内乌兰察布地方，盖其地有河，名乌兰察布，因以河名呼其地，以地名呼其 盟，迄今已有三百多年的历史。康熙十四年（1675年）察哈尔部右翼四旗进入今乌兰察布东部地区。大体分布在今商都、兴和、丰镇、集宁、凉城、卓资、察 右前旗、察右中旗、察右后旗和河北省的尚义县（部分）区域之内。</p>
  </div>
  <div class="foot"><p>草原云谷————魅力集宁<br />@计算机201 庞爱</p></div>
</div>
</body>
</html>

（美食）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>乌蒙美食</title>
    <link href="my home.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="logo.ico" />
</head>
<body>
  <div class="main">
      <div class="top"><img src="img/封面.jpg" style="width:1024px;height: 426px"></div>
      <div class="nav">
      <ul>
         <li><a href="home page.html" class="hot">首页</a></li>
          <li><a href="food.html" >美食</a></li>
          <li><a href="xuanchuan.html" >宣传视频</a></li>
          <li><a href="country.html">走入旗县</a></li>
          <li><a href="#">关于我们|欢迎投稿</a></li>
      </ul>
      </div>
      <div class="box2">
            <div class="title">乌蒙美食</div>
                  <div class="box2-ner">
                      <div class="bx"><img src="img/美食1.jpg" title="红焖羊肉做法：
                      1.羊肉洗净，控干水;
                      2.锅内放油，油温3成热放白糖，小火炒糖色;
                      3.下入羊肉，翻炒到变色;　
                      4.放入辣椒，花椒，蒜，盐，炒匀;
                      5.加入料酒，适量清水，小火炖;
                      6.在羊肉基本熟了时，放入事先泡软的百叶结;
                      7.大火收汁"/>
                          <h1>红焖羊肉</h1></div>
                      <div class="bx"><img src="img/美食2.jpg" title="蹄髈做法：
                      1.准备材料：蹄髈切块，葱切段，姜切片;
                      2.蹄髈焯水：将500g蹄膀放入开水锅中，加5g葱、5g姜、5g八角煮开，去除血水，撇去浮沫捞出;
                      3.爆锅：锅中放10ml食用油，油热放入5g葱、5g姜、5g八角爆香一下，倒入蹄髈煸炒几下，加入10ml料酒、10ml酱油继续煸炒;
                      4.加入500ml热水没过蹄髈，加入10g盐、10g冰糖、10g花椒，汤烧开后，撇去浮沫，用大火烧止蹄髈上色，转小火炖烂，收浓汁即可。"/>
                          <h1>蹄髈</h1> </div>
                      <div class="bx"><img src="img/美食7.jpg" title="内蒙古风味汤菜，俗称羊杂碎。用羊头、蹄、下水为主料，加辅料煮制而成。
                      1.将羊头、蹄的毛，烫、燎、刮洗干净，羊肚用开水烫去毛，心、肝、肠等下水分别翻洗、浸、漂干净。
                      2.锅内加清水入主料及花椒、山奈、小茴香、盐等调味品煮炖，锅开时，撇去浮沫，继续煮至香味溢出，头、蹄的骨肉能分离．其余下水熟烂后捞出，切成条或薄片。
                      3.锅内加羊油烧热，用葱、蒜、辣椒炝锅，添入煮羊骨头汤、清水及适量的原汤和精盐等调味品，待烧开后，下入主料，煮至汤浓味醇时即成。
                      4.配白焙子、香菜食用。此汤味鲜、香辣、浓醇、不膻，深受群众欢迎。"/>
                          <h1>全羊汤</h1></div>
                      <div class="bx"><img src="img/美食4.jpg" title="烧麦，又名“稍美”,做法：
                      1.制作肉馅：羊肉或牛肉选择三分肥7分瘦的为佳，手切馅儿最好吃;
                      2.打糊：肉馅加水，用筷子搅拌，搅拌3分钟，然后再加入水，再搅拌！重复三次，直到将肉馅打出糊状;
                      3.加料：加入盐、 姜、 胡麻油等佐料;
                      4.加葱：放入剁好的大葱，大葱和肉馅的比例约为3:8，之后再次搅拌;
                      5.最后，淀粉用开水冲成糊状，拌入烧麦馅里即可！不喜欢淀粉的也可以不加烧卖也很好包，放好馅儿用虎口收拢起一下就行;
                      6.包好后上锅蒸制15min即可。一壶砖茶，一碟醋少许油泼辣椒，开吃吧"/>
                          <h1>烧麦</h1></div>
                  </div>
                  <div class="box2-ner">
                      <div class="bx"><img src="img/美食5.jpg" title="手把肉，就是手把羊肉。
就是挑选膘肥肉嫩的羊，就地宰杀，扒皮入锅，放入佐料，进行蒸煮，因为净手后吃肉时一手把着肉，一手拿着刀，割、挖、剔、片，把羊骨头上的肉吃得干干净净，所以得名“手把羊肉”。该肉制作过程简单明快，只加一小把盐（也有的不加盐，吃时蘸盐），火候恰如其份，血水消失不久，肉熟而不硬。"/>
                          <h1>手把肉</h1></div>
                      <div class="bx"><img src="img/美食6.jpg"title="
材料及用量：
    全脂牛奶：500ml
    水：150-100ml
    青砖茶：适量
    内蒙古风干牛肉：适量
    内蒙古奶皮：适量
    内蒙古奶豆腐：适量
    内蒙古炸果子：适量
    炒米：适量
    盐：适量"/>
                          <h1>传统奶茶</h1></div>
                      <div class="bx"><img src="img/美食3.jpg" title="奶酪（cheese），又名干酪，是一种发酵的牛奶制品，其性质与常见的酸牛奶有相似之处，都是通过发酵过程来制作的，也都含有可以保健的乳酸菌，但是奶酪的浓度比酸奶更高，近似固体食物，营养价值也因此更加丰富。每公斤奶酪制品都是由10公斤的牛奶浓缩而成，含有丰富的蛋白质、钙、脂肪、磷和维生素等营养成分，是纯天然的食品。就工艺而言，奶酪是发酵的牛奶；就营养而言，奶酪是浓缩的牛奶。
奶酪也是中国西北的蒙古族，哈萨克族等游牧民族的传统食品，在内蒙古称为奶豆腐，在新疆俗称乳饼，完全干透的干酪又叫奶疙瘩，世界出口奶酪最多的国家是荷兰。"/>
                          <h1>蒙古奶酪</h1></div>
                      <div class="bx"><img src="img/美食8.jpg" title="炒米，蒙古文写做“ᠬᠠᠭᠤᠷᠤᠭᠰᠠᠨ ᠪᠤᠳᠠᠭ᠎ᠠ”（音：豪日森巴达），意即炒米。它是用糜子经过蒸、炒、碾等多道工序加工而成的，清香爽口，充饥耐饿，是别具风味的蒙古族传统食品。"/>
                          <h1>炒米</h1></div>
                  </div>
                  <div class="box2-ner">
                      <div class="bx"><img src="img/美食9.jpg" title="卓资山熏鸡是内蒙古自治区乌兰察布市卓资县的一道传统名食，该菜品的制作加工有近百年的历史，是全国三大名鸡之一。以个大体肥、色泽红润、味道鲜美、肉质细嫩而闻名于华北各省、长城内外。尤其是京包、包兰、包太等几条途经卓资山的铁路线，将其带到了全国各地。2019年12月17日，卓资山熏鸡被正式纳入“全国名特优新农产品名录”。"/>
                          <h1>卓资山熏鸡</h1></div>
                      <div class="bx"><img src="img/美食10.jpg" title="丰镇月饼是以小麦面粉、红糖为主料制作的食品。2009年，丰镇月饼制作技艺被列入第二批自治区级非物质文化遗产名录。对于丰镇人来说，丰镇月饼的香味已经超越了食物本身而成为一生的特有记忆。烤好的丰镇月饼丰满圆润，外皮酥脆，内心甜软，咬一口满嘴酥香，绵甜悠长，已成为乌兰察布美食文化的经典符号。"/>
                          <h1>丰镇月饼</h1></div>
                      <div class="bx"><img src="img/美食11.jpg" title="莜（yóu）面是由莜麦加工而成的面粉，在山西北部、内蒙古东南、河北西北部是莜麦面食品的统称。莜面中含有钙、磷、铁、核黄素等多种人体需要的营养元素和药物成份，莜面中还含有一种特殊物质——亚油酸，它对人体新陈代谢具有明显功效。"/>
                          <h1>莜面</h1></div>
                      <div class="bx"><img src="img/美食12.jpg" title="炒傀儡的基本做法是：当地产的土豆，因为很面，好吃，首先把土豆擦成小丝儿，和莜面混合在一起，上蒸锅蒸熟，里面放一点盐。然后在炒菜锅里放适量的胡麻油，锅热后放入葱姜蒜，就可以把傀儡放入锅中翻炒，连炒带焖，做出来的炒傀儡那叫一个香，松软爽口！"/>
                          <h1>炒傀儡</h1></div>
                  </div>
      </div>
      <div class="foot"><p>草原云谷————魅力集宁<br />@计算机201 庞爱</p></div>
  </div>
</body>
</html>

（地图）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>地理位置</title>
        <link href="my home.css" rel="stylesheet" type="text/css" />
        <link rel="shortcut icon" href="logo.ico" />
    </head>
    <body>
        <div class="main">
            <div class="title">内蒙古自治区乌兰察布市地理位置图例</div>
            <div class="center">
                <img src="img/地图0.jpg"/>
                <img src="img/地图-.jpg" />
                <img  src="img/地图.jpg"/>
                <img src="img/地图1.jpg"/>
            </div>
            <div class="foot"><p>草原云谷————魅力集宁<br />@计算机201 庞爱</p></div>
        </div>
    </body>
</html>

（百科信息介绍）

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>走入旗县</title>
  <link href="my home.css" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" href="logo.ico" />
</head>
<body>
  <div class="main">
      <div class="top"><img src="img/封面.jpg" style="width:1024px;height: 426px"></div>
        <div class="nav">
            <ul>
              <li><a href="home page.html" class="hot">首页</a></li>
              <li><a href="food.html" >美食</a></li>
              <li><a href="xuanchuan.html" >宣传视频</a></li>
              <li><a href="country.html">走入旗县</a></li>
              <li><a href="#">关于我们|欢迎投稿</a></li>
            </ul>
        </div>
      <div class="box3">
          <div class="left">
              <li class="rainbow"><a href="#shangdu">商都</a></li>
              <li class="rainbow"><a href="#huade">化德</a></li>
              <li class="rainbow"><a href="#xinghuo">兴和</a></li>
              <li class="rainbow"><a href="#liangcheng">凉城</a></li>
              <li class="rainbow"><a href="#zhuozi">卓资</a></li>
              <li class="rainbow"><a href="#fengzheng">丰镇</a></li>
              <li class="rainbow"><a href="#jiningqu">集宁区</a></li>
              <li class="rainbow"><a href="#siziwangqi">四子王旗</a></li>
              <li class="rainbow"><a href="#qianqi">察哈尔右翼前旗</a></li>
              <li class="rainbow"><a href="#zhongqi">察哈尔右翼中旗</a></li>
              <li class="rainbow"><a href="#houqi">察哈尔右翼后旗</a></li>
          </div>
          <div class="right">
              <hr  id="shangdu" color="pink"/>
              <hr id="yeshou" color="pink"/>
              <p ><font size="10px">商都</font>县位于内蒙古自治区中部，乌兰察布市东北部，辖6个镇、4个乡，总面积4353平方公里。平均海拔1400多米，年降雨量300毫米左右。境内资源富集、能源充足、交通便捷。现已探明的矿产资源有20多种，其中石英石、石灰石、萤石、硅藻土、白泥、高岭土、长石、二氧化碳气田等储量较大，通过地质勘查发现金、银铅锌等金属矿产具有良好的开发前景。风、光资源丰富，发展风电、光伏发电产业优势明显；全县具备了高中低所有等级送电网络，电力供应充足；县政府所在地七台镇是“张库大道”（张家口—蒙古乌兰巴托）的第七个驿站，距张家口市180公里，距北京市380公里，距呼和浩特市220公里，距二连浩特市280公里，是北接蒙古，东连京津冀地区的重要交通枢纽，也是塞外高原通往东北三省的一个节点重镇。根据第七次人口普查数据，截至2020年11月1日零时，商都县常住人口为173926人。2019年，被列为第二批国家农产品质量安全县。2019年，商都县全县地区生产总值完成58.52亿元，增长4.5%。2020年3月，内蒙古自治区人民政府经研究，同意商都县退出贫困旗县序列。2021年8月2日，经中央农村工作领导小组审核同意，将乌兰察布市商都县确定为国家乡村振兴重点帮扶旗县。</p>
              <hr id="huade" color="pink"/>
              <hr color="pink"/>
              <p  ><font size="16px" >化德</font>县是内蒙古自治区乌兰察布市辖县，位于乌兰察布市东北部。北连镶黄旗，西和南面与商都县隔山相望，东部与河北省康保县接壤。根据第七次人口普查数据，截至2020年11月1日零时，化德县常住人口为95273人。化德县总面积2534平方公里，辖3镇3乡，87个村委会、9个社区，325个自然村，在册人口16.37万人，其中城镇人口3.66万人、农村人口12.71万人，农村常住人口5.09万人，是一个蒙、汉、满、回、朝鲜等多民族居住的农牧结合县。2018年9月25日，获得商务部“2018年电子商务进农村综合示范县”荣誉称号。2020年3月，内蒙古自治区人民政府经研究，同意化德县退出贫困旗县序列。2019年，化德县生产总值完成50.79亿元，同比增长7%。2021年8月，经中央农村工作领导小组审核同意，将化德县确定为国家乡村振兴重点帮扶旗县。<p>
              <hr id="xinghuo" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">兴和</font>县是内蒙古自治区乌兰察布市下辖县，地处乌兰察布市东南部。位于北纬40°26″～41°27″，东经113°21′9″～114°7′47″，南北长约109千米，东西较窄，约67千米，总面积为3518平方千米。东以大青山、阿贵山为分水岭，与河北省尚义县相邻；南以长城、大南山为界，与河北省怀安县，山西省天镇县、阳高县交界；西与丰镇市，察哈尔右翼前旗接壤；北与察哈尔右翼后旗、商都县毗连，素有“鸡鸣闻三省”的说法。根据第七次人口普查数据，截至2020年11月1日零时，兴和县常住人口为167881人。 资源丰富，境内有内蒙古高原内流区水系和永定河水系两个水系，共有38条河流，23个中小湖泊，水资源总量为17164万立方米。探明的矿产资源有石墨、膨润土、钼、页岩高岭土等30多个品种。其中石墨矿藏系全国三大石墨基地之一。获得自治区无公害农产品及生产基地、销售点挂牌认证和国家有机农产品转换认证。境内有苏木山森林公园、察尔湖旅游度假两个国家4A级景区，年接待游客达36万人次。苏木山森林公园森林覆盖率达71％，有“天然氧吧”之称。察尔湖旅游度假区，总面积6.6万亩，水域面积7.7平方千米，总库容达1.16亿立方米。2020年，兴和县全年地区生产总值完成57.9亿元，同比增长1.5％。 2018年9月25日，获得商务部“2018年电子商务进农村综合示范县”荣誉称号。2020年3月，内蒙古自治区人民政府经研究，同意兴和县退出贫困旗县序列。</p>
              <hr id="liangcheng" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">凉城</font>县位于乌兰察布市南部，总面积3458.3平方公里  ，辖９个乡镇办事处。森林覆盖率为３５．０６％，位居自治区前列。区位优势明显，是沟通蒙晋冀的重要节点和交通枢纽。根据第七次人口普查数据，截至2020年11月1日零时，凉城县常住人口为119061人。旅游资源富集，是自治区７个宜旅宜居旗县之一。岱海湖是全区第三大内陆湖，著名的水产基地之一，入选国家规划保护的３６５个水质较好湖泊；岱海旅游区被确定为全区１５个优先发展的品牌旅游景区，入选２０１５年全国优秀旅游项目名录；蛮汉山二龙什台国家森林公园是开展森林疗养、科学考察、消夏避暑、登山探险的理想场所。文化底蕴深厚，境内有“老虎山文化”和“园子沟文化”历史文化遗址；绥蒙革命纪念园被列入全国红色旅游二期经典景区名录和全区２０家红色旅游重点景区。工业基础良好，岱海电厂是国家实施“西部大开发”和“西电东送”战略的重点工程之一，是点对网直供北京的电源项目，目前总装机容量为243万千瓦，2015年发电量突破145亿千瓦时。鸿茅实业药酒制作技艺被自治区文化厅确定为非物质文化遗产，鸿茅商标被认定为中国驰名商标和中华老字号。2019年4月18日，内蒙古自治区人民政府决定凉城县退出贫困旗县序列。2020年，凉城县完成地区生产总值45.7亿元。</p>
              <hr id="zhuozi" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">卓资</font>县位于内蒙古自治区中部，西距自治区首府呼和浩特73㎞，东距市府乌兰察布52㎞，南距首都北京430㎞。卓资县周边与呼和浩特及其它8个旗县市相毗邻。县域面积3119平方公里。京包铁路和110国道以及京呼高速公路东西穿越境内九个乡镇，科左公路和集凉公路纵贯南北。根据第七次人口普查数据，截至2020年11月1日零时，卓资县常住人口为85648人。全县物产丰饶，资源富集，已探明矿产３０多种。卓资山熏鸡与德州扒鸡、道口烧鸡，同誉为“中国三鸡”。投资１．５亿元建设的熏鸡博物馆已对外开放。投资２．７８亿元建设的图书大厦，是集图书批发零售、网上交易、批量配送、展览推荐等功能于一体的现代化图书销售中心，品种达１５００多种，图书年销售额达７０００多万元。从１９８２年开始连续６届保持“全国田径之乡”殊荣。旅游胜地，休闲佳处，主要有风情独绝的辉腾锡勒、生态优美的“天然氧吧”红召九龙湾山水、山村民俗的富民庄园、融及人文古迹的大榆树民俗风情景区等。全年接待游客突破４５万人次。大力发展以仓储、配送为主的现代物流业，重点抓好泰达和昌达物流园区建设。充分发挥图书、熏鸡等产业优势，加快建设电子商务平台，开展网上销售。 [16]  2020年，卓资县全年地区生产总值完成54.96亿元，同比增长9.3%。2018年9月25日，获得商务部“2018年电子商务进农村综合示范县”荣誉称号。2020年3月4日，经自治区人民政府研究，同意退出贫困旗县序列。</p>
              <hr id="fengzheng" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">丰镇</font>市位于内蒙古自治区中南部，河北省、山西省、内蒙古自治区三省区交界处，是自治区的南大门，素有“塞外古镇、商贸客栈”之称。丰镇市总面积2722平方公里  。根据第七次人口普查数据，截至2020年11月1日零时，丰镇常住人口为195229人。2018年7月27日，经内蒙古自治区人民政府批准，退出贫困市。2019年，被列为第二批国家农产品质量安全县。2020年，丰镇全市地区生产总值完成86.3亿元，增长1.6%。截至2020年6月，丰镇市设3乡、5镇、5个街道，另有一个工业园区。</p>
              <hr id="jiningqu" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">集宁区</font> ，隶属内蒙古自治区乌兰察布市。 是乌兰察布市政治、经济、文化、信息中心，丝绸之路和草原茶马古道的重要组成部分。  位于内蒙古自治区中部，阴山山脉灰腾梁南麓。 北连察哈尔右翼后旗，东、南、西三面被察哈尔右翼前旗环绕，总面积404.8平方千米。 2020年，集宁区常住人口42.29万，居住着蒙、回、满、藏等17个民族，截至2020年，集宁区下辖8个街道、1个镇、1个乡。区政府驻察哈尔西街18号。金，置集宁县。2003年，撤销集宁市，设立县级集宁区。是对外开放城市、全国婚俗改革实验区  。2020年，集宁区地区生产总值215.1亿元，增长2.7％。规上工业增加值增速15.7%，固定资产投资74.2亿元，三次产业结构2.1:42.6:55.3。</p>
              <hr id="siziwangqi" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">四子王旗</font> ，隶属内蒙古自治区乌兰察布市，位于内蒙古自治区中部，介于北纬41°10′～43°22′，东经110°20′～113°之间。东与乌兰察布市察哈尔右翼中旗、察哈尔右翼后旗及锡林郭勒盟苏尼特右旗毗邻，南与乌兰察布市卓资县、呼和浩特市武川县交界，西与包头市达尔罕茂明安联合旗相连，北与蒙古国接壤，国境线全长104公里。根据第七次人口普查数据，截至2020年11月1日零时，四子王旗常住人口为129372人。四子王旗总面积25513平方千米,人口21万（2008年），下辖5个苏木、3个乡、5个镇、1个牧场。  2020年3月4日，经自治区人民政府研究，同意退出贫困旗县序列。 2020年，四子王旗全年实现地区生产总值60.52亿元。 2021年8月，经中央农村工作领导小组审核同意，将四子王旗确定为国家乡村振兴重点帮扶旗县。</p>
              <hr id="qianqi" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">察哈尔右翼前旗</font>，隶属内蒙古自治区乌兰察布市，位于内蒙古自治区中部，乌兰察布市中南部。东接兴和县，南邻丰镇市，西邻卓资县，北连察哈尔右翼中旗，中间环绕乌兰察布市区。根据第七次人口普查数据，截至2020年11月1日零时，察哈尔右翼前旗常住人口为125172人。 全旗总面积2440平方公里，辖5镇4乡、120个行政村；有蒙、汉、回、满、壮等11个少数民族约8200人，占总人口的3.2%。旗人民政府驻土贵乌拉镇。察哈尔右翼前旗，简称察右前旗，察哈尔为蒙古语，译为“边”的意思，因地处边外而得蒙古族部落名旗名从部落名。全旗区位交通优势明显，处于环渤海经济带、京津冀城市群和呼包银榆经济圈的结合部，是连接东北、华北、西北三大经济区的交通枢纽，是西部大开发、西部边疆地区离北京最近的旗县之一，也是自治区承接京津冀地区产业转移的前沿。2020年，察哈尔右翼前旗全年完成地区生产总值78.1亿元，增长0.7%。境内遗存众多历史文化资源，五千多年前庙子沟古人类聚落遗址，是北方新石器仰韶晚期远古文明的典型代表。赵北长城和汉长城，大土城与大卜子古城遗址犹存。 全旗已探明储量的矿藏18种。多蒙德化工、旭峰特种合金、森诺木材综合加工等66个项目相继建成投产。天皮山冶金化工园区入驻企业25家，累计完成固定资产投资96亿元，综合产能达到170万吨。察哈尔汽贸城完成投资27亿元，众森汽配城、汽车会展中心、交警考试中心等重点功能性工程建成启用。</p>
              <hr id="zhongqi" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">察哈尔右翼中旗</font>是内蒙古自治区乌兰察布市下辖的一个旗，地处阴山北麓，内蒙古自治区中部，地理坐标北纬41°6′～41°29′24″，东经111°55′45″～112°49′51″，总面积4190.2平方千米。察哈尔右翼中旗丘陵、平原各占42.3%,，山地占15.4%。共辖5个镇、4个乡、2个苏木、1个管委会，178个村委会，811个自然村。根据第七次人口普查数据，截至2020年11月1日零时，察哈尔右翼中旗常住人口为86108人。2018年9月25日，获得商务部“2018年电子商务进农村综合示范县”荣誉称号。2020年3月4日，经自治区人民政府研究，同意退出贫困旗县序列。2020年，察哈尔右翼中旗实现地区生产总值53.7亿元，同比增长8.1%。</p>
              <hr id="houqi" color="pink"/>
              <hr color="pink"/>
              <p><font size="10px">察哈尔右翼后旗</font> ，简称察右后旗，位于内蒙古自治区乌兰察布市中北部。大青山北麓。东与商都县、兴和县接壤，南与察哈尔右翼前旗、卓资县毗邻，西与察哈尔右翼中旗、四子王旗交界，北与锡林郭勒盟苏尼特右旗相连。面积3910㎞²。
                  察哈尔右翼后旗，位于乌兰察布市北部。总面积３９１０平方公里 ，辖８个乡镇苏木，白音察干镇为旗政府所在地。根据政府官网数据，截至2021年7月，察哈尔右翼后旗总人口为201871人。 察右后旗交通发达，集通铁路、呼满省际大通道横穿东西，集二铁路、二广高速和２０８国道纵贯南北，是我区煤炭资源外送的重要通道。
                  资源富集，拥有石灰石、风能、褐煤、石油以及农畜产品等多种特色优势资源，是全区重要的建材化工基地、清洁能源输出基地、绿色农畜产品生产加工输出基地。文化资源丰富，拥有火山草原、阿贵庙、天鹅湖、千年古榆、岩文岩画等诸多独特的自然人文景观，民族文化资源丰厚、特色鲜明，是察哈尔文化发祥地，被文化部授予“民族文化特色之乡”美誉。
                  2019年3月，被水利部公布为第一批节水型社会建设达标县（区）。2019年4月18日，内蒙古自治区人民政府决定察哈尔右翼后旗退出贫困旗县序列。2020年，察哈尔右翼后旗地区生产总值完成67.1亿元，同比增长2.6%。</p>
              <a href="#yeshou">回到页首</a>
          </div>
      </div>
    <div class="foot"><p>草原云谷————魅力集宁<br />@计算机201 庞爱</p></div>
  </div>
  </div>
</body>
</html>

（视频）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>乌兰察布市宣传视频</title>
    <link href="my home.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="logo.ico" />
</head>
<body>
    <div class="main">
        <div class="nav">
            <ul>
              <li><a href="home page.html" class="hot">首页</a></li>
              <li><a href="food.html" >美食</a></li>
              <li><a href="xuanchuan.html" >宣传视频</a></li>
              <li><a href="country.html">走入旗县</a></li>
              <li><a href="#">关于我们|欢迎投稿</a></li>
            </ul>
        </div>
        <div class="main div">
            <div class="title">乌兰察布市宣传视频</div>
            <iframe src="//player.bilibili.com/player.html?aid=13005465&bvid=BV15x411p7Yg&cid=21355520&page=1"  border="0" frameborder="no" framespacing="0" allowfullscreen="true" height="426px" width="1000px"> </iframe>
            <iframe src="//player.bilibili.com/player.html?aid=300993864&bvid=BV1DF411N7MW&cid=774341462&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"  height="426px" width="1000px"> </iframe>
        </div>
    </div>
    <div class="foot"><p>草原云谷————魅力集宁<br />@计算机201 庞爱</p></div>
</body>
</html>