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. 设计模式C#合集--工厂方法模式

    简单工厂,代码: public interface ISpeak { public void Say(); } public class Hello : ISpeak { public void Sa ...

  2. [转载]SQL Server 2008 R2安装时选择的是windows身份验证，未选择混合身份验证的解决办法

    安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本文介绍如何在安装后更改安全模式. 如果在安装过程中选择&q ...

  3. 深入理解DOM节点操作

    × 目录 [1]创建节点 [2]插入节点 [3]移除节点[4]替换节点[5]复制节点 前面的话 一般地,提起操作会想到“增删改查”这四个字,而DOM节点操作也类似地对应于此,接下来将详细介绍DOM的节 ...

  4. Android—应用程序开机自启

    android开机时候会发送开机广播,我们想要收到广播知道手机开机,才能启动我们的应用程序. 首先要在配置文件中添加相应权限: <uses-permission android:name=&qu ...

  5. Android（安卓）-------CardView

    1.activity_main.xml <android.support.v7.widget.CardView android:id="@+id/cardView" andr ...

  6. Linux Socket 原始套接字编程

    对于linux网络编程来说,可以简单的分为标准套接字编程和原始套接字编程,标准套接字主要就是应用层数据的传输,原始套接字则是可以获得不止是应用层的其他层不同协议的数据.与标准套接字相区别的主要是要开发 ...

  7. 安全防范：nginx下git引发的隐私泄露问题

    安全防范:nginx下git引发的隐私泄露问题 1   安全事件 最近阿里云服务器后台管理系统中收到一条安全提示消息,系统配置信息泄露: http://my.domain.com/.git/confi ...

  8. Building the Testing Pipeline

    This essay is a part of my knowledge sharing session slides which are shared for development and qua ...

  9. 抛弃jQuery：DOM API之操作元素

    原文链接:http://blog.garstasio.com/you-dont-need-jquery/dom-manipulation/ 我的Blog:http://cabbit.me/you-do ...

  10. SQL Server 索引和表体系结构（非聚集索引）

    非聚集索引 概述 对于非聚集索引,涉及的信息要比聚集索引更多一些,由于整个篇幅比较大涉及接下来的要写的“包含列的索引”,“索引碎片”等一些知识点,可能要结合起来阅读理解起来要更容易一些.非聚集索引和聚 ...