插入圖片與表格 img 與table


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="./my.jpeg" width="200px" height="100px"/>
<!--這個imag 標簽可以插入一個圖片,只需要將圖片的存放路徑寫入就可以了-->
<!--注意,這里的imag 標簽也是行標簽,下面這一行字母會出現在圖片同一行,就可以證明這一點-->
mdskamdsmakdsmakdmskamdska
</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--設置表格的寬度與高度 px 是像素 大小的單位 1表示表格邊框的寬度 align 位置可以等於left center right -->
<table border="1px" width="500px" height="300px" align="left">

<!--thead : 表頭-->
<thead align="center">
<!--tr: 一行數據-->
<tr>
<!--td: 單元格 寫具體的內容-->
<th>ID</th>
<th>名稱</th>
<th>年齡</th>
</tr>
</thead>


<!--tbody :表格正文內容-->
<tbody align="center">
<tr>
<td>1</td>
<td>zekai</td>
<td>18</td>
</tr>

<tr>
<td>2</td>
<td>zekai2</td>
<td>18</td>
</tr>

<tr>
<td>3</td>
<td>zekai3</td>
<td>18</td>
</tr>

</tbody>

</table>

</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM