在代码插入图像的位置

Posted q2546

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在代码插入图像的位置相关的知识,希望对你有一定的参考价值。

在代码插入图像的位置将对如何显示图像产生影响。以下分别是在代码插入图像的三种位置由此也会产生不同效果。

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>TODO write content</div>
        <img src="images/bird.gif" alt="Bird" width="100" height="100" />
        <p>第一种,在段落前,段落在图像之后另起一行开始显示</p>
        <hr />
        <p><img src="images/bird.gif" alt="Bird" width="100" height="100" />
        第二种,在段落起始处,段落文本的第一行将于图像底部对齐</p>
        <hr />
        <p>第三种,在段落之中 <img src="images/bird.gif" 
        alt="Bird" width="100" height="100" />图像将位于它所在段落文字之中</p>
    </body>
</html>

  

以上是关于在代码插入图像的位置的主要内容,如果未能解决你的问题,请参考以下文章

zoho在线文档使用小技巧

KDoc:插入代码片段

代码片段使用复杂的 JavaScript 在 UIWebView 中插入 HTML?

将代码片段插入数据库并在 textarea 中以相同方式显示

如何更改谷歌地图标记上方的标题和片段设计

收藏|分享前端开发常用代码片段