广东省河源外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发

发表日期： 2022-05-28 14:25:56 浏览次数：81

网站建设.png

河源上古属扬州南境，战国属楚。

秦汉时属南海郡。

秦始皇三十三年（公元前214年），秦平南越，置龙川县，赵佗为令。

南齐（483年）始置河源县。

隋唐宋属循州。

明正德十三年（1518年），时任左都御史王阳明率师平定浰头起义，遂奏朝廷设和平县治，经核准设立和平县。

明隆庆三年（1569年）置永安县。

明崇祯七年（1634年）始建连平州。

清属惠州。清宣统三年（1911年），连平改州为县。民国三年（1914年），原广东永安县更名为紫金县。

1913年，属广东省都督府潮循道，后直属广东省革命政府东江行政委员会。

新中国成立后，先后属东江行政委员会、东江行政专员公署、粤东行政公署、韶关地区、惠阳地区等。

1988年1月，国务院批准撤销河源县，设立河源市，辖6个县区 [5] 。

1993年11月，民政部批复同意撤销河源市郊区，设立东源县 [15] 。

2014年5月20日，河源江东新区正式挂牌成立 [16] 。

2015年2月，经国务院批准，河源市高新技术开发区升格为国家高新区。是为粤东西北地区首个国家级高新技术开发区 [17] 。

2018年1月，根据省民政厅文件，设立城东街道办事处。城东街道由河源江东新区代管

河源市处于粤东北山区与珠江三角洲平原地区的结合部，属山地丘陵地区。境内地势东北向西南倾斜，粤赣边境山高岭峻，最高峰连平县黄牛石顶，海拔1430米。山脉多北东走向，主要山脉有北西部九连山脉，斜贯中部的罗浮山脉及南东边缘的莲花山脉。东江、新丰江纵贯全境，山岭与盆地相间，在山间和东江边分布着冲积小平原和宽广的谷地。在地貌分区上，河源市地貌主要属粤东褶断侵蚀剥蚀平行岭谷低山丘陵区，进一步可划出4个北东向平行排布的带状亚区。北西部连平则属粤北褶断侵蚀溶蚀中低山区。

气候

河源市属亚热带季风气候，气温偏高，年平均气温21.0℃，比常年偏高0.5℃，全年气温变化异常，高温日数多；年平均降水量1742.0毫米，比常年略偏多，降水时空分布不均；日照时数偏少，年平均日照总时数1733.9小时，比常年偏少1成，时空分布不均。

水文

河源市水系分为东江、北江、韩江三大流域，东江流域面积13737平方千米，约占全市面积的87.3%；北江流域面积326平方千米，约占全市面积2.1%；韩江流域面积1670平方千米，约占全市面积10.6%。全市有近百条河流。

市境内第一大河流为东江，发源于江西省寻乌县桠髻钵山和安远县三百山，上游称寻乌水，流入广东在龙川五合圩与安远水汇合后始称东江，全长562千米，流经市境内龙川、和平、东源、源城和紫金等县区，境内河段长193.6千米。

第二大河是新丰江，发源于新丰县小镇崖婆石，流经新丰县小镇、梅坑、丰城、大席等乡镇向南流经西坑，与连平忠信河汇合流入东源县境内半江，纳船塘河、骆湖河、灯塔河，再集治溪、立溪、古岭、南湖诸水，穿过河源市区而汇入东江，也是东江第一大支流。此外，较大的河流还有秋香江、浰江 [21] 。

可以看到，图片 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 的值都代表一个多边形的顶点坐标。

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

广东省河源外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发