天正式开始学习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. Python —条件语句

    条件语句 Python条件语句是通过一条或多条语句的执行结果(True或者False)来决定执行的代码块. 可以通过下图来简单了解条件语句的执行过程: Python程序语言指定任何非0和非空(null ...

  2. OpenERP 使用与开发笔记（一）

    一直关注OpenERP,但一直未真正使用.最近一些数据想规范管理,免得使和EXCEL与WORD等到处找,所以想到OpenERP的自定义功能比较好,就再次找来相关资料重新拾掇起来.在这过程中,发现了许多 ...

  3. Ext中renderer用法及参数

    转载处:http://blog.csdn.net/yangxiaojun9238/article/details/8240139 setHeader是设置http恳求的头是MIME 和谈的拓展可以实现 ...

  4. Windows编程入门程序详解

    引用:http://blog.csdn.net/jarvischu/article/details/8115390 1.     程序 /******************************* ...

  5. Final阶段用户调查报告

    组名称:nice! 项目名称:约跑 小组成员:李权(组长).刘芳芳.于淼.宫丽君.韩媛媛 产品下载地址:http://pan.baidu.com/s/1mhIjaS4 问卷时间:2016年12月2号1 ...

  6. C/C++之指针加减法

    C和C++中可对指针进行加减,但对其进行乘除则基本无实际意义.一般来说,对指针进行减法的前提是减数和被减数均指向同一数组.加法同理.需要注意的是,两个指针的减法,结果是两个地址之间索引变量的数目,而不 ...

  7. 亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 环境安装篇

    最近因为有个项目需要制作APP,考虑到需要兼容Android和IOS,所以想采用WebAPP的方式来开发.现在是从零开始学习之路,走起-   通过网上博客和论坛,开始安装了一堆软件: 1. Sench ...

  8. python 编辑xml中namespace问题中出现很多ns0

    原始文件:

  9. 为什么导入数据库要加入set names utf-8

    Repinted:http://blog.csdn.NET/class1/archive/2006/12/30/1469298.aspx 为了让你的网页能在更多的服务器上正常地显示,还是加上" ...

  10. Java中ProcessBuilder应用实例

    系列说明 浅析Java.lang.Runtime类 浅析Java.lang.Process类 浅析Java.lang.ProcessBuilder类 可以使用java中的ProcessBuilder执 ...