html笔记

Posted 2022-01-13 Mr_madong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html笔记相关的知识，希望对你有一定的参考价值。

html中超链接：

<a href="URL"></a>

其中URL是是同一资源的定位。

图片

<img src="图片的路径/图片也可以是一个url"width="宽度"height="高度" alt="这是一只狗"border="4px" bordercolor="blue"/>

这里的高度和宽度只需要指定一个，他会按照比例缩放，border是边框

表格布局

<table border="1" bordercolor="red" cellpadding="10" width="400px">

        <tr>
            <td align="center" colspan="3">菜谱</td>
        </tr>
        <tr>
            <td align="center" colspan="3">菜谱</td>
            <td align="center" colspan="3">菜谱</td>
            <td align="center" colspan="3">菜谱</td>
        </tr>
        <tr>
            <td align="center" colspan="3">菜谱</td>
            <td align="center" colspan="3">菜谱</td>
            <td align="center" colspan="3">菜谱</td>
        </tr>

    </table>

“cellpadding=”10””控制的是表格和文字之间的距离
图示：
html笔记_缩放
html笔记_Java_02

Frameset框架集

text.html文件

<meta charset="utf-8">

<frameset cols="50%,50%">
    <frame name="frame1" src="b.html"></frame>
    <frame name="frame2" src="c.html"></frame>
</frameset>

b.html文件

<meta charset="utf-8">
<body bgcolor="green">
    <a href="1.html" target="frame2">周杰伦</a><br/>
    <a href="2.html" target="frame2">陈奕迅</a><br/>
    <a href="3.html" target="frame2">刀郎</a><br/>
    <a href="4.html" target="frame2">刘欢</a><br/>

</body>

c.html文件

<meta charset="utf-8">
<body bgcolor="pink">
    c.html
</body>

1，2，3，4.html文件

<meta charset="utf-8">
<body bgcolor="">周杰伦</body>

<meta charset="utf-8">
<body bgcolor="blue">陈奕迅的歌</body>

<meta charset="utf-8">
<body>刀郎的歌</body>

<meta charset="utf-8">
<body>刘欢的歌</body>