html插入图片向下,HTML基础8--插入图片及嵌入

图片放到网页上

用 元素来把图片放到网页上，需要一个src(一般读作其全称 source)来使其生效

Photo

打开浏览器

通常都会把图片和 HTML 放在同一个服务器上

备选文本

属性alt对图片的文字描述，用于在图片无法显示或不能被看到的情况

Photo

打开浏览器(这里故意的把图片的名称写错)

宽度和高度

调节图片在浏览器中的宽度和高度

Photo

打开浏览器

图片标题

title属性来提供标题，鼠标悬停的时候就会有对应的内容显示

公号：伊洛的小屋

个人主页：https://yiluotalk.com/

博客园：https://www.cnblogs.com/yiluotalk/

Photo

title="很美的风景图">

搭配说明文字

添加一段说明文字来搭配图片，用

标签或者

，

可以是几张图片、一段代码、音视频、方程、表格或别的

Photo

title="很美的风景图">

荷兰风车图片

荷兰风车景色图片

嵌入

,,；用于嵌入其他网页，,分别允许嵌入PDF,SVG

允许讲其他的web文档嵌入到当前的文档中。方便引入第三方的网站内容

嵌入地图

width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">

深圳地图

基本要素

allowfullscreen：全屏模式

frameborder：如果设置为1，则会告诉浏览器在此框架和其他框架之间绘制边框，这是默认行为。0删除边框

src：嵌入文档URL路径

width和height ，想要iframe的宽度和高度

sandbox：提高安全性，会尽可能的减少攻击者在网站搞事情的机会

和元素

PDF

width="800" height="1200" typemustmatch>

打开网页