网站建设(广东省云浮网站建设服务中心)

网站建设(广东省云浮网站建设服务中心) - 上往建站

发表日期： 2022-05-28 14:34:04 浏览次数：108

网站建设(广东省云浮网站建设服务中心) - 上往建站

网站建设.png

云浮市降雨量1592.9毫米，折合年降水总量123.91亿立方米，较上年下降12.77%，较多年平均降雨量增长5.9%。属于平水偏多年份。年均水资源总量68.73亿立方米，年均入境水资源总量2235亿立方米。

地下水

云浮市地下水资源量19.59亿立方米，地下水采用量0.476亿立方米，全部为浅层地下水。地下水实际供水量只占地下水资源总量的2.4%，开发利用程度较低。

主要河流

西江发源于云南，流经广西，在广东佛山三水与东江、北江交汇。其干流在江门、中山注入南海。与东江、北江合称珠江。云浮辖区西江干流河段从上游封开县的蟠龙口至下游云城区西坑段共长95千米，流经云浮市郁南、云安，河面一般宽0.5至1千米。全年四季均可通行1000吨级的客货轮，是中国的黄金水道，也是广东和广西的内河航道干线。西江在云浮市境内的支流有蟠龙河、罗旁河、罗定江（又称南江）、蓬远河、南山河、新兴江，流向多为北北东。

罗定江发源于信宜市鸡笼山，流经罗定市的太平、罗镜、连州、罗平、生江、黎少、素龙、附城、罗城、双东和郁南县的大湾、河口、宋桂、连滩、南江口等15个镇，在南江口的下咀汇入西江，全长201千米，流域面积4493平方千米，多年平均流量每秒83.28立方米。罗定江在云浮市境内的干流河道长193千米，流域面积3712平方千米。罗定江支流众多，在云浮境内有12条集雨面积超过100平方千米的支流汇入。罗定江水能理论蕴藏量8.9万千瓦，其中可开发6.96万千瓦，已开发3.69万千瓦。

新兴江发源于新兴县的天露山脉和阳春市的竹山顶（古称绵山），由南向北流经云浮市的新兴县、云城区和肇庆市高要区，在高要区南岸街道注入西江。新兴江流域集雨面积2355平方千米，多年平均径流量16.32亿立方米，在云浮市境内集雨面积1876平方千米，流经云浮市的干流河长111.4千米；河床平均坡降0.10%。新兴江上游干流为簕竹河，支流有回龙河及大南河。大南河由船岗河、集成河、共成河三条支流组成，其余均为小河。

南山河又称大降水，发源于云安区茶洞禾昌顶东（海拔696米），从西南向东北流经云安区和云城区，在云安区都杨镇的降水出口注入西江。沿途主要有大降坑水、高峰水和云楼水汇入。流经境内的集雨面积255平方千米，干流河长46千米，主河道平均坡降0.32%，上游坡度较陡，云城至下游出口段河床较缓，平均坡降1.74%，多年平均流量每秒5.74立方米，多年平均径流量1.81亿立方米，主河道天然落差101米，水能理论蕴藏量3419千瓦，其中可开发1894千瓦，是贯穿云浮市区的河流。

土地资源

云浮市土地总面积77.85万公顷。其中，耕地面积10.26万公顷，园地面积7.4万公顷，林地面积49.08万公顷，草地面积7706.77公顷，城镇村及工矿用地面积4.88万公顷，交通运输用地面积1.20万公顷，水域及水利设施用地面积3.00万公顷，其他土地面积（含设施农用地、田坎、盐碱地、沼泽地、沙地、裸地）1.24万公顷

可以看到，图片 html5.png 不存在，加载失败，此时显示出 alt 属性中的文本信息。

设置图片的宽度和高度

在 <img> 标签中可以使用 width 和 height 属性来指定图片的宽度和高度。默认情况下，这些属性的值都是以像素为单位的。

<img src="./logo.gif" alt="C语言中文网Logo" width="150" height="150"><img src="./html5.png" alt="HTML5 Logo" width="100" height="100">

