HTML学习-列表、表格等

列表

有序列表

<!--有序列表-->
 <ol>
     <li>Java</li>
     <li>Python</li>
     <li>运维</li>
     <li>前端</li>
 </ol>

无序列表

<!--无序列表-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>运维</li>
    <li>前端</li>
</ul>

自定义列表

<!--自定义列表
dl:标签
dt:列表名称
dd:列表内容
-->
<dl>
    <dt>学科</dt>
    <dd>Java</dd>
    <dd>Python</dd>
    <dd>Linux</dd>
    <dd>C</dd>
    <dt>位置</dt>
    <dd>西安</dd>
    <dd>武汉</dd>
    <dd>重庆</dd>
</dl>

表格

<!--表格table
行   tr
列   td
-->
<table border="1">
    <tr>
        <!--colspan 跨列-->
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
        <!--rowspan 跨行-->
        <td rowspan="2">hh</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
        <td rowspan="2">lzj</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
</table>

媒体元素

<!--音频和视频
src:资源路径
controls：控制条
autoplay:自动播放

-->
<!--<video></video>-->
<audio src="../resources/audio/DAOKO,米津玄師%20-%20打上花火.mp3" controls autoplay></audio>

页面结构分析

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LbThcEQO-1635780464480)(C:\Users\86158\Desktop\java博客学习\HTML\列表、表格、表单.assets\image-20211101154215156.png)]

内联框架

<!--iframe内联框架
src：地址
w-h:宽度高度
-->
<!--<iframe src="https://www.baidu.com" name="hello" frameborder="0" width="1000px" height="800px"></iframe>-->
<iframe src="" name="hello" frameborder="0" width="1000px" height="800px"></iframe>

<a href="https://www.baidu.com" target="hello">点击跳转</a>

r=“0” width=“1000px” height=“800px”>

点击跳转