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 ...
随机推荐
- 数据库建表参考(SQL Server)
(1).字段设置为Not Null+Default Value.原因:减少三值判断,可为Null的字段要多判断null:另外,定长字段为null也占空间,变长字段为空字符串也是不占空间,所以设置成 ...
- CronTab命令实例
每2分钟 将date写入到time.log(以下的为奇数分钟运行) */2 * * * * date >> ~/time.log 1-59/2 * * * * date >> ...
- mysql备份及还原
mysql怎样复制数据库?或者说,将数据库拷贝到另外一台机? 按照我的理解,复制数据库,如果是: 1.直接拷贝数据库文件,应该先停数据服务,否则拷不出来.但是,生产机器,哪能说停就停呢? 2.在线拷贝 ...
- docker大全集
1,什么是docker docker 最初是dotCloud公司创始人 Solomon Hykes 在法国期间发起的一个公司内部醒目,于 2013年 3 月以 Apache 2.0 授权协议开源, 主 ...
- Email格式验证
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <html ...
- publish and submit
http://blog.csdn.net/w_jewelry/article/details/8123639 1.Gerrit里点击“publish and submit”提示如下:Your chan ...
- HDU3394 Railway —— 点双联通分量 + 桥（割边）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3394 Railway Time Limit: 2000/1000 MS (Java/Others) ...
- 小程序-demo：小程序示例
ylbtech-小程序-demo:小程序示例 1.返回顶部 0. 1.app.js const openIdUrl = require('./config').openIdUrl App({ ...
- package-lock.json到底是干嘛的？（转载）
package-lock.json到底是干嘛的? https://mp.weixin.qq.com/s/NaVVljKrQAFmHMdbkaYmPg## nvm-windows https://git ...
- PostgreSQL完整备份与还原过程
1. 备份10.12.2.100PC机(服务器)上的数据库(仅备份数据库和对应的数据库里面各表的结构): pg_dump -h 10.12.2.100 -U postgres -p 8101 -d t ...