html试题

最新推荐文章于 2024-04-26 23:07:18 发布

苘迷

最新推荐文章于 2024-04-26 23:07:18 发布

阅读量569

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog.php?id=h0j2c0habkjb&title=html%E8%AF%95%E9%A2%98

版权

前端专栏收录该内容

734 篇文章 1 订阅

订阅专栏

1.水平线

要求：1）线左右宽度占屏幕70%

2）设置线的颜色

<html>
<body>
<h1>水平线</h1>
<hr align="left" size="2" width="70%" color="#0000FF">
网页中经常会用到水平线，它的绘制极其简单
<hr align="left" size="10" width="70%" noshade>
下面是带有阴影的水平线
<hr align="left" size="10" width="70%">
</body>
</html>

2.sub和sup标签

1）显示平方：2X²

2）水的分子式:H₂O

3）显示正文字号为6

<html>
<body>
<font size="6">
<p>显示平方：2X<sup>2</sup></p>
<p>水的分子式:H<sub>2</sub>O</p>
</body>
</html>

3.ul标签

<html>
<body>
<ul>
<li>水果
    <ul type="circle">
    <li>榴莲</li>
    <li>荔枝</li>
    </ul>
</li>
<li>蔬菜
    <ul type="circle">
    <li>菠菜</li>
    <li>黄瓜</li>
    </ul>
</li>
<li>咖啡</li>
<li>红酒</li>
<li>奶酪</li>
</body>
</html>

4.ol标签

<html>
<body>
<ol>
<li>第一周
    <ol type="i">
    <li>收集数据</li>
    <li>调研考察</li>
    </ol>
</li>
<li>第二周
    <ol start="5">
    <li>编写可行性报告</li>
    <li>审核报告</li>
    </ol>
</li>
<li>第三周
    <ol type="A">
    <li>成立相关机构</li>
    <li>制定项目完成计划</li>
    </ol>
</li>
<li>第四周</li>
<li>第五周</li>
</ol>
</body>
</html>

5.表格

<html>
<body>
<table border="1">
<caption>价格统计表</caption>
<tr>
    <th>数量</th>
    <th>单价</th>
    <th>总计</th>
</tr>
<tr>
    <td>20000</td>
    <td>5</td>
    <td>100000</td>
</tr>
<tr>
    <td>80000</td>
    <td>0.5</td>
    <td>40000</td>
</tr>
</table>
</body>
</html>

6.表格之colspan

<html>
<body>
<table border="1">
<caption>colspan演示</caption>
<tr>
<th colspan="3">第一季度</th>
<th colspan="3">第二季度</th>
</tr>
<tr>
<td>一月</td>
<td>二月</td>
<td>三月</td>
<td>四月</td>
<td>五月</td>
<td>六月</td>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
<td>30</td>
<td>31</td>
<td>30</td>
</tr>
</table>
</body>
</html>

7.表格之rowspan

<html>
<body>
<table border="1">
<caption>rowspan</caption>
<tr>
<th>季度</th>
<th>月份</th>
<th>天数</th>
</tr>
<tr>
<td rowspan="3">第一季度</td>
<td>一月</td>
<td>31</td>
</tr>
<tr>
<td>二月</td>
<td>28</td>
</tr>
<tr>
<td>三月</td>
<td>31</td>
</tr>
</table>
</body>
</html>