基础

<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. 【Alpha】第一次Daily Scrum Meeting

    一.今日站立式会议照片 二.会议内容 1.调研市场现有礼物挑选软件,分析优势,亮点,劣势 2.确立开发环境和安装调试 三.燃尽图 四.遇到的困难 在准备开发环境和安装调试时遇到系统和开发环境不要兼容, ...

  2. 微信小程序icon，text，progress标签的测试

    一:testIconAndTextAndProgress.wxml的代码如下.testIconAndTextAndProgress.js自动生成示例代码 //testIconAndTextAndPro ...

  3. 201521123035《Java程序设计》第七周学习总结

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

  4. 201521123071 《JAVA程序设计》第六周学习总结

    第6周-接口.内部类与Swing 1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 注1:关键词与内容不求多 ...

  5. 201521123063 《Java程序设计》 第4周学习总结

    1.本周学习总结 1.1 尝试使用思维导图总结有关继承的知识点. 1.2 使用常规方法总结其他上课内容. 类设计 一般在设计类的时候,要考虑这些类是否有共性,还要考虑其独特性,使共同的父类拥有这些共性 ...

  6. 201521123006 《java程序设计》 第13周学习总结

    1. 本周学习总结 1.以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec.j ...

  7. evak购物车--课程设计（201521123037邱晓娴）

    1. 团队课程设计博客链接 团队博客 2. 个人负责模块或任务说明 1.Java (1)编写用户类Users (2)编写DBConnection类,连接数据库 (3)编写GoodsDAO类,从数据库中 ...

  8. 201521123059 《Java程序设计》第十四周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 1.关系型数据库 --建立表格时表中一列中的数据类型必须一致.关系表中的行必须是唯一的,列是不可分的,某些行的某 ...

  9. Spring02-AOP

    1,动态代理,指的是通过一个代理对象创建需要的业务对象,然后在这个代理对象中统一进行各种操作. 步骤: 1)写一个类实现InvocationHandler接口: 2)创建要代理的对象 2,创建一个简单 ...

  10. 1 Spring Cloud Eureka服务治理（下）

    注:此随笔为读书笔记.<Spring Cloud微服务实战> 上篇主要介绍了什么是微服务以及微服务治理的简单实现,如微服务注册中心的实现.微服务注册的实现.微服务的发现和消费的实现.微服务 ...