html笔记

最新推荐文章于 2024-09-10 20:25:25 发布

Mr.madong

最新推荐文章于 2024-09-10 20:25:25 发布

阅读量371

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/M983373615/article/details/78088735

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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””控制的是表格和文字之间的距离
图示：
这里写图片描述

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>

最后的显示效果图：
这里写图片描述

Mr.madong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html笔记

html中超链接：<a href="URL"></a>其中URL是是同一资源的定位。图片<img src="图片的路径/图片也可以是一个url"width="宽度"height="高度" alt="这是一只狗"border="4px" bordercolor="blue"/>这里的高度和宽度只需要指定一个，他会按照比例缩放，border是边框表格布局<table border="1" border
复制链接

扫一扫