基础

<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. MPLS VPN随堂笔记2

    深入理解ospf 理解MPLS VPN 中对OSPF 层次化设计的补充 supper backbone area 2:理解MPLS VPN 中OSPF 的区域设计概念 3:理解MPLS VPN 中OS ...

  2. cmake命令收集

    cmake中一些预定义变量 PROJECT_SOURCE_DIR 工程的根目录 PROJECT_BINARY_DIR 运行cmake命令的目录,通常是${PROJECT_SOURCE_DIR}/bui ...

  3. 软件工程（GZSD2015）第二次作业成绩

    作业评分表 姓名 提交 语言 界面 PSP(3) CODE(4) 代码规范(2) 改进(1) 基本得分 提交时间 原始总得分 相对得分 最终得分 涂江凤 20150407 C CLI 3 4 2 1 ...

  4. 201521123084 《Java程序设计》第8周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 1.2 选做:收集你认为有用的代码片段 2. 书面作业 本次作业题集集合 1. List中指定元素的删除(题目 ...

  5. 团队作业8——第二次项目冲刺（Beta阶段）第二天

    BETA阶段冲刺第二天 1.当天站立式会议 2.每个人的工作 (1) 昨天已完成的工作: Alpha阶段的Bug修复 (2) 今天计划完成的工作: 编写前端页面 (3) 工作中遇到的困难: 对于前端页 ...

  6. 201521123082 《Java程序设计》第11周学习总结

    201521123082 <Java程序设计>第11周学习总结 标签(空格分隔):java 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. Answe ...

  7. GUI记事本+切换面板1.1版

    package com.niit.javagui; import java.awt.Color; import java.awt.MenuBar; import java.awt.event.Inpu ...

  8. 关于百度DNS的解析过程

    if现在我用一台电脑,通过ISP接入互联网,那么ISP就会分配给我一个DNS服务器(非权威服务器). now,我的computer向这台ISPDNS发起请求查询www.baidu.com. 首先,IS ...

  9. 201521123099 《Java程序设计》第11周学习总结

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

  10. Spring第二篇【Core模块之快速入门、bean创建细节、创建对象】

    前言 上篇Spring博文主要引出了为啥我们需要使用Spring框架,以及大致了解了Spring是分为六大模块的-.本博文主要讲解Spring的core模块! 搭建配置环境 引入jar包 本博文主要是 ...