总结HTML（列表）

最新推荐文章于 2024-09-12 15:08:36 发布

明天…ling

最新推荐文章于 2024-09-12 15:08:36 发布

阅读量599

点赞数 23

文章标签：前端

本文链接：https://blog.csdn.net/2303_79252611/article/details/136131497

版权

一、.关于HTML我觉得有很多的知识，一些简单的一部分构成了一个新闻页面。

（在发布博客的时候也有碰到了政治性的问题，可能这就是为什么每个的新闻页面是不一样的，是受国家的反应的吧。

二、.学了一段时间的HTML了，虽然我是做的很慢，但是做完是有成就感的。

亲戚朋友看见了就觉得一种很厉害的感觉。。。

三、.新闻页面一般通常会用到列表，列表我知道的有三种；有序列表、无序列表and数据列表。\

1、<ol>有序列表 li

tape属性（可以选择不同类型1234）

start属性（序号从哪里开始）只对数值序号上有用

reversed属性（表示反/降序）

    <ol>
        <li>前端</li>
        <li>前端</li>
        <li>前端</li>
    </ol>

2、<ul>无序列表

tape属性--样式disc（默认值实心圆）常用在新闻页面squre

circle是空心的

<ul type="squre">
        <li>哈哈</li>
        <li>哈哈</li>
        <li>哈哈</li>
        <li>哈哈</li>
    </ul>
    <ul type="circle">
        <li>哈哈</li>
        <li>哈哈</li>
        <li>哈哈</li>
        <li>哈哈</li>
    </ul>

放图看区别：

3、数据列表dl（只能有那个5个dt，但是h5后可以有多个dt）

dt --数据列表的标题

dd --内容

    <dl>
        <dt>地方新闻</dt>
           <dd>内容1</dd>
           <dd>内容2</dd>
           <dd>内容3</dd>
           <dd>内容4</dd>
           <dd>内容5</dd>
        <dt>国际新闻</dt> 
           <dd>内容1</dd> 
           <dd>内容2</dd>
           <dd>内容3</dd>
           <dd>内容4</dd>
           <dd>内容5</dd>

    </dl>

四、在制作新闻页面的时候，我就真的很爱那种前面点点是红的，后面内容是黑的。

然后我就请教了老师，看完了发现原来和给文字加色彩是一样简单的，嘿嘿。

加style就可以实现的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        ul{
            color: red;
        }
        p{
            color:black;
        }
    </style>
</head>
<body>
    <div>
        <ul>
            <li><p>段落内容</p ></li>
            <li><p>段落内容</p ></li>
	        <li><p>段落内容</p ></li>
        </ul>
    </div>
</body>
</html>

真的很爱老师。我一直乱试，真的试不出来一点好吗？可能就是脑袋一下子转不出来了，再网上搜也没有搜到。。。。