[Python知识库]HTML(2)

1.多媒体标签

①图片：

<img src="封面2.jpg" width="300px" title="Python">

title的内容是鼠标悬浮在图片上时的提示语。

②音频：

<embed src="music/我要你.mp3"></embed>

③视频：

<embed src="video/周杰伦-说好的幸福呢.mp4" width="500px"></embed>

2.超链接标签

①点击变色文字，网页跳转到所给网址，且新网页覆盖原网页。

<a href="https://www.baidu.com" "target"="_self">这是一个超链接标签</a>

②在新的网页中打开所给网址

<a href="https://www.baidu.com" target="_blank"> 这是一个超链接标签</a>

③点击图片跳转到所给网址

<a href="https://www.baidu.com"><img src="封面2.jpg"></a>

④从页面的一处跳转到另一处(使用页面较长的情况)

    <a name="1F"></a> <!--设置锚点-->
    <h1>手机</h1>
    <p>华为</p>
    <p>华为</p>
    <p>华为</p>
    <a name="2F"></a> <!--设置锚点-->
    <h1>化妆品</h1>
    <p>郁美净</p>
    <p>郁美净</p>
    <p>郁美净</p>
    <a name="3F"></a> <!--设置锚点-->
    <h1>电脑</h1>
    <p>联想</p>
    <p>联想</p>
    <p>联想</p>
    <a href="#1F">手机</a>
    <a href="#2F">化妆品</a>
    <a href="#3F">电脑</a>

⑤跳转到另一页面的锚点处

<a href="设置锚点.html#3F">超链接</a>

3.列表标签

①无序列表

    <h1>起床之后要做的事</h1>
    <ul type="square">
        <li>睁眼</li>
        <li>穿衣服</li>
        <li>上厕所</li>
    </ul>

②有序列表

    <h1>学习Java的顺序</h1>
    <ol type="I">
        <li>JAVASE</li>
        <li>ORACLE</li>
        <li>MYSQL</li>
    </ol>

4.表格标签

①<tr>表示一行，<td>表示一个单元格，默认情况表格无边框。

        <tr>
            <td>学号</td>
            <td>姓名</td>
            <td>班级</td>
            <td>成绩</td>
        </tr>
        <tr>
            <td>1001</td>
            <td>小明</td>
            <td>2</td>
            <td>65</td>
        </tr>
        <tr>
            <td>1002</td>
            <td>张三</td>
            <td>1</td>
            <td>80</td>
        </tr>
        <tr>
            <td>1003</td>
            <td>王二</td>
            <td>3</td>
            <td>96</td>
        </tr>

②设置单元格格式

<table border="1px" cellspacing="0px" width="400px" height="300px">

③单元格合并，如行合并

    <table border="1px" cellspacing="0px" width="400px" height="300px">
        <tr>
            <td>学号</td>
            <td>姓名</td>
            <td>班级</td>
            <td>成绩</td>
        </tr>
        <tr>
            <td>1001</td>
            <td>小明</td>
            <td>2</td>
            <td rowspan="3">65</td>
        </tr>
        <tr>
            <td>1002</td>
            <td>张三</td>
            <td>1</td>

        </tr>
        <tr>
            <td>1003</td>
            <td>王二</td>
            <td>3</td>

        </tr>

5.内嵌框架，即在网页中嵌入一个网页并使其显示

<a href="封面2.jpg" target="iframe_my">图片</a>
<iframe name="iframe_my" width="500px" height="400px"></iframe>

点击“图片”后，内嵌框中出现封面2。