今天学习html的其他标签：

一、列表

1.无序列表ul

基本结构：

<ul  type="属性值">

<li>列表内容</li>

</ul>

这里的属性值有三种：square  disc  circle

源代码：

<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<ul type="square">
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
<ul>
</body>
</html>

当type="square"时：

当type="disc"时：

当type="circle"时：

2.有序列表ol

基本结构：

<ol type="属性值" start="起始值">

<li>列表内容</li>

</ol>

这里的属性值有5种：1，a，A，i，I

1 阿拉伯数字：1，2，3，…
a 小写字母：a,b,c,…
A 大写字母：A，B，C，…
i 小写罗马数字：i，ii，iii，…
I 大写罗马数字：I,II,III,…

起始值：整数值

例子：

打印显示：

二、frameset框架

基本结构：

<frameset   cols=“按列百分比”  rows=“按行百分比”  frameborder=“边框”>
<frame src=“html路径” />
<frame src=“html路径” />
<frame src=“html路径” noresize/>  <!-- “noresize”当前html不能拖拽 -->
</frameset>

<!--  注释内容 -->

注意：使用frameset不能使用body标签。

源代码：

<html>
<head>
<title>框架</title>
<meta charset="utf-8">
</head>
<frameset cols="50%,*" frameborder="1">
<frame src="案例一.html"/>
<frame src="案例二.html"/>
</frameset>
</html>

这里的* 表示剩余部分。

显示效果：

补充：如果想去掉中间分隔的黑线，设置属性frameborder="0"

如果想设置多层分割，需要嵌套框架：

例如：

<frameset cols="50%,*" frameborder="1">

<frameset rows="50%,*">
<frame src="案例一.html"/>
<frame src="案例二.html"/>
</frameset>

<frameset rows="50%,*">
<frame src="案例三.html"/>
<frame src="案例四.html"/>
</frameset>

</frameset>

结果就是：

网页设计——6.html其他标签的更多相关文章

  1. 网页设计——4.html基本标签链接，图片，表格

    今天主要认识一个有趣的html标签 1.超链接标签a 基本结构:<a href="url" >内容 </a> url就是网页地址. 但直接用这种超链接,会自 ...

  2. 自适应网页设计（Responsive Web Design）

    引用:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面 ...

  3. 手机web——自适应网页设计（html/css控制）

    一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name=" ...

  4. HTML5+CSS3的响应式网页设计：自动适应屏幕宽度

    这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果.对CSS3不是特别的熟练,只能去网上找找案 ...

  5. 无障碍网页设计（WCAG2.0）

    无障碍化是指无论健全人还是残疾人,年轻人还是老年人都可以平等地获取互联网上的信息和服务.无障碍化网站建设不单可以增加网站的受益群体,更是一个有情怀.有担当的互联网企业的责任,也是一个互联网从业人员应该 ...

  6. 网页设计、java、Andorid资源清单整理

    多学多练做笔记很重要. 赤裸裸的干货非鸡汤 网页设计的主要技术:    Html,    Js,    Css,    Ps       HTML/HTML5     网页的基础Html必须知道的.但 ...

  7. paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结

    paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结 响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 ...

  8. PS网页设计教程XXIV——从头设计一个漂亮的网站

    作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,“熟读唐诗三百首,不会作诗也会吟”. 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试 ...

  9. 如何去设计一个自适应的网页设计或HTMl5

    如何去设计一个自适应的网页设计或HTMl5 如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面 ...

随机推荐

  1. swift 之 namespace

    场景:  项目中类名过长,造成不能根据文件名区分出来,并且如果一个模块的类较多时,很难取一个比较优雅的名字.为了使模块名可读, 我们一般的做法就是添加模块前缀.但是如果模块中还有个子模块,如果还继续按 ...

  2. 不借助vue-cli，自行构建一个vue项目

    前言: 对于刚刚接触vue的同学来说,直接用官方的构建工具vue-cli来生成一个项目结构会存在一些疑惑,比如:   .vue组件 为什么可以写成三段式(tempalte.script.style)? ...

  3. python爬虫如何入门

    学爬虫是循序渐进的过程,作为零基础小白,大体上可分为三个阶段,第一阶段是入门,掌握必备的基础知识,第二阶段是模仿,跟着别人的爬虫代码学,弄懂每一行代码,第三阶段是自己动手,这个阶段你开始有自己的解题思 ...

  4. SQL注入技术

    TalkTalk的信息泄漏事件导致约15万人的敏感信息被暴露,涉嫌造成这一事件的其中一名黑客使用的并不是很新的技术.事实上,该技术的「年纪」比这名15岁黑客还要大两岁. ［译注:TalkTalk是英国 ...

  5. Jungle Roads（最小生成树）

    Jungle Roads Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total ...

  6. 「JavaScript」同步、异步、回调执行顺序之经典闭包setTimeout分析

    聊聊同步.异步和回调 同步,异步,回调,我们傻傻分不清楚, 有一天,你找到公司刚来的程序员小T,跟他说:“我们要加个需求,你放下手里的事情优先支持,我会一直等你做完再离开”.小T微笑着答应了,眼角却滑 ...

  7. Java IO编程全解（六）——4种I/O的对比与选型

    转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/7804185.html 前面讲到:Java IO编程全解(五)--AIO编程 为了防止由于对一些技术概念和术语 ...

  8. 微信公众平台快速开发框架 For Core 2.0 beta –JCSoft.WX.Core 5.2.0 beta发布

    写在前面 最近比较忙,都没有好好维护博客,今天拿个半成品来交代吧. 记不清上次关于微信公众号快速开发框架(简称JCWX)的更新是什么时候了,自从更新到支持.Net Framework 4.0以后基本上 ...

  9. struts2+spring3+hibernate3+mysql简单登录实现

    1.导入相关的jar包 2.建立数据库 1 create table account( 2 id int(10), 3 user varchar(50), 4 paw varchar(50) 5 ); ...

  10. Java 核心内容相关面试题【3】

    目录 面向对象编程(OOP) 常见的Java问题 Java线程 Java集合类 垃圾收集器 异常处理 Java小应用程序(Applet) Swing JDBC 远程方法调用(RMI) Servlet ...