d01
基础
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>查看源码笔记</title> | |
| <style>.a01{background:#f09; width:50%; height:50%;}</style> | |
| <!--双标<style>下.XXX（名字）{xxxxxxx}为class样式 | |
| #XXX{ }为id样式 | |
| --> | |
| </head> | |
| <body> | |
| <div style="width:100%; height:500px; background-color:#0ff;"> | |
| <li type="I"><!--列表里写type=“ ”可以改变列表前数字或者符号类型--> | |
| <center><font color="#f03" size="7" face="华文行楷"> | |
| <!-- 居中 文字样式 颜色 字号 字体 --> | |
| 我就是实验字</font></center> | |
| </li> | |
| <div class="a01" style="height:500px;"> | |
| <!-- class=“xxxxx”为调用<head>里的class | |
| id=“ ”为调用<heda>里的id | |
| --> | |
| <li type="square">wwww</li> | |
| <!--sype=“square”列表前符号变为黑色小方块--> | |
| <li> | |
| <b>加粗</b> | |
| <i>倾斜</i> | |
| <u>下划线</u> | |
| <h1>标题1（最大）</h1> | |
| <h6>标题6（最小）</h6> | |
| 这是实验用字<br /> | |
| 这是实验用字<br> | |
| 这是实验用字<!--<br>换行行间距小 <p></p>换行行间距大--> | |
| <p>这是实验用字</p> | |
| <p>这是实验用字</p> | |
| </li> | |
| </div> | |
| <div style=" background-color:#0FF;width:100%;height:500px;"> | |
| <!-- 样式 背景颜色 宽 高--> | |
| <input type="button" value="按钮"> | |
| <!--文本框 样式 按钮 添加文本为“按钮” --> | |
| <input type="text;" style="width:200px;"> | |
| <!-- 样式 文本框 --> | |
| <ol> | |
| <ul> | |
| <li>有序列表下嵌套无序列表</li> | |
| </ul> | |
| </ol> | |
| <img src="" alt=" "/> | |
| <!--指向图片地址 图片无法显示时显示alt中的内容--> | |
| <a href="xxxx">超链接</a> | |
| <!--超链接 链接到xxxx（网址 图片 锚点等）--> | |
| <a href="#001">点击我会跳转到name为001的地方去</a> | |
| <a name="001">001</a><!--锚点--> | |
| <a href="" target="_blank"></a> | |
| <!-- 在新的页面打开链接地址也可以用new--> | |
| </div> | |
| </body> |
表格
| <body> | |
| <div> | |
| <table border="3" bordercolor="#FF9900"> | |
| <!-- 边框宽度 边框颜色--> | |
| <tr> | |
| <td>一行一格基本表格形式</td> | |
| </tr> | |
| </table> | |
| <!-- <tr>行 <td>列（单元格） --> | |
| </div> | |
| <div> | |
| <table border="1" bgcolor="#CC0000"><!--表格全部变为xx色--> | |
| <!-- 边框 像素（厚度） --> | |
| <tr bgcolor="#003399"><!--一横行变为xx色--> | |
| <td bgcolor="#00FF66">单元格</td><!--第一行第一列变为xx色，优先级高与行色--> | |
| <td>单元格</td> | |
| </tr> | |
| <tr> | |
| <td>单元格</td> | |
| <td>单元格</td> | |
| </tr> | |
| </table> | |
| </div> | |
| <div> | |
| <table border="1" width="100%" height="250px;" bgcolor="#99FFFF"> | |
| <!-- 表格总体大小（宽高）--> | |
| <tr align="center"> | |
| <!-- 水平方向 居中 （作用为表格内容水平方向居中）--> | |
| <td>单元格</td> | |
| <td valign="top">单元格</td> | |
| <!--表格内容垂直方向 靠顶部 --> | |
| </tr> | |
| <tr> | |
| <td align="center">单元格</td> | |
| <td>单元格</td> | |
| </tr> | |
| </table> | |
| </div> | |
| <!--单元格合并时相应的会挤出最后面的格子 所以要在代码里面相应的去除多余的格子 | |
| （单元格和并更像是又添加了一格而不是合并） | |
| --> | |
| <table border="5" width="100%" height="300" | |
| bgcolor="#CC33FF" bordercolor="#FFFF00"> | |
| <tr> | |
| <td colspan="4"></td> | |
| <!--单元格的合并合并列加上自身合并几个就为及几--> | |
| </tr> | |
| <tr> | |
| <td></td> | |
| <td></td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td></td> | |
| <td rowspan="2"></td> | |
| <!--合并行--> | |
| <td rowspan="2"></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| </table> | |
| </body> |
d01的更多相关文章
- D01——C语言基础学PYTHON
C语言基础学习PYTHON——基础学习D01 20180705内容纲要: 1 PYTHON介绍 2 PYTHON变量定义规则 3 PYTHON文件结构 4 PYTHON语句及语法 5 字符编码 6 ...
- opencv学习笔记D01
目录 opencv学习笔记D01 一.图片读取 二.图片保存 三.图片展示 四.图片缩放 五.四种常用插值方式的比较 1.最近邻插值 2.双线性插值 3.区域插值 4.三次样条插值 我是尾巴: ope ...
- D01 Elon Mulsk The future we're building — and boring
摘要:精选TED. 每个音频不超过2分钟,学英语和吸收伟大思想两不误 音频: https://n1audio.hjfile.cn/st/fb5ace6f-7b63-439d-954c-c4539c1f ...
- 前端学PHP之PDO基础操作
× 目录 [1]创建PDO [2]使用PDO [3]事务处理 前面的话 PDO(php data object)扩展类库为php访问数据库定义了轻量级的.一致性的接口,它提供了一个数据库访问抽象层,这 ...
- HTML5 学习总结（二）——HTML5新增属性与表单元素
一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...
- HTML5 学习总结（三）——本地存储
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
- 用RMAN备份EBS数据库的脚本
rman_bak.sh rman target / nocatalog log=/d01/rmanbak/bak_`date +%m%d%H%M`.log<< EOF run { c ...
- Oracle EBS R12的启停脚本
以下脚本用root用户登录执行: 一.DB启停使用EBS提供的脚本ebs_start.shsu - oraprod -c "/d01/oracle/PROD/db/tech_st/10.2. ...
- HTML5 学习笔记（三）——本地存储
目录 一.HTML4客户端存储 1.1.提交表单发送到服务器的信息 1.2.客户端本地存储概要 二.localStorage 2.1.添加 2.2.取值 2.3.修改 2.4.删除 2.5.跨页面与跨 ...
随机推荐
- 非对话框程序创建组合框Groupbox
对话框程序中的控件,例如button.groupbox之类,是直接放上去的.当然,除groupbox以外,在MFC中其他控件都有相对应的类,以支持程序员在非对话框程序中动态创建控件.而唯独好像没有gr ...
- js Web存储方式
JSON是数据交互中最常用的一种数据格式. 由于各种语言的语法都不同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串> 传递之后,可以讲JSON字符串,在解析为JSON对象. ...
- 201521123010 《Java程序设计》第5周学习总结
1. 本周学习总结 1.1 尝试使用思维导图总结有关多态与接口的知识点. 2. 书面作业 作业参考文件下载 ① 代码阅读:Child压缩包内源代码 1.1 com.parent包中Child.java ...
- 201521123055《Java程序设计》第1周学习总结
1. 本章学习总结 (1)JAVA环境配置(JDK,JVM) (2)编写简易程序熟练代码结构 2. 书面作业 1.为什么java程序可以跨平台运行?执行java程序的步骤是什么? JAVA程序需要 ...
- 201521123023《Java程序设计》第11周学习总结
1. 本周学习总结 Lock.Condition,互斥同步访问方法,相比于synchronized,相似的wait().notify().notifyAll()方法,还有更多高级的方法 Executo ...
- 201521123024 《java程序设计》 第12周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容.
- Java swing: 实现ActionListener监听器的三种途径
Swing是目前Java中不可缺少的窗口工具组,是用户建立图形化用户界面(GUI)程序的 强大工具.Java Swing组件自动产生各种事件来响应用户行为.如当用户点击按钮或选择菜单项目时,Swing ...
- JDBC第一篇--【介绍JDBC、使用JDBC连接数据库、简单的工具类】
1.什么是JDBC JDBC全称为:Java Data Base Connectivity,它是可以执行SQL语句的Java API 2.为什么我们要用JDBC 市面上有非常多的数据库,本来我们是需要 ...
- CSDN博客新手使用方案
CSDN博客简易使用 在CSDN上写博客,总是遇到很多问题,虽然这些问题很简单,但是对于新手来说,缺经常遇到,因此写篇博客记载. 一.CSDN的博客如何上传图片 如果有现成 ...
- mac pycharm 里table键设置为4个空格键
Operation flow: File--Default Settings editor--code style--python