前端关于列表的基础 day47
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Title</title>
<meta http-equiv="x-ua-compatible" content="IE=edge">
</head>
<body>
<!--列表分三种 -->
<!--无序的 <ul></ul>-->
<!--有序的 <ol></ol>-->
<!--标题的 <dl></dl> -->
<!--<dt> 标题</dt>-->
<!--<dd>内容</dd> -->
<!--1 ul无序列表的用法 li 成对出现 前面可以加符号 -->
<ul type="square">
<!--disc实心圆点 默认值-->
<!--空心圆点 circle-->
<!--square 实心方块-->
<li>我是无序表1</li>
<li>我是无序表2</li>
<li>我是无序表3</li>
</ul>
<ul type="none">
<li>我是无序表1</li>
<li>我是无序表2</li>
<li>我是无序表3</li>
</ul>
<!--ul无序列表的用法 li 成对出现 前面可以加符号 --> <!--ol有序列表的用法不加参数和无序一样的
参数为 type ='数字类型1 a A I i start = '开始值'
li 成对出现 前面可以加符号 -->
<!--1 数字列表，默认值-->
<!--a 小写字母-->
<!--Ⅰ大写罗马-->
<!--ⅰ小写罗马-->
<ol type="I" start="10">
<li>我是有序列表1</li>
<li>我是有序列表2</li>
<li>我是有序列表3</li>
</ol>
<!--ol的注释结束-->
<!--3标题列表 dl dt是标题列表中的标题 dd 是dt的内容-->
<dl>
<dt>我是标题列表的标题</dt>
<dd>我是表列表标题下得内容1</dd>
<dd>我是表列表标题下得内容2</dd>
</dl>
<!--标题列表的注释结束-->
<!--4表格的建立头和身体应用 -->
<table>
<thead>
<tr>
<th>我是表格头部标题的行1标题加粗</th>
<th>我是表格头部标题的行2标题加粗</th>
</tr>
</thead>
<tbody>
<tr>
<td>我是表格身体行内容1</td>
<td>我是表格身体行内容2</td>
</tr>
</tbody>
<!--border = '1' 表格边框 cellpadding 内边距 字到边框的距离–>-->
<!--cellspacing 外边距 字边框到表格边框的距离-->
<!--width 像素百分比 (最好通过css来设置长宽)\-->
<!--rowsapan: 单元格个竖跨多少行\-->
<!--colspan: 单元格个横跨多少列\
</table>
<!---->
<table border="1">
<thead>
<tr>
<th>我是表格列表的头部的标题</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td>我是表格列表的身体行内容1</td>
<td>Egon</td>
<td colspan="2" >男</td>
<!--<td>男</先删除此处17才能合并td>-->
<td rowspan="2">我合并列删除前提删除下一个行</td>
<!--<td rowspan="2">杠娘</td> 合并单元格要在前个表格操作保证要操作的表格是空-->
<td >篮球</td>
</tr>
<tr>
<td>我是表格列表的身体行内容2</td>
<td>Egon2</td>
<td>172</td>
<td>男2</td>
<!--<td>篮球 要合并上边的篮球这边不能显示</td> -->
<td >足球</td>
</tr> <!--<td rowspan="2">我合并行2 </td>-->
<!--<td colspan="2">我合并列2 </td>-->
<!--rowspan="2" colspan="2"--> </tbody>
</table>
</body> </html>
前端关于列表的基础 day47的更多相关文章
- 前端开发：css基础知识之盒模型以及浮动布局。
前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把 ...
- 我的前端之旅--SeaJs基础和spm编译工具运用[图文]
标签:seajs nodejs npm spm js 1. 概述 本文章来源于本人在项目的实际应用中写下的记录.因初期在安装和使用Seajs和SPM的时候,有点不知所措的经历.为此,我 ...
- [转]前端利器：SASS基础与Compass入门
[转]前端利器:SASS基础与Compass入门 SASS是Syntactically Awesome Stylesheete Sass的缩写,它是css的一个开发工具,提供了很多便利和简单的语法,让 ...
- 李洪强和你一起学习前端之(1)Html基础
1 快捷键的认识(虽然我用的是MAC,但是这里以windows快捷键来讲,但是MAC电脑可以把Ctrl换成command试试) Ctrl + c 复制 Ctrl + v 粘贴 Ctrl + a ...
- 前端(五)-Vue简单基础
1. Vue概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月. 与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用. Vue的核心库只 ...
- 前端学PHP之基础语法
× 目录 [1]代码标识 [2]注释 [3]输出 [4]计算表达式 [5]大小写 [6]空白符 前面的话 PHP是一种创建动态交互性站点的强有力的服务器端脚本语言.PHP能够包含文本.HTML.CSS ...
- 前端利器：SASS基础与Compass入门
SASS是Syntactically Awesome Stylesheete Sass的缩写,它是css的一个开发工具,提供了很多便利和简单的语法,让css看起来更像是一门语言,这种特性也被称为“cs ...
- 通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/
前 言 PHP 通过上一篇博客,注册账号与登录页面--前后台数据交互 跳转转到index主页,接下来进入主页留言板功能,通过ajax向后台传输数据,同时发表留言. 具体的内容分析如下 ...
- 软件测试必备-前端知识点之html基础
前端必备知识点 第一部分:HTML基础 一. web前端标准 1. 结构标签----html 2. 样式标准,美化----css 3. 行为标准---js 二. 五大浏览器厂商 1. ie 2. 谷歌 ...
随机推荐
- 02 flask 请求钩子、异常捕获、上下文、Flask-Script 扩展、jinja2 模板引擎、csrf防范
一 请求勾子 在客户端和服务器交互的过程中,有些准备工作或扫尾工作需要处理,比如: 在请求开始时,建立数据库连接: 在请求开始时,根据需求进行权限校验: 在请求结束时,指定数据的交互格式: 为了让每个 ...
- DVWA--XSS解题过程
XSS概念:通常指黑客通过HTML注入纂改了网页,插入恶意脚本,从而在用户浏览网页时,控制用户浏览器的一种攻击. XSS有三种: 反射型xss:只是简单地把用户输入的数据反射给浏览器,简单来说,黑客往 ...
- HDU-6395-矩阵快速幂
Sequence Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 262144/262144 K (Java/Others)Total ...
- 51Nod 1001 数组中和等于K的数对
http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1001一开始的想法是排序后二分搜索,发现会进行非常多不必要的遍历,十分耗时 ...
- Ajax实现跨域访问的两种方法
调程序时遇到"已拦截跨源请求:同源策略禁止读取位于--的远程资源",这是因为通过ajax调用其他域的接口会有跨域问题. 解决方法如下: 方法一:服务器端(PHP)设置header头 ...
- npm常用功能
1. npm -v在命令行中输入该代码,可以查看npm当前版本号 2.安装依赖包2.1 npm install <name>先使用cd命令跳转到需要安装模块的目录,在该目录下执行np ...
- 用SQL命令手工创建CDB
1.设置环境变量 $ export ORACLE_SID=ora12c $ export ORACLE_HOME=/home/oracle/product/12.1.0/db1 $ export ...
- APK骨架分析
APK反编译的一般步骤是: 使用apktool将apk文件解压(后辍apk改为rar用winrar也可解压但这样不能解密res/value目录下的各文件),厉害的可以直接静态分析smali文件(ida ...
- gpu内存查看命令nvidia-smi
nvidia-smi nvidia-settings nvidia-xconfig
- 用WebStorm进行Angularjs 2的开发
环境准备: WebStorm开发工具 https://pan.baidu.com/s/1o8maQLG 提取密码(加群获取599606903) nodejs https://nodejs.org ...