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 ...
随机推荐
- IPython与Jupyter notebook 安装与配置，插件扩展，主题，PDF输出
基于 python2.7.13 32-bit版本安装 1.安装pyreadline https://pypi.python.org/pypi/pyreadline 下载对应的32位版本 安装Micro ...
- java实用技能 上传文件 等等
1.IOS AES对称加密,加密结果不同,问题解决 IOS http post请求,使用AFNetworing 框架,默认请求content-type为application/json ,所以无法使 ...
- 6.游戏特别离不开脚本（3）-JS脚本操作java（直接解析JS公式，并非完整JS文件或者函数）
engine.put("usList", us); engine.put("obj", new JSModifiedJava()) ; 取个变量名就put进去 ...
- POJ 1269 Intersecting Lines（线段相交，水题）
id=1269" rel="nofollow">Intersecting Lines 大意:给你两条直线的坐标,推断两条直线是否共线.平行.相交.若相交.求出交点. ...
- YTU 2430: C语言习题 链表建立，插入，删除，输出
2430: C语言习题 链表建立,插入,删除,输出 时间限制: 1 Sec 内存限制: 128 MB 提交: 576 解决: 280 题目描述 编写一个函数creatlink,用来建立一个动态链表 ...
- JS窗口
<SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html', 'newwindow', 'heigh ...
- sphinx 针对tedfield搜索
query = "(user can be admin)" -> check all fields for the given words. If all words ar ...
- RTMP直播到FMS中的AAC音频直播
本文引用了下面几个网友的文章: http://sun3eyes.blog.163.com/blog/#m=0&t=3&c=rtmp http://sun3eyes.blog.163.c ...
- IDC 内网机器 通 过 iptables SNAT上网的配置方法
有三台机器, A .B .C,其中A机器有外网和内网IP,B和C只有内网,我们配置B和C二台机器通过A机器来上外网. 假设A机器 外网IP为: 60.12.13.14 内网IP为: 192.168. ...
- Luogu P2858 [USACO06FEB]奶牛零食Treats for the Cows 【区间dp】By cellur925
题目传送门 做完A Game以后找道区间dp练练手...结果这题没写出来(哭). 和A Game一样的性质,从两边取,但是竟然还有天数,鉴于之前做dp经常在状态中少保存一些东西,所以这次精心设计了状态 ...