上課涉及到一點HTML編程，有的時候網頁上有圖片和多行文字並列顯示的情況，類似下面的簡歷那樣：
查閱了一些方法，才得以實現。記錄在這裏，以備後用，也方便後來人。
首先，可以採用無邊框table實現圖片佈局，具體方法可以參考我的另一篇博客：
https://blog.csdn.net/qq_39609900/article/details/79670776
本文主要介紹<img>標籤中絕對位置的使用。
<div>
<img style="position:absolute;margin-left:960px" src="D:\證件照.png">
</div>
在這裏指定圖片放置的絕對位置，左起960個像素點的位置
上面的效果，實現源碼爲：
<html>
<head>
<title>第一個網頁</title>
</head>
<body>
<div>
<img style="position:absolute;margin-left:960px" src="D:\證件照.png" width="118" height="165" alt="證件照">
</div>
<pre>
<font style="margin-left:350px" size="10" color="black">XXX</font><font style="margin-left:270px" size="4">北京市XXXXXXXXXXXXXXXXXXXXXXXXXXXX</font>
</pre>
<pre>
<font style="margin-left:900px" size="4" color="black">XXXXXX</font>
</pre>
<pre>
<font style="margin-left:330px" size="5" color="gray">北京XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</font><font style="margin-left:140px" size="4" color="black">TEL:XXXXXXXXXXX</font>
</pre>
<pre>
<font style="margin-left:743px" size="4">XXXXXXXXXXXXXXXXXXXXXXXXXX</font>
</pre>
</body>
</html>