天正式开始学习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. Ubuntu 下安装 MySQL Workbench

    打开终端输入命令: sudo  dpkg -i mysql-workbench-community-6.0.9-1ubu1204-i386.deb 如果安装不成功的提示,可以输入以下命令: apt-g ...

  2. Leetcode: Design Snake Game

    Design a Snake game that is played on a device with screen size = width x height. Play the game onli ...

  3. Unity5 项目设置 .gitignore 解决 Missing Prefab 问题

    同步Unity工程时候,两边总是出现Missing Prefab问题. 按照网上的教程设置是无效的.  后来Google了一下 才发现 新版Unity和旧版的设置方式是不同的. 1.在 Edit-&g ...

  4. Android 音量调节

    对于Android的音量调节,可以分为按键调节音量和设置中调节音量.我们首先说一说设置中的音量调节. 一.音量的分类: 1.AudioManager.STREAM_VOICE_CALL 2.Audio ...

  5. 使用Vue构建中(大)型应用

    init 首先要起一个项目,推荐用vue-cli安装 $ npm install -g vue-cli $ vue init webpack demo $ cd demo $ npm install ...

  6. Android隐藏状态栏、导航栏

    Android隐藏状态栏.导航栏 private void hideStatusNavigationBar(){ if(Build.VERSION.SDK_INT<16){ this.getWi ...

  7. 关于ES6的 模块功能 Module 中export import的用法和注意之处

    export default 的用法 export default命令用于指定模块的默认输出.显然,一个模块只能有一个默认输出,因此export deault命令只能使用一次.所以,import命令后 ...

  8. iis7 64位 操作excel的一系列问题（未完待续）

    查了半天发现是IIS跑在64位环境下引起的.而64位下,是木有Access数据库的驱动的(包括Excel也不行). 解决办法是:在目标网站的应用程序池中选择高级设置,然后将启用32位应用程序设置为tr ...

  9. DataGridView中实现checkbox全选的自定义控件

    在DataGridView中实现Checkbox的全选的方法就是在列头画一个checkbox, 并给其一个事件. 这个之前很多blog都有写, 这里就不多废话了,  codeproject上面有示例代 ...

  10. 最常用的截取函数有left,right,substring

    最常用的截取函数有left,right,substring 1.LEFT ( character_expression , integer_expression ) 返回从字符串左边开始指定个数的字符 ...