HTML翻译为超文本标记语言
<标签名>内容</标签名>
静态网页动态网页的区别是看是否从数据中提取数据
一般网页由几部分组分组成
<html>开始标签
<head>头，即为网页上的控制信息
<title>页面上的标题</title>
</head>

<body，其属性一般有bgcolor页面背景色，text文字颜色，tpmargin上页边距，leftmar左页边距，backgroung背景壁纸>
页面显示内容，一般的标签
<font color="" size="" face=""></font>颜色，大小，字体
<strong>加粗</strong>
<b>加粗</b>
<em>倾斜</em>
<i>倾斜</i>
<u>下划线</u>
<del>删除线</del>
<sub>下标</sub>
<sup>上标</sup>
<center>居中</center>
<br>回车
&nbsp空格
<h1>一级标题</h1>
......
<h6>六级标题</h6>
标题会自动换行
<p>段落标签</p>
有序标签
<ol type="">
<li></li>
<li></li>
</ol>
无序标签
<ul type="">
<li></li>
<li></li>
</ul>

超链接：<a href="网址">要点的内容</a>
<a href="网址" target="_blank">在空白页面打开，self就是在自身页面打开
锚点:<a href="#top"></a>直接返回到页面顶部
<a name=""></a>
<a href=""></a>返回到命名处
<img src="图片地址" width="宽度" height="高度" title="图片标题" alt="图片无法加载时显示文字">
相对路径：从当前页面开始查找
绝对路径：从网站的根开始查找
表格：内容必须在单元格，单元格必须在行里，行必须在表格里。
<table width宽度 border边框 bgcolor背景颜色 background背景图>
<tr>行：
<td></td>单元格
<th></th>内容自动居中加粗
</tr>
</table>
align水平对齐 left center right
valign垂直对齐 top middle bottom
rowspan合并行
colspan合并列

</body>
</html> 结束标签

以下面作业为例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作业20161221</title>
</head>

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

<p>
<font face="微软雅黑" color="#FFFFFF" size="+3">
<em>
<strong>作业</strong>
</em>
<sub>20161221</sub>
</font>
</p>

<p>
<font face="微软雅黑" color="#FFFFFF" size="-1">
<del>可以不完成
</del>
</font>
</p>
<font face="微软雅黑" color="#FFFFFF" size="-1">
<p>One may fall in love with many people during the lifetime.</p>
<p>When you finally get your own happiness,</p>
<p>you will understand the preious sadness is kind of treasure,</p>
<p>which makes you better to hold and cherishthe people you love.</p>
</font>
<p>
<font face="微软雅黑" color="#FFFFFF" size="-1">字体是:<br>
<u>微软雅黑</u>
</font>
</p>
<a href="#top">
<img src="新建文件夹/QQ图片20161221090944.gif" width="100px" height="100px" title="哈哈哈" alt="图裂了">
</a>
<br>
<font face="微软雅黑" color="#FFFFFF" size="-1">图裂了
</font>
<br>
<br>
<font face="微软雅黑" color="#FFFFFF" size="+2">要求：
</font>
<font face="微软雅黑" color="#FFFFFF" size="-1">
<ol type="A">
<li>独立完成</li>
<li>今天所讲的都要练一遍</li>
<li>做好博客的笔记</li>
</ol>
</font>
<br>
<font face="微软雅黑" color="#FFFFFF" size="+2">PS:
</font>
<br>
<font face="微软雅黑" color="#FFFFFF" size="-1">
<ul type="square">
<li>注意有序/无序列表的使用</li>
<li>图片长宽都是100px，点击图片可以链接到网页顶端</li>
<li>要求完成度在70%以上</li>
<li>不会的可以<font color="#660066">
<a href="http://www.baidu.com" target="_blank">百度</a>
</font>(此链接在新页面打开)</li>
<li>网页左边距和上边距为200px</li>
<li>鼠标移动到图片上显示“哈哈哈”</li>
<li>坏图上显示“图裂了”</li>
</ul>

<table width="400px" height="200px" border="1" cellspacing="0" cellpadding="0">
<font color="#FFFFFF">
<tr>
<th width="100px" align="center" valign="middle">宽度/高度</th>
<th width="100px" align="center" valign="middle">对齐方式</th>
<th width="100px" align="center" valign="middle">背景颜色</th>
<td rowspan="2" align="center" valign="middle" >合并单元格</td>
</tr>
<tr>
<td bgcolor="#999999" align="center"valign="bottom">400px/200px;</td>
<td bgcolor="#999999" valign="bottom" align="right">靠右/靠下</td>
<td bgcolor="#999999"align="right" valign="bottom">gray</td>

</tr>
</font>
</table>

</body>
</html>