除此之外，您也可以使用 style 属性指定图片的宽度和高度，如下所示：

<img src="./logo.gif" alt="C语言中文网Logo" style="width: 100px; height: 100px;"><img src="./html5.png" alt="HTML5 Logo" style="width: 150px; height: 150px;">

注意，width 和 height 属性只是临时修改图片的尺寸，并不会改变图片原始文件的大小。

关于 width 和 height 属性的两点建议：

一般建议为图片设置 width 和 height 属性，以便浏览器可以在加载图片之前为其分配足够的空间，否则图片加载过程中可能会导致您的网站布局失真或闪烁。
如果您的页面使用响应式布局（自适应布局），建议在上传图片之前裁剪好尺寸，而不要设置 width 和 height 属性，这样图片能够跟随屏幕宽度自动改变尺寸，从而不会变形，或者超出屏幕宽度。

HTML5 中的图片属性

有时我们需要按照比例来放大或缩小图片的尺寸以适应不同的设备，避免图片过大超出屏幕的范围，为此 HTML5 中增加了<picture>标签，该标签允许您针对不同类型的设备定义多个版本的图片。

在 <picture> 标签中包含零个或多个 <source> 标签，通过 <source> 标签中的 media 属性可以设定匹配条件（允许哪个版本的图片显示），通过 srcset 属性可以定义图片的路径。另外，在 <picture> 标签的最后还需要定义一个 <img> 标签。如下例所示：

<picture><source media="(min-width: 1000px)" srcset="logo-large.png"><source media="(max-width: 500px)" srcset="logo-small.png"><img src="logo-default.png" alt="C语言中文网默认Logo"></picture>

浏览器将评估每个 <source> 标签，并在其中选择最合适的 <source> 标签，如果未找到匹配项，则使用 <img> 标签所定义的图片。另外，<img> 必须是 <picture> 标签的最后一个子元素。

图像映射

图像映射允许您在一个图片中定义超链接，实现思想就是在图像中划分一些区域，并在这些区域中定义超链接。例如，我们可以按照地图的划分为每个国家或城市所在的区域定义超链接。

下面通过示例来演示一下：

<!DOCTYPE html><html lang="en"><head><title>HTML图片映射</title></head><body><img src="logo.png" usemap="#objects" alt="C语言中文网Logo"><map name="objects"><area shape="rect" coords="0,0,82,126" href="http://c.biancheng.net/html/" alt="HTML教程"><area shape="circle" coords="90,58,3" href="http://www.biancheng.net/css3/" alt="CSS教程"><area shape="circle" coords="124,58,8" href="http://www.biancheng.net/js/" alt="JavaScript教程"></map></body></html>

<map> 标签的 name 属性对应的是 <img> 标签的 usemap 属性，<area>标签用于定义图片的可点击区域，您可以在图像中定义任意数量的可点击区域。

注意：图片映射不能应用于网站导航，因为它对搜索引擎并不友好。图像映射经常与地图一起使用，有许多工具都可以创建图像映射，例如 Adobe Dreamweaver 就可轻松创建图像地图。

shape 和 coords 属性

在 <area> 标签中可以通过 shape 属性来定义可点击区域的形状，并通过 coords 属性来定义形状所对应的坐标。其中 shape 属性的可选值有三个，分别是 rect（矩形）、circle（圆形）和 poly（多边形），coords 属性中坐标的值则取决于可点击区域的形状。

假如定义一个矩形的可点击区域，示例代码如下：

其中 x1、y1 代表矩形的左上角坐标，x2、y2 代表矩形的右下角坐标。

假如定义一个圆形的可点击区域，示例代码如下：

其中 x、y 代表圆心的坐标，而 radius 则是圆的半径。

假如定义一个多边形的可点击区域，示例代码如下：

其中每对 x 和 y 的值都代表一个多边形的顶点坐标。

注意：所有坐标都是相对于图片的左上角来计算的。

网站建设(广东省云浮网站建设服务中心) - 上往建站