首先打开hbuilder软件，新建啊一个html文件并在里面创建一个div容器，容器设置class属性名为container，div内设置一个图片。
创新互联建站于2013年成立，先为紫金等服务建站，紫金等地企业，进行企业商务咨询服务。为紫金企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
所以两张不同高度的图片并排在一起的话，默认是基线对齐，如果要顶端对齐，可以对图片添加float：left的样式，还可以使用vertical-align属性，这个属性的值很多，要好好看才能理解，嫌麻烦就用第一种方法就行。
解决水平居中的办法：如果图片左浮动并且display：inline时，只要给图片设置一个text-align：center属性，就顺利解决了水平居中。解决垂直居中的办法：使用display：table-cell和设置了display：inline-block的线合span。
第一种方法：用dreamweaver软件插入图片打开dreamweaver软件，点击插入，选择图像，如图 在站点文件夹下面选择要插入的图像，次站点目录是桌面。
在代码中经常用到的插入图片代码是img属性，格式就是src后面是添加图片的地址，后面的alt是对图片的描述。在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。
添加img 标签，资源“src”里面填写本地图片的路径名：用浏览器打开文件，即可看到图片已添加成功，如下图所示 img标签定义及使用说明：img 标签定义 HTML 页面中的图像。
首先在电脑桌面中，鼠标双击桌面图标，进入dw软件，会出现选择项 进入以后，选择创建html文件，双击即可，在这里也可以打开最近所使用的html文件，也可以选择以前编辑的网页。
目前最常见的解决方案作为一般规则，你会在任何响应式网站中发现以下CSS样式：1img {2max-width： 100%；3height： auto；4}此代码使用max-width：100%的设置，以确保图像永远不会超越其父容器的宽度。
HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。
只要你会5，就可以做响应式布局。 如果不用5语言写，那就用普通的4来写，宽高用百分比来表示就行，赵一鸣随笔部落格就是用百分比来表示的，你可以搜寻开启网站看一下。