基础

<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. 吐槽下微软的vs code编辑器

    缺点:不能同时打开多个文件夹(打开多个文件夹得先ctrl+shift+N窗口或者除非你的所有项目文件都在同一个文件夹目录下) 优点是支持用户设置以及提供很多插件 // 将设置放入此文件中以覆盖默认设置 ...

  2. 201521123096《Java程序设计》第八周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 2. 书面作业 本次作业题集集合 1.List中指定元素的删除(题目4-1) 1.1 实验总结 实验中使用了s ...

  3. 201521123057 《Java程序设计》 第6周学习总结

    1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 2. 书面作业 1.clone方法 1.1 Object对 ...

  4. java程序设计 彩票购买抽奖程序 团队博客

    一.项目介绍 题目要求 功能要求: 模拟福利彩票36选7,实现彩票的抽奖与中奖通知功能. 1.允许注册用户,用户信息包括用户id,用户名,密码,账户金额,电话号码等属性. 2.允许注册用户购买彩票:手 ...

  5. 201521123112《Java程序设计》第12周学习总结

    1.本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多流与文件相关内容. 2.书面作业 将Student对象(属性:int id, String name,int age,double ...

  6. Python学习笔记004_字典_集合

    >>> # 字典 用大括号表示, 它是影射类型,相当于java中的Map >>> >>> dict1 = {'李宁': '一切皆有可能', '耐克 ...

  7. mybatis-basedao的实现

    package com.yangwei.shop.dao; import java.util.HashMap; import java.util.List; import java.util.Map; ...

  8. 部署maria数据库到linux(源码编译安装)

    maria数据库是mysql原作者另外开发的一个版本,使用方法和mysql一样,可以直接用mysql的库连接. 在这下载包并解压: https://mariadb.org/download/ 建立数据 ...

  9. maven web 项目中启动报错 Java.lang.ClassNotFoundException: org.springframework.web.servlet.DispatcherServlet

    主要原因是maven项目里面的jar包吗,没有导入到项目中 maven web 项目中启动报错 Java.lang.ClassNotFoundException: org.springframewor ...

  10. HTML基础入门

    1.什么是HTML 2.HTML文件结构 3.HTML文档 4.HTML标签 1.什么是HTML 首先,HTML是一种语言,是用来描述网页的语言 HTML 指的是超文本标记语言 (Hyper Text ...