超链接/列表/多媒体/表格标记

最新推荐文章于 2024-09-13 17:21:46 发布

东方翱翔

最新推荐文章于 2024-09-13 17:21:46 发布

阅读量326

点赞数 3

分类专栏：前端HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_74861982/article/details/142187575

版权

前端HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.超链接标记，

要将两个前端网页连接起来用什么标记呢？

答案是a标记，也就是超链接

下图就是两个html建立了超链接

效果是点击我是1号会跳转到我是2号那里

2.列表标记分为有序列表ol和无序列表ul,

每一列用li标签

<hr color="yellow">
    <h2>有序列表</h2>
    <ol>
        <li>Monday</li>
        <li>Tuesday</li>
        <li>Wednesay</li>
        <li>Thursday</li>
        <li>Friday</li>
        <li>Saturday</li>
        <li>Sunday</li>
    </ol>

    <hr color="yellow">
    <h2>无序列表</h2>
    <ul>
        <li>spring</li>
        <li>summer</li>
        <li>autumn</li>
        <li>winter</li>
    </ul>

有序列表还有一个type属性，可以指定为1 A a I i,

分别表示从1开始编号 1 2 3 4..

分别表示从A开始编号 A B C D..

分别表示从a开始编号 1 2 3 4..

分别表示从I开始编号 I II III IV..

分别表示从i开始编号 i ii iii iv..

这里演示一个type="i"的情况

<ol type="i">
        <li>Monday</li>
        <li>Tuesday</li>
        <li>Wednesay</li>
        <li>Thursday</li>
        <li>Friday</li>
        <li>Saturday</li>
        <li>Sunday</li>
    </ol>

列表其实还可以嵌套使用，思考如下列表怎么用列表做呢？

这里直接贴上代码哦

<p>信息科学与工程学院包含专业如下</p>
    <ul>
        <li>计算计科学与技术专业</li>
        <ol>
            <li>网络工程方向</li>
            <li>大数据方向</li>
            <li>软件工程方向</li>
        </ol>
        <li>电子信息工程专业</li>
        <li>计算机应用技术</li>
    </ul>