HTML列表标签、div标签、iframe标签、marquee标签等

无序列表ul

 <ul>
        <li>java</li>
        <li>C语言</li>
        <li>Python</li>
    </ul>

 

 无序标签ul

        ul上下默认有16px的margin,有40px的padding-left

        ul、li标签默认独占一行

        ul里面只能放li标签

        无序列表和有序列表可以相互嵌套

有序列表

<ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ol>

有序标签ol

        ol上下默认有16px的margin,有40px的padding-left

        ol、li标签默认独占一行

        ol里面只能放li标签

定义列表

    <dl>
        <dt>可乐</dt>
        <dd>喝了会长胖</dd>
    </dl>

 

 定义列表

        dl:definition list(定义列表)

        dt:definition term(定义名词)  添加要解释的名词

        dd:definition description(定义描述)   添加名词的具体解释

列表标签常用用法

 <ul>
        <li>
            <a href="https://www.baidu.com">百度</a>
        </li>
        <li>
            <a href="https://www.bilibili.com/">哔哩哔哩</a>
        </li>
    </ul>

 div标签

    <div>文本文本</div>

 div可以看作一个容器,用div标签划分HTML结构,配合CSS控制某块样式

marquee标签

<marquee behavior="" direction="">公告:明天小明升总经理</marquee>

 marquee  后续可以用动画代替

iframe标签

<iframe src="https://www.bilibili.com/" frameborder="0" width="1000px"height="500px"></iframe>

 框架标签可以将其他网站嵌套进当前页面,但需要设置宽高,如果宽高不够自动产生滚动条,

删除线标签

 <del>998</del>
    <s>998</s>

 后续可以通过CSS统一添加

fieldset标签       legend标签

    <fieldset>
        <legend>登录界面</legend>
        用户名: <input type="text">
        密码: <input type="password" name="" id="">
    </fieldset>

 fieldset 带边框的标签

legend设置边框上的标题

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值