天正式开始学习HTML的基础制作，有简单的指令开始入手。

第一天的学习，因为基础，所以觉得还算简单，主要是对网页背景、图片、文字、表格等的编辑，和一部分链接的使用。

由下面的的一个事例，通过所学的简单指令，自己做出来。

下面是Dreamweaver的编辑过程

<body bgcolor="black" text="#FFFFFF" topmargin="200" leftmargin="100">

<font size="+6"><i>作 业</i></font><font size="+3">20161221</font>
<p><del>作业可以不完成</del></p>
<p>One may fell in love with people during the lifeime.</p>
<p>When you finally get your own happiness,</p>
<p>you will understand the previous sadness is kind of treasure,</p>
<p>whice makes you better to hold and cherishthe people you love</p>

<strong>字体是：</strong><br />
<font face="微软雅黑"><u>微软雅黑</u></font>

<p><img src="作业图片.gif" width="70" alt="图裂了" title="哈哈哈" /><br />图裂了</p>

<ol type="a"><font size="+5"><strong>要求</strong></font>
<li>独立完成</li>
<li>今天所讲的都要练一遍</li>
<li>做好博客的笔记</li>
</ol>

<ul type="disc"><font size="+5"><strong>PS</strong></font>
<li>注意有序/无序列表的使用</li>
<li>图片长款都是100px，点击图片可以连接到网页顶端</li>
<li>有求完成度在70%以上</li>
<li>不会的可以<span><font color="#CCFF00"><a href="http://www,baidu.com" target="_blank">百度</a></font></span>（此链接在新页面打开）</li>
<li>网页的上边距和左边距为200px</li>
<li>鼠标移动到图片上显示“哈哈哈”</li>
<li>坏图上显示“图裂了”</li>
</ul>

<table border="1px" width="400px" height="200px">
<tr align="center">
<td><b>高度/宽度</b></td>
<td><b>对齐方式</b></td>
<td><b>背景颜色</b></td>
<td rowspan="2"><b>合并单元格</b></td>
</tr>

<tr>
<td align="center" valign="bottom" bgcolor="#999999"><b>400px/200px</b></td>
<td align="right" valign="bottom" bgcolor="#999999"><b>靠右/靠下</b></td>
<td align="right" valign="bottom" bgcolor="#999999"><b>gray</b></td>
</tr>
</table>
</html>

　　

　　

新课程开始的第二天，HTML基础制作的更多相关文章

  1. RxJava2实战--第二章 RxJava基础知识

    第二章 RxJava基础知识 1. Observable 1.1 RxJava的使用三步骤 创建Observable 创建Observer 使用subscribe()进行订阅 Observable.j ...

  2. 前端第二篇---前端基础之CSS

    前端第二篇---前端基础之CSS 目录 一.css介绍 二.css语法 三.css的几种引入方式 四.css选择器 五.css属性相关 六.盒子模型 拓展 一.css介绍 CSS(Cascading  ...

  3. java面向对象编程——第二章 java基础语法

    第二章 java基础语法 1. java关键字 abstract boolean break byte case catch char class const continue default do ...

  4. laravel基础课程---1、laravel安装及基础介绍（laravel如何安装）

    laravel基础课程---1.laravel安装及基础介绍(laravel如何安装) 一.总结 一句话总结: [修改composer镜像地址].[明确laravel的安装要求].[安装指定版本的la ...

  5. 其它课程中的python---1、python基础

    其它课程中的python---1.python基础 一.总结 一句话总结: 可以先把视频平台搭起来,这样学习效率会高很多,而且有额外收益 1.python的优势有哪些? 一个广泛的标准库 扩展性:比如 ...

  6. 实验三  平面广告制作工具Photoshop基础--制作LOGO

    实验三  平面广告制作工具Photoshop基础--制作LOGO [实验目的] ⑴.熟悉Photoshop的界面 ⑵.能利用photoshop处理简单的图像 [实验条件] ⑴.个人计算机一台 ⑵.个人 ...

  7. Neural Networks and Deep Learning 课程笔记（第二周）神经网络的编程基础 (Basics of Neural Network programming)

    总结 一.处理数据 1.1 向量化(vectorization) (height, width, 3) ===> 展开shape为(heigh*width*3, m)的向量 1.2 特征归一化( ...

  8. python之路第二篇（基础篇）

    入门知识: 一.关于作用域: 对于变量的作用域,执行声明并在内存中存在,该变量就可以在下面的代码中使用. if 10 == 10: name = 'allen' print name 以下结论对吗? ...

  9. 第二章----python基础

    概要:python是一种计算机编程语言,有自己的一套语法,编译器或者解释器负责把符合语法的程序代码翻译成CPU能识别的机器码,然后执行.python使用缩进来组织代码块,Python程序中大小写是敏感 ...

随机推荐

  1. System.Web.AspNetHostingPermission 类型的权限已失败

    System.Security.SecurityException: 请求“System.Web.AspNetHostingPermission, System, Version=2.0.0.0, C ...

  2. GMap.NET二次开发库

    GMap.NET的出现,解决了传统的依赖于地图引擎的代价高昂的解决方案,而且使用传统地图引擎,无法迁移,就连我们的地图放大缩小这样常规的方法,都是紧紧绑定在这些令人恶心的地图引擎开发包提供的SDK接口 ...

  3. div中iframe高度自适应问题

    网页分为上.中.下三部分,上.下高度固定中间高度自适应:中间分为左.右两部分,左边宽度固定,右边宽度自适应.现在右侧div是宽度和高度都是自适应,右侧div里有个IFrame,想让IFrame自适应外 ...

  4. SSM框架-----------SpringMVC+Spring+Mybatis框架整合详细教程

    1.基本概念 1.1.Spring Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One  ...

  5. left join on 和where条件的放置

    先看个例子 以下P1与S1是一对多的关系 结果分别是:1746,1748,1748,1277525,307 由此看出: P1 left join S1 on ... and ...是将S1表中数据先过 ...

  6. SQL中EXISTS的用法

    比如在Northwind数据库中有一个查询为SELECT c.CustomerId,CompanyName FROM Customers cWHERE EXISTS(SELECT OrderID FR ...

  7. Windows Phone 二十一、联系人存储

    联系人资料是手机上必有的,在最新的 Windows Phone 中开放了相应的 API ,以便于应用程序读写通讯录. 注意:系统没有对整个手机自带的通讯录写入开放权限,每个应用只能管理属于当前应用的联 ...

  8. hdu 1559 最大子矩阵

    最大子矩阵 Time Limit: 30000/10000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Sub ...

  9. 安装Oracle问题总结

    Oracle安装很多次,这次是最郁闷. 第一次安装失败,考虑可能是软件问题(以往学生给的软件),重新从官网下载 快下载完时,360清理电脑垃圾空间,手残,关闭浏览器,又开始重新下载 下载的同时,我开始 ...

  10. String空值判定

    不能用 str.equalsIgnoreCase(null). 写了个判定的方法,供以后直接调用: public static boolean isEmpty(String str) { if (st ...