HTML学习-列表、表格等

青旅半醒 2023-10-02 13:42 13阅读 0赞

## 列表 ##

### 有序列表 ###

<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>学科</dt>
        <dd>Java</dd>
        <dd>Python</dd>
        <dd>Linux</dd>
        <dd>C</dd>
        <dt>位置</dt>
        <dd>西安</dd>
        <dd>武汉</dd>
        <dd>重庆</dd>
    </dl>

## 表格 ##

<table border="1">
        <tr>
            
            <td colspan="3">学生成绩</td>
        </tr>
        <tr>
            
            <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>

## 媒体元素 ##

<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="" name="hello" frameborder="0" width="1000px" height="800px"></iframe>
    
    <a href="https://www.baidu.com" target="hello">点击跳转</a>

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

[点击跳转][Link 1]

[Link 1]: https://www.baidu.com