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 ...
随机推荐
- iOS开发人员：事实上你还有非常多东西须要学
iOS 新特性总结(since iOS6) iOS 6 1.废除viewDidUnLoad 收到内存警告须要到didReceiveMemoryWarning中处理 [小技巧] -(void)didRe ...
- AIX下RAC搭建 Oracle10G（五）安装oracle、建立监听
AIX下RAC搭建系列 AIX下RAC搭建 Oracle10G(五)安装oracle.建立监听 环境 节点 节点1 节点2 小机型号 IBM P-series 630 IBM P-series 630 ...
- PRD编写Axure内直接编辑
流程&页面&交互&逻辑 功能点: 1,选项类 设置默认值. 2,输入文本类 设置最多最少字符数. 3,功能按钮,如提交.发布. 判断敏感词,如果有,则点击发布的时候,悬浮提醒“ ...
- Python爬虫开发【第1篇】【动态HTML、Selenium、PhantomJS】
JavaScript JavaScript 是网络上最常用也是支持者最多的客户端脚本语言.它可以收集用户的跟踪数据,不需要重载页面直接提交表单,在页面嵌入多媒体文件,甚至运行网页游戏. 我们可以在网页 ...
- oracle的日期蛋
一切都是扯鸡巴蛋. 在网上查oracle的日期函数用法,得到一大堆语法,林林总总,都是扯鸡巴蛋,没能解决我的问题. 其实,我想写这么一条语句:查找某个日期(不含时分秒)产生或有关的记录.咋写? SQL ...
- 两个喜欢的"新"C#语法
现在C#比较新的语法,我都十分喜欢. 比如属性可设默认值: public string Name { get; set; } = "张三"; 还有一个就是拼接字符串. 以往,通常都 ...
- iOS开发——高级篇——Runloop相关一
一.什么是runLoop 1.说白了,runloop就是运行循环 2.runloop,他是多线程的法宝 通常来讲,一个线程一次只能执行一个任务,执行完之后就退出线程.但是,对于主线程是不能退出的,因此 ...
- Cg入门23： Fragment shader – UV动画（序列帧）
让动画从1-9循环播放此纹理 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkF ...
- HttpServlet容器响应Web客户流程
HttpServlet容器响应Web客户请求流程如下: 1)Web客户向Servlet容器发出Http请求: 2)Servlet容器解析Web客户的Http请求: 3)Servlet容器创建一个Htt ...
- Go实战--通过gin-gonic框架搭建restful api服务(github.com/gin-gonic/gin)
生命不止,继续 go go go !!! 先插播一条广告,给你坚持学习golang的理由: <2017 软件开发薪酬调查:Go 和 Scala 是最赚钱的语言> 言归正传! 之前写过使用g ...