速补前端1.2

依旧用Liga的图像作为背景

<! DOCTYPE HTML>
<html>
<body background=”https://9dream.me/wp-content/uploads/2016/09/liga-2189×3000.jpg”>
<h1> Hello <br>Liga</h1> <p><small>在所有物是人非的景色里我只喜欢你</small></p>
</body>
</html>

gif 和 jpg 文件均可用作 HTML 背景。
如果图像小于页面,图像会进行重复。


<! DOCTYPE HTML>
<html>
<body>
<h1> Hello <br>Liga</h1> <p><small>在所有物是人非的景色里我只喜欢你</small></p>
<p><img src=”https://9dream.me/wp-content/uploads/2016/09/liga-2189×3000.jpg” alt=”Liga”></img></p>
</body>
</html>

如果无法显示图像,将显示 “alt” 属性中的文本liga


把图片作为链接,制作图像link

见文件8.1.htm

<! DOCTYPE HTML>
<html>
<body><p>
<h1> Hello <br>Liga</h1> <p><small>在所有物是人非的景色里我只喜欢你</small></p>
<a href=”https://9dream.me/wp-content/uploads/2016/09/liga-2189×3000.jpg”> <img border=”0″ src=”https://9dream.me/wp-content/uploads/2016/09/未标题-1.jpg”></a>
</p></body>
</html>


使用 HTML 创建表格。带有标题的table

<! DOCTYPE HTML>
<html>
<body><p>
<h1> Hello <br>Liga</h1> <p><small>在所有物是人非的景色里我只喜欢你</small></p>
<table border=”6″>
<caption> 电影简介</caption>
<tr>
<td> 国家 </td>
<td> 电影名字 </td>
<td> 主要演员 </td>
</tr></table>
<h4>两行三列:</h4>
<table border=”6″>
<caption> 电影简介</caption>
<tr>
<td> 国家 </td>
<td> 电影名字 </td>
<td> 主要演员 </td>
</tr>
<tr>
<td> 日本 </td>
<td> 东爱 </td>
<td> 赤名莉香 </td>
</tr>
</tr></table>
</p>
</body>
</html>


带有标题,图片背景的table,无序列表ul <li> 有序列表<ol>

<html>

<body>

<table border=”1″ background=”https://9dream.me/wp-content/uploads/2016/09/cropped-wind.jpg”>
<tr>
<td>
<p>国内电子商务平台主要有哪些?</p>
<p>阿里,京东,苏宁,国美,聚美优品</p>
</td>
<td> 这是表格里的表格
<table border=”1″>
<tr>
<td>美国</td>
<td>中国</td>
</tr>
<tr>
<td>发达</td>
<td>发展中</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>中国跨境卖家的3大主流B2C平台:
<ul>
<li>amazon</li>
<li>ebay</li>
<li>aliexpress</li>
</ul>
</td>
<td>

<ol><li>老麦都在入驻入驻walmart</li>

<li>原因</li>

<li>前景</li></ol>

</td>
</tr>
</table>

</body>
</html>

 

此条目发表在Visions of DATA, 前端分类目录。将固定链接加入收藏夹。