2017-11-29 HTML5样式、链接和表格
HTML5样式、链接和表格
HTML5列表
<ol> 有序列表
<ul> 无序列表
<li> 列表项
<dl> 列表
<dt> 列表项
<dd> 描述
---------------
1.无序列表
使用<ul>、<li>
属性：disc、circle、square
2.有序列表
使用<ol>、<li>
属性：A、a、I、i、start
3.嵌套列表
使用<ul>、<ol>、<li>
4.自定义列表
使用<dl>、<dt>、<dd>
<!doctype html>
<html>
<head>
<meta charset = 'utf-8'>
<title>HTML5样式、链接和表格</title>
</head>
<body>
<a href = 'http://www.baidu.com '>百度</a><br/>
<ul><!-- 无序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ul>
<ul type = 'disc'><!-- 无序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ul>
<ul type = 'circle'><!-- 无序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ul>
<ul type = 'square'><!-- 无序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ul>
<ol ><!-- 有序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
<ol type = 'A'><!-- 有序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
<ol type = 'a'><!-- 有序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
<ol type = 'I'><!-- 有序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
<ol type = 'i'><!-- 有序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
<ol start = '16'><!-- 有序-->
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
<ul><!-- 嵌套-->
<li>动物</li>
<ul>
<li>陆地动物</li>
<ul>
<li>猫</li>
<li>牛</li>
<li>羊</li>
</ul>
<li>水中动物</li>
<ul>
<li>海洋动物</li>
<ul>
<li>鲨鱼</li>
<li>鲸鱼</li>
</ul>
<li>淡水动物</li>
<ul>
<li>鲤鱼</li>
<li>鲫鱼</li>
</ul>
</ul>
</ul>
<li>植物</li>
<ol>
<li>松树</li>
<li>蒲公英</li>
<li>仙人球</li>
</ol>
</ul> </body>
</body>
<html>
2017-11-29 HTML5样式、链接和表格的更多相关文章
- HTML5学习笔记<三>: HTML5样式, 连接和表格
HTML样式 1, 标签: <style>: 样式定义 <link>: 资源引用 2. 属性: rel="stylesheet": 外部样式表 type=& ...
- 2017.11.29 JSP+Servlet 中功能验证码及验证的实现
源代码如下: validate.jsp <%@ page language="java" import="java.util.*" pageEncodin ...
- HTML5样式、链接和表格
-------------------siwuxie095 HTML5 样式 1.标签 <style> 标签:样式定义 <link> 标签:资源引用 2.属性 rel:用于指定 ...
- HTML5 格式化、样式、链接、表格
HTML格式化.样式.链接.表格的使用举例
- HTML5样式和列表、CSS链接的四种状态
一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel=& ...
- 11：HTML5 发展史
11:HTML5 发展史 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队. HTML 5 ...
- html5常用标签table表格布局
html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...
- HTML5学习笔记之表格标签
HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...
- Xamarin 2017.11.9更新
Xamarin 2017.11.9更新 本次更新主要针对Xamarin.iOS,适配了iOS 11.1和Xcode 9.1.Visual Studio 2017升级到15.4.3获得新功能.Visu ...
随机推荐
- Java对象的创建过程
//TODO https://www.cnblogs.com/chenyangyao/p/5296807.html
- Linux的xshell命令
1,Linux基本命令行的组成结构 2,Linux系统命令操作格式 命令 空格 参数 空格 需要处理的内容 rm -rf /tmp/* ls -la /home 一般情况下(参数)是可 ...
- [Unity3D]Unity3D游戏开发之连续滚动背景
在诸如天天跑酷等2D游戏中.因为游戏须要表现出运动的感觉.通常都会使游戏背景连续循环滚动以增强视觉效果,那么今天.博主就来带领大家一起来实现连续滚动背景吧. 首先来讲述一下原理.准备两张连续的图片(博 ...
- 设计模式-（13）访问者模式 （swift版）
一,概念 访问者模式,是行为型设计模式之一.访问者模式是一种将数据操作与数据结构分离的设计模式,它可以算是 23 中设计模式中最复杂的一个,但它的使用频率并不是很高,大多数情况下,你并不需要使用访问者 ...
- idea如何将普通文件夹转成java项目root目录/maven
转java项目 转maven 选中pom文件右键就能看到了
- 并不对劲的DFT
FFT是一个很多人选择背诵全文的算法. #include<algorithm> #include<cmath> #include<complex> #include ...
- python-----flask项目端口设置无效
最近在做flask项目时发现了一个问题,在项目里写: app.run(host='0.0.0.0',port=9000) 但启动时,还是使用5000端口启动的. 后来经过测试,解决方法有两个: 如果启 ...
- bzoj 1127 KUP —— 最大子矩形+答案构造
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=1127 首先,把权值 > 2*k 的点作为“坏点”,然后在图中用悬线法找权值最大的子矩形 ...
- JavaScript-Tool：CKFinder
ylbtech-JavaScript-Tool:CKFinder 1.返回顶部 CKFinder是一个强大而易于使用的Web浏览器的Ajax文件管理器. 其简单的界面使得它直观,快速学习的各类用户,从 ...
- 《Iterative-GAN》的算法伪代码整理
花了一下午时间整理本人的论文Iterative-GAN的算法伪代码,由于篇幅较长,投会议方面的文章就不加入了,以后如果投期刊再说.留此存档.