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.跨页面与跨 ...
随机推荐
- 201521123082 《Java程序设计》第12周学习总结
201521123082 <Java程序设计>第12周学习总结 标签(空格分隔): java 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容. An ...
- 团队作业4——第一次项目冲刺（Alpha版本）7th day
一.Daily Scrum Meeting照片 二.燃尽图 三.项目进展 在计时模式下能够记录用户的用户名和成绩,没有弄登录功能, 将程序定义为单机的 未完成的卡片为登录功能和使用QQ登录. 四.困难 ...
- 201521123076 《Java程序设计》第10周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常与多线程相关内容. 创建线程方式: 定义Thread的子类,覆盖run(),之后创建实例.因为开销大,一般不用. 定义实现Run ...
- 201521123081《java程序设计》 第12周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容. 2. 书面作业 将Student对象(属性:int id, String name,int age,doubl ...
- 201521123065《java程序设计》第9周学习总结
1. 本周学习总结 2. 书面作业 本次PTA作业题集异常 题目5-1 1.1 截图你的提交结果(出现学号) 1.2 自己以前编写的代码中经常出现什么异常.需要捕获吗(为什么)?应如何避免? 出现的异 ...
- 201521123052 《Java程序设计》 第12周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容. 2. 书面作业 将Student对象(属性:int id, String name,int age,doubl ...
- Java：输入输出流 java.io包的层次结构
1.什么是IO Java中I/O操作主要是指使用Java进行输入,输出操作. Java所有的I/O机制都是基于数据流进行输入输出,这些数据流表示了字符或者字节数据的流动序列.Java的I/O流提供了读 ...
- PKI信息安全知识点详细解答包含HTTPS
1. 什么是X.509? X.509标准是ITU-T设计的PKI标准,他是为了解决X.500目录中的身份鉴别和访问控制问题设计的. 2. 数字证书 数字证书的意义在于回答公钥属于谁的问题,以帮助用户安 ...
- Ring3层 UNICODE_STRING
今天写驱动用到UNICODE_STRING,就在Ring3层抠了一些源代码,学习一下,不多说了上代码了 #pragma once #include <windows.h> #include ...
- Struts2第六篇【文件上传和下载】
前言 在讲解开山篇的时候就已经说了,Struts2框架封装了文件上传的功能--..本博文主要讲解怎么使用Struts框架来完成文件上传和下载 回顾以前的文件上传 首先,我们先来回顾一下以前,我们在we ...