今天只是把以前的知识巩固了一下。温故而知新，说的一点没错；

又新明白了一种居中对齐方法：

水平居中：align left(左侧对齐),center（居中对齐）

垂直居中：ralign top（上对齐），middle（垂直居中）

这是我以前从来不用的方法

今天老师大大布置的作业：

</head>

<body bgcolor="#000000" topmargin="100px" leftmargin="100px">

<a name="123"></a>

<font color="#FFFFFF" face="微软雅黑">

<h2><i>作业</i><sub>20161221</sub></h2>

<p><del>可以不完成</del></p>

<p>One may fall in love with many people during the lifetime.</p>

<p>When you finaly get your own happiness.</p>

<p>you will understand the previous sadness is kind of treasure.</p>

<p>which makes you better to hold and cherishthe people you love.</p>

<p><b>字体是:</b></p><br />

<u>微软雅黑</u><br />

<p><a href="#123"><img src="再见青春/图片/转13.jpg"  title="呵呵呵" alt="图裂了"/></a></p>

<p><img src="再见青春/图片/转53.jpg"  title="呵呵呵" alt="图裂了"/></p>

<p><b>要求：</b></p>

<ol type="A">

<li>独立完成</li>

<li>今天学习的都要练一边</li>

<li>做好博客的笔记</li>

</ol>

<p><b>PS:</b></p>

<ul>

<li>注意有序/无序列表的使用</li>

<li>图片长度的都是100px.点击图片可以返回顶端</li>

<li>要求完成度在70%以上</li>

<li>不会的可以<a href="http://www.baidu.com">百度</a>(新页面打开)</li>

<li>左间距与上间距各为200px</li>

<li>鼠标移到图片显示“呵呵呵”</li>

<li>坏图片上显示图裂了</li>

</ul>

<table cellpadding="0" cellspacing="0" height="200px" width="400px" border="1px">

<tr>

<td width="100px"><center>宽度/高度</center></td>

<td width="100px"><center>对其方式</center></td>

<td width="100px"><center>背景颜色</center></td>

<td width="100px" rowspan="2"><center>合并单元格</center></td>

</tr>

<tr>

<td bgcolor="#666666" valign="bottom">400px/200px</td><td bgcolor="#666666" valign="bottom">靠右/靠左</td>
<td bgcolor="#666666" valign="bottom">gray</td> <
/tr> 
</table> 
</font> 

</body>

效果图：

老师的图片好丑

1121冬至！！！巩固HTML基础第一堂的更多相关文章

  1. 再探java基础——break和continue的用法

    再探java基础——break和continue的用法 break break可用于循环和switch...case...语句中. 用于switch...case中: 执行完满足case条件的内容内后 ...

  2. 学而精计算机公共基础学习之路TEST2（程序设计基础）

    程序设计基础 程序设计方法与风格 1.程序设计方法 程序设计: 指设计.编制.调试程序的方法和过程. 程序设计方法是研究问题求解如何进行系统构造的软件方法学.常用的程序设计方法有:结构化程序设计方法. ...

  3. 20155334 《网络攻防》 Exp9 Web安全基础

    <网络攻防> Exp9 Web安全基础 一.实验后回答问题 SQL注入攻击原理,如何防御: 原理: 就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服 ...

  4. python基础篇（一）

    PYTHON基础篇(一) 变量 赋值 输入,输出和导入 A:输入 B:输出 C:导入 运算符 A:算数运算符 B:比较运算符 C:赋值运算符 D:位运算符 E:逻辑运算符 F:成员运算符 G:身份运算 ...

  5. 创业学习--《预判行业机会》--B-2.预判模块---HHR计划--以太一堂

    一,<开始学习> 1,行业机会的判断,是可以通过不断地训练提高自己的判准的概率的,要科学思考创业. 2,创业者在行业机会上的三个问题: a. 对市场变化,敏感性太弱,没有洞察行业的意识. ...

  6. Masterboxan INC金融：在区块链技术基础上推动业务模式的变革创新

    10月初,2020年国际区块链技术与应用大会在硅谷开幕,全球内外区块链技术项目团队.行业领导.专家等共聚一堂,围绕区块链技术与应用展开讨论交流.美国Masterboxan INC万事达资产管理有限公司 ...

  7. 【自编教材】16万8千字的HTML+CSS基础 适合从0到1-可收藏

    [图片链接有点小问题,这几天更新,敬请期待!] 目 录 第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开 ...

  8. java基础集合经典训练题

    第一题:要求产生10个随机的字符串,每一个字符串互相不重复,每一个字符串中组成的字符(a-zA-Z0-9)也不相同,每个字符串长度为10; 分析:*1.看到这个题目,或许你脑海中会想到很多方法,比如判 ...

  9. node-webkit 环境搭建与基础demo

    首先去github上面下载(地址),具体更具自己的系统,我的是windows,这里只给出windows的做法 下载windows x64版本 下载之后解压,得到以下东西 为了方便,我们直接在这个目录中 ...

随机推荐

  1. 【转】webGL与OpenGL的不同

    原链接 http://www.khronos.org/webgl/wiki/WebGL_and_OpenGL_Differences WebGL and OpenGL Differences     ...

  2. java中double变量保留小数问题

    (转载自玄影池扁舟) 做java项目的时候可能经常会遇到double类型变量保留小数的问题,下面便把我的经验做个简短的总结: java中double类型变量保留小数问题大体分两种情况: (一):小数点 ...

  3. Java 第8章 循环结构进阶

    循环结构进阶 什么是二重循环? 二重循环的执行顺序是什么?

  4. Java LinkedList 源码剖析

    LinkedList同时实现了List接口和Deque接口,也就是说它既可以看作一个顺序容器,又可以看作一个队列(Queue),同时又可以看作一个栈(Stack).这样看来,LinkedList简直就 ...

  5. JavaScript-BOM-history:保存当前窗口打开后成功访问过的url历史记录栈

    history:保存当前窗口打开后成功访问过的url历史记录栈history.go(n):前进n步前进一步:history.go(1);后退一步:history.go(-1);刷新:history.g ...

  6. Opacity多浏览器透明度兼容处理

    用来设定元素透明度的 Opacity 是CSS 3里的一个属性.当然现在还只有少部分浏览器支持. 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari: IE: fil ...

  7. 解决Canvas.toDataURL 图片跨域问题

    如题,在将页面的图片地址进行本地输出时(Html2Canvas.js),因不同源存在跨域问题,会出现toDataURL访问权限问题: [Redirect at origin 'http://sub1. ...

  8. testlink简单部署

    CentOS+LAMP+testlink 环境 系统 CentOS6.5 软件 testlink-1.9.14 IP 192.168.0.158 部署 LAMP环境搭建 remi配置 wget htt ...

  9. Combination Sum II Combinations

    https://leetcode.com/problems/combination-sum-ii/ 题目跟前面几道题很类似,直接写代码: class Solution { public: vector ...

  10. css 文字与小图标对齐

    .icon { display: inline-block; width:20px; height:20px; background: url(delete.png) no-repeat center ...