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.跨页面与跨 ...
随机推荐
- vue-webpack-boilerplate分析
看完这篇文章你会学到通过vue-cli创建的项目,执行npm run dev后都发生了什么事情以及执行流程. 在创建vue项目时,官方推荐使用vue-cli这个命令行工具. # 全局安装 vue-cl ...
- 【★】深入BGP原理和思想【第…
前言:学思科技术我想说,浅尝辄止,不是天才千万别深钻.和我研究高等数学一样,越深入就会发现越多的问题与不合理之处.尤其对于IT界,算法的最终解释权还是掌握在老外手中,所以对于有些细节,我们" ...
- 自制mpls ldp实验
实验步骤 步骤1:完成EIGRP BGP 及宣告配置 步骤2:完成LDP 的配置 过程校验 步骤1:校验和理解LDP 邻居关系的发现和邻接关系的建立 R4#show mpls ldp discover ...
- JQuery中的表单验证及相关的内容
前 言 JRedu Android应用开发中,经常要用到表单.既然用到了表单,那就不可避免的要用到表单的验证.但是,在提交表单时,但是,并不是,每次提交的表单内容都是正确的,如果 每次都将表单的 ...
- 四则运算题目生成程序（基于控制台）（Bug修改）
针对上个程序中出现的bug进行修改 https://git.coding.net/cx873230936/calculator.git Bug: 1.控制台输入问题数问题 a.不能处理用户输入负数. ...
- 蓝桥杯PREV-11：横向打印二叉树
嗯,没错我还报了蓝桥杯. 这是题目 问题描述 二叉树可以用于排序.其原理很简单:对于一个排序二叉树添加新节点时,先与根节点比较,若小则交给左子树继续处理,否则交给右子树. 当遇到空子树时,则把该节点放 ...
- linux segmentation fault记录
文章将记录linux学习使用中出现的各种segmentation fault,持续更新,希望对看到人有所帮助 1. linux pcap segmentation fault -- 2013.11.2 ...
- Java：类类型变量
在java中有一种被称为类类型的变量,它不同于基本类型变量存储值的方式.不管是基本变量还是类类型变量,都实现为一个内存位置.但是,由于基本变量所需的内存数量是相同的,所以系统可以给它设置一个固定的空间 ...
- Python接口测试自动化说明及代码实例：含get、post、put、delete等方法
一.接口说明文档 环境准备: 安装火狐 安装插件: httprequester https://addons.mozilla.org/en-US/firefox/addon/httprequester ...
- 浅谈SQL优化入门：3、利用索引
0.写在前面的话 关于索引的内容本来是想写的,大概收集了下资料,发现并没有想象中的简单,又不想总结了,纠结了一下,决定就大概写点浅显的,好吧,就是懒,先挖个浅坑,以后再挖深一点.最基本的使用很简单,直 ...