基础

<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的更多相关文章

  1. D01——C语言基础学PYTHON

    C语言基础学习PYTHON——基础学习D01 20180705内容纲要: 1 PYTHON介绍 2 PYTHON变量定义规则 3  PYTHON文件结构 4 PYTHON语句及语法 5 字符编码 6 ...

  2. opencv学习笔记D01

    目录 opencv学习笔记D01 一.图片读取 二.图片保存 三.图片展示 四.图片缩放 五.四种常用插值方式的比较 1.最近邻插值 2.双线性插值 3.区域插值 4.三次样条插值 我是尾巴: ope ...

  3. D01 Elon Mulsk The future we're building — and boring

    摘要:精选TED. 每个音频不超过2分钟,学英语和吸收伟大思想两不误 音频: https://n1audio.hjfile.cn/st/fb5ace6f-7b63-439d-954c-c4539c1f ...

  4. 前端学PHP之PDO基础操作

    × 目录 [1]创建PDO [2]使用PDO [3]事务处理 前面的话 PDO(php data object)扩展类库为php访问数据库定义了轻量级的.一致性的接口,它提供了一个数据库访问抽象层,这 ...

  5. HTML5 学习总结（二）——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  6. HTML5 学习总结（三）——本地存储

    一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...

  7. 用RMAN备份EBS数据库的脚本

    rman_bak.sh rman target / nocatalog log=/d01/rmanbak/bak_`date +%m%d%H%M`.log<< EOF  run  {  c ...

  8. Oracle EBS R12的启停脚本

    以下脚本用root用户登录执行: 一.DB启停使用EBS提供的脚本ebs_start.shsu - oraprod -c "/d01/oracle/PROD/db/tech_st/10.2. ...

  9. HTML5 学习笔记（三）——本地存储

    目录 一.HTML4客户端存储 1.1.提交表单发送到服务器的信息 1.2.客户端本地存储概要 二.localStorage 2.1.添加 2.2.取值 2.3.修改 2.4.删除 2.5.跨页面与跨 ...

随机推荐

  1. Java语言课程设计——博客作业教学数据分析系统(201521123107 张翔)

    #Java语言课程设计--博客作业教学数据分析系统(个人博客) 1.团队课程设计博客链接 [博客作业教学数据分析系统(From:网络五条狗)](http://www.cnblogs.com/fanta ...

  2. 201521123081《java程序设计》 第7周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 参考资料:XMind 2. 书面作业 Q1. ArrayList代码分析 1.1 解释ArrayList的 contains ...

  3. 201521123030《Java程序设计》 第2周学习总结

    本周学习总结 String常量,创建之后不能再进行修改 使用+连接字符串会产生新字符串,要大量使用重复性连接应用StringBuilder,检测字符串相等应用equal方法. 枚举类型变量的取值在一个 ...

  4. 201521123010 《Java程序设计》第10周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常与多线程相关内容. 2. 书面作业 本次PTA作业题集异常.多线程 ①finally 题目4-2 1.1 截图你的提交结果(出现 ...

  5. 201521123030 《Java程序设计》 第11周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 2. 书面作业 本次PTA作业题集多线程 1.互斥访问与同步访问 完成题集4-4(互斥访问)与4-5(同步访问) ...

  6. 201521123015 《Java程序设计》第13周学习总结

    1. 本周学习总结 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jmu.edu.cn,分析返回结果有何不同?为什么会有这样的不同? IP地址不同 ...

  7. log4j的基本使用和参数设定

    1.简介 apache的一个开放源代码项目. 精确控制日志的输出,包括输出的格式,输出的目的地,输出的过滤(不同级别日志的输出)等. 配置简单,不需要在代码中配置环境,支持两种配置文件格式,XML和J ...

  8. Python基础知识总结

    看了一个礼拜Python的书,断断续续的看了一大半.今天刚好没有课,想着也没什么事情干,就把这几天Python总结一下,都是一些基础知识 变量和对象的引用 在python中一切都是对象,不像C,jav ...

  9. JDFS:一款分布式文件管理系统，第四篇(流式云存储续篇)

    一 前言 本篇博客是JDFS系列博客的第四篇,从最初简单的上传.下载,到后来加入分布式功能,背后经历了大量的调试,尤其当实验的虚拟计算结点数目增加后,一些潜在的隐藏很深的bug就陆续爆发.在此之前笔者 ...

  10. #define WIN32_LEAN_AND_MEAN

    不加载MFC所需的模块.用英语解释:Say no to MFC如果你的工程不使用MFC,就加上这句,这样一来在编译链接时,包括最后生成的一些供调试用的模块时,速度更快,容量更小.不过对于较大工程,MF ...