HTML课上小结的更多相关文章

  1. 20165223《信息安全系统设计基础》第九周学习总结 & 第八周课上测试

    目录 [第九周学习总结] 教材内容总结 [第八周课上测试] (一)求命令行传入整数参数的和 (二)练习Y86-64模拟器汇编 (三)基于socket实现daytime(13)服务器和客户端 参考资料 ...

  2. 课上补做：用C语言编程实现ls命令

    课上补做:用C语言编程实现ls命令 一.有关ls ls :用来打印当前目录或者制定目录的清单,显示出文件的一些信息等. ls -l:列出长数据串,包括文件的属性和权限等数据 ls -R:连同子目录一同 ...

  3. 20175316盛茂淞 2018-2019-2 《Java程序设计》第2周课上测试总结

    20175316 2018-2019-2 <Java程序设计>第2周课上测试总结 上周考试题目总结 题目1 题目要求: 在Ubuntu中用自己的有位学号建一个文件,教材p29 Exampl ...

  4. 2017-2018-1 20155326信息安全系统设计基础》嵌入式C语言课上考试补交

    2017-2018-1 20155326信息安全系统设计基础>嵌入式C语言课上考试补交 PPT上的例子 已知位运算规则为: &0 --> 清零 &1 --> 不变 | ...

  5. 20165305 苏振龙《Java程序设计》第八周课上测试补做

    1. 下载附件中的world.sql.zip, 参考http://www.cnblogs.com/rocedu/p/6371315.html#SECDB,导入world.sql,提交导入成功截图 2. ...

  6. 20165305 苏振龙《Java程序设计》第四周课上测试补做

    第一次测试 第二次测试 第三次测试 上传代码 第四次测试 总结 之前我一直在git bash进行程序设计,但是对于我来说操作起来有点困难,所以我改用了虚拟机,之后之前一直困扰我的问题在虚拟机下就没有了 ...

  7. java课上测试心得

    放暑假之前,建民老师就给我们布置了每一天学习两小时的代码,但是自己的不重视,根本就没有达到这个要求,简单学了一点点基本的东西,然后在开学的第一堂课上,连续三个小时的敲代码,让我意识到了自己的问题,一个 ...

  8. 20155205 《Java程序设计》0510课上实践博客

    20155205 <Java程序设计>0510课上实践博客 一.教材代码检查-p98 未提交成功原因: 一开始在iterm中运行,但是结果出错,没有时间提交了.这个提交其实很简单,没有提交 ...

  9. 第六周课上测试-1-ch02

    第六周课上测试-1-ch02 1. 要求: 1.参考附图代码,编写一个程序 "week0601学号.c",判断一下你的电脑是大端还是小端. 2. 提交运行结果"学号XXX ...

随机推荐

  1. 年度巨献-WPF项目开发过程中WPF小知识点汇总（原创+摘抄）

    WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...

  2. Android—ListView条目背景为图片时，条目间距问题解决

    ListView是android开发中使用最普遍的控件了,可有的listView条目的内容颇为丰富,甚至为了美观,背景用指定图片,如下图:

  3. 当 IDENTITY_INSERT 设置为 OFF 时，不能为表 'T_Shell' 中的标识列插入显式值。

    --允许将显示值插入表的标识列中-ON:允许 OFF:不允许set identity_insert T_shell ONset identity_insert T_Shell OFF

  4. 端盘子的服务生到月薪一万五的IT精英，你能相信吗

    一直以来,我都觉得自己不是一个有故事的人. 以前的我,是个乖宝宝,对父母言听计从,特别内向,甚至一度感觉到自卑.不上学之后,我干过送货员,去工地除泥搬砖,当过油漆工,去过工厂,还去饭店当过端盘子的服务 ...

  5. Josephus环类问题，java实现

    写出一个双向的循环链表,弄一个计数器,我定义的是到三的时候,自动删除当前节点,很简单. package Com; import java.util.Scanner; /* * 约瑟夫环问题,有n个人组 ...

  6. Topshelf 学习 跨平台

    Topshelf是一个开源的跨平台的宿主服务框架,支持Windows和Mono,只需要几行代码就可以构建一个很方便使用的服务宿主. 官网:http://topshelf-project.com Git ...

  7. MongoDB Java Driver操作指南

    MongoDB为Java提供了非常丰富的API操作,相比关系型数据库,这种NoSQL本身的数据也有点面向对象的意思,所以对于Java来说,Mongo的数据结构更加友好. MongoDB在今年做了一次重 ...

  8. 浅析Java 泛型

    泛型是JavaSE5引入的一个新概念,但是这个概念在编程语言中却是很普遍的一个概念.下面,根据以下内容,我们总结下在Java中使用泛型. 泛型使用的意义 什么是泛型 泛型类 泛型方法 泛型接口 泛型擦 ...

  9. JavaScript dom 动态创建标记

    此前的大多数DOM都是用来查找元素,getElementById和getElementsByTagName都可以方便快捷的找到文档中的某个或者某些特定的元素节点,这些元素随后可以用诸如setAttri ...

  10. Linux命令：ps,netstat,top

    ps ps用于查看当前运行的进程.如果想查看动态的进程信息,可以使用top命令.查看详细命令帮助使用man ps. ps最常用的选项组合就是ps aux: # ps aux USER PID %CPU ...