天正式开始学习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. rplidar测试

    以下在虚拟机中完成的(ubuntu12.04-amd64-ros-exbot-h2-140520). 进入catkin_ws,下载代码: cd ~/catkin_ws/src/ git clone h ...

  2. IIS无法加载字体文件(*.woff,*.svg)的解决办法

    在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg),此时在加载字体时请求会被返回 Failed to load resource: the server responded w ...

  3. 用js计算从开始到结束时间之内的按周值选定

    前台选择周几(周一周日),比如选择<td>周一</td>,<td>周三</td>,<td>周五</td>我用js attr 给t ...

  4. pod install 无限卡顿

    pod install  被墙了,请大家换成pod install --verbose --no-repo-update

  5. java.sql.SQLException: ORA-00942: 表或视图不存在

    1.检查JDBC数据源是否配置正确:2.检查表或视图名称是否写错:3.检查Java中数据源的数据库用户是否具有引用该表或视图的权限:

  6. java 支付宝 第三方即时到账支付 接口

    alipay 的几个内核功能文件:=================================================================================== ...

  7. js 复选框 全选都选 如果某一个子复选框没选中 则全选按钮不选中

    <!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title>js 复选框 全选都选 ...

  8. 802.1X基础

    这是一个认证规范.使用EAPOL协议在客户端与认证端交互. EAPOL协议:Extensible Authentication Protocol over LAN. 假设三个实体: 客户端:PC 认证 ...

  9. 数据绑定控件之Repeater

    引言 前几篇的文章在说AJAX的内容,利用AJAX技术能够开发出高效运行的网站应用程序,不过在进行B/S项目开发时只拥有AJAX技术是远远不够的,踏入到B/S要学的东西会更多,但相较C/S的复杂逻辑结 ...

  10. vim如何配置go语言环境

    go语言没有如source insight般优秀的编辑器,试用了多种,vim算最好的,其次可以用liteide(有反查变量函数引用点.修改行变色功能),两者可配合使用. 更新:最好的是idea+go插 ...