美文网首页
ul无序列表、ol有序列表、frameset框架集

ul无序列表、ol有序列表、frameset框架集

作者: zhanglizzy | 来源:发表于2017-03-17 16:12 被阅读112次

    1、ul无序列表:
    关键字:ul无序标签,li列表内容标签。
    属性:type="circle" 空心圆;
    type="disc" 实心圆;
    type="square" 正方形。

    <ul type="circle">
        <li>我是一只小小鸟</li>
        <li>你说能不能飞得高</li>
    </ul><br/>
    
    <ul type="disc">
        <li>可是我就想越飞越高</li>
    </ul><br/>
    
    <ul type="square">
        <li>啦啦啦啦</li>
    </ul>
    
    ul无序列表.png

    2、ol有序列表:
    关键字:ol有序标签,li列表内容标签。
    属性:type="1"阿拉伯数字排序;
    type="I"罗马数字排序(英文数字);
    type="a"小写字母排序;
    type="A"大写字母排序;
    start="2"从第几个开始排序。

    <ol type="1">
        <li>第一天</li>
        <li>第二天</li>
        <li>第三天</li>
    </ol>
    
    <ol type="I">
        <li>第一天</li>
        <li>第二天</li>
        <li>第三天</li>
    </ol>
    
    <ol type="a" start="2">
        <li>第一天</li>
        <li>第二天</li>
        <li>第三天</li>
    </ol>
    
    <ol type="A">
        <li>第一天</li>
        <li>第二天</li>
        <li>第三天</li>
    </ol>
    
    ol无序列表.png

    3、frameset框架集:
    关键字:frameset框架集,一个页面包含多个窗口。
    属性:cols左右分割;可每人占50% cols="50%,%50"、左边占50%剩下的留给另一个页面cols="50%, *",左边多少像素其他的留给另一个页面cols="400px, *";
    rows上下分割;
    norisize 窗口间边线不可移动;
    name="给框架取名";
    scrolling="no";滚动条是否出现,默认为yes

    注意:framset框架集不允许body和body集的存在,包括frames前后的文字都不允许出现。

    多窗口有链接指引跳转的时候,链接后加入target目标指引,这里共需要如下html:框架集html、左边窗口链接html(有几个链接就还需创建几个子html用来跳转)、右边窗口说明html,共四个模块html。

    target属性共五个:
    _blank:表示打开一个全新的页面;
    _self:表示在本页面打开另外一个页面(替换本页面),默认该属性;
    _top:整个浏览器窗口
    _parent:父窗口
    *还有一个就是在target值中直接写对应的那个frame框架的名字,替换所对应的框架窗口。

    框架集html:

    <frameset cols="200px,*">
        <frame name="LeftFrame" src="a.html" noresize frameborder="0" />
        <frame name="RightFrame" src="b.html" />
    </frameset>
    

    左边窗口html:

    <body bgcolor="pink">
    <!-- target 点击后目标指向 -->
    <a href="lizzy.html" target="RightFrame">zhanglizzy</a><br/>
    <a href="tim.html" target="RightFrame">Tim</a>
    </body>
    

    右边窗口html和链接跳转子页面html都是属于说明页就不贴代码了。

    左右窗口刚出现时的效果.png 点击左窗口zhanglizzy链接.png 点击左窗口Tim链接.png

    相关文章

      网友评论

          本文标题:ul无序列表、ol有序列表、frameset框架集

          本文链接:https://www.haomeiwen.com/subject/xslenttx.html