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 ...
随机推荐
- 将C++的标识符转成OC的标识符
3.将C++的标识符转成OC的标识符 C++的标识符和OC一样由数字字母下划线组成.打头的不是数字.当标识符超过一个单词, C++採用全字母小写.单词间用下划线连接的书写规范,如: bei_jing ...
- Python标准库：内置函数complex([real[, imag]])
本函数能够使用參数real + imag*j方式创建一个复数.也能够转换一个字符串的数字为复数:或者转换一个数字为复数.假设第一个參数是字符串,第二个參数不用填写.会解释这个字符串且返回复数.只是,第 ...
- 解决IOS滑动页面fixed浮动问题
<div style="position: fixed"></div> <div style="height: 100%; overflow ...
- Koa2学习（五）中间件
Koa2学习(五)中间件 Koa2通过app.use(function)方法来注册中间件. 所有的http请求都会依次调用app.use()方法,所以中间件的使用顺序非常重要. 中间件的执行顺序 官方 ...
- 8088汇编跳转和PSW状态字寄存器
DDD 8088 汇编跳转 日期:2003年6月12日 出处:嬴政天下整理收藏 作者:看雪 人气: 8735 8088 汇编跳转 一.状态寄存器 PSW(Program Flag)程序状态字寄存 ...
- ToolBar修改返回按钮图标
使用Toolbar时,有时因为不同的手机设备,不能使用系统默认的主题样式或者图标,必须指定特定的资源,防止APP在不同设备上的效果不一样! 我在使用Toolbar时,把这个布局作为一个公共的了,所以修 ...
- 风云流水 jQuery技巧总结 （转）
jQuery技巧总结 (转) 一.简介 1.1.概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype.YUI.jQuery.m ...
- I.MX6 DNS 查看、修改方法
/************************************************************************** * I.MX6 DNS 查看.修改方法 * 说明 ...
- cmd登入mysql的命令不要写分号
下面是正确的: 下面这个就是错误的 mysqldump同理
- Windows Hadoop安装
由于hadoop版本2.7.1对其他相关工具兼容较好,本文以此版本为例. 一.下载解压 各镜像站现已没有这个版本,所以去Apache官网下载 http://www.apache.org/dyn/clo ...