美文网首页
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框架集

    1、ul无序列表:关键字:ul无序标签,li列表内容标签。属性:type="circle" 空心圆;type="d...

  • HTML笔记11:HTML标签

    ol:order list有序列表 ul:unordered list 无序列表

  • 认识body标签二

    1.使用ul添加无序列表 语法: ol(ordered list)有序列表ul (unordered list) ...

  • 第二节:HTML知识点升级

    高级标签 列表:无序列表ul>li;有序列表ol>li;自定义列表dl>dt+dd;列表嵌套ul>li>ul>li...

  • 列表和边框

    列表 (1)有序列表(ol)start=“”从几开始排序 无序列表(ul)type=“square方块"只能在无序...

  • html ul,ol,dl的用法与区别

    先认识一下无序列表(ul),有序列表(ol)和定义列表(dl): ul栗子: …… …… 表现为: …...

  • HTML第二小节

    一、列表标签 1、无序列表:ul--li 2、有序列表:ol--li 备注:ul和ol中间不能嵌套标签,li中间可...

  • Web学习备忘

    html ul:unordered list “无序列表”的意思。 OL:Ordered List 有序列表 标准...

  • 零基础学Web前端开发(4)

    html列表概述 列表分为三类:1、有序列表(ol),2、无序列表(ul),3、定义列表(dl) 有序列表的列表项...

  • H5学习从0到1-H5列表(8)

    列表的基本语法 ol:有序列表 ul:无序列表 li:列表项 dl:列表 dt:列表项 dd:列表描述 常用列表 ...

网友评论

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

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