在DRP的学习之中，又将之前BS的内容又一次复习了一遍，借着复习的机会将BS的各个部分再又一次总结一下。今天来总结一下HTML。

在学习BS之后就进入了权限系统的开发之中，可是仍然发现非常多代码不会不懂，所以又一次去网上查去网上找，在那个循序渐进的过程里，我发现自己学习的东东真的非常浅非常浅。在学习DRP的过程中。又将BS的内容又一次复习了一遍。这一遍就发现这些内容亲切多了。在今天总结的HTML中就不像之前那样介绍HTML是什么，介绍HTML的背景知识了，直接将HTML一些须要注意的标签拿出来，跟着DRP去敲HTML的小样例，你突然发现之前在代码中非常多非常多东西你都是见过的，并且经过这一遍你就能了解它是什么并且可以理解它了。

1、body:body里面能放非常多东西，我们一般在界面上看到的东西都是放在body里面的。body标签中能够放表格，放一些输入的东西

————bgcolor背景颜色

————background背景图片

注意：关于背景图片要注意一下绝对路径和相对路径的问题，建议使用相对路径。

2、head：放的是一些声明的东西

————当中head标签里面包括例如以下：

————title标签：设置标题，设置完毕后能够显示到IE窗体的标题上

————style标签：引入CSS文件

————script标签：引入javascript文件

3、meta:

注意：这些头信息不用记忆的，仅仅在用的时候粘过去就好了

4、横线<hr>:

————size是长度

————width是宽度

————color是颜色，color为16进制RGB彩，blueyellowred

5、超级链接<a>:

————href是url

————target是目标窗体

6、标题字体<h1—h6>:

————标题显示为黑体字

————这些标记自己主动插入一个空行，不必用<p>标记再加空行

————数字越小。字体越大

7、字体设置:

————size:1,2,3,4,5,6,7

————color:字体颜色。color为16进制RGB数字，或者是下列定义色彩，blueyellowred……

8、标签文字设置:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZ2FveWluZ19ibG9ncw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">

9、特殊字符（转义符）:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZ2FveWluZ19ibG9ncw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">

12、文字布局:

————span跟div相比。span不换行，是接在前一个span后面。而div换行

————<p>是换行，可是后面是加一个空行。另一个换行是<br>这个是不会加空行的

举个样例：

<html>

	<head>

		<title>演示超级链接</title>

	</head>

	<body>

		<!--默认在本窗体打开-->

		<a href="http://www.sina.com.cn">连接到新浪</a>

		<p>

		<!--在本窗体打开-->

		<a href="http://www.sina.com.cn" target="_self">连接到新浪</a>

		<p>

		<!--弹出窗体-->

		<a href="http://www.sina.com.cn" target="_blank">连接到新浪</a>

		<p>

		<!--默认在本窗体打开-->

		<a href="http://www.sina.com.cn">连接到新浪</a>

		<br>

		<!--在本窗体打开-->

		<a href="http://www.sina.com.cn" target="_self">连接到新浪</a>

		<br>

		<!--弹出窗体-->

		<a href="http://www.sina.com.cn" target="_blank">连接到新浪</a>

		<br>

	</body>

</html>

显示效果

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZ2FveWluZ19ibG9ncw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">

******************************************************************************************************

HTML的内容并不难，这些东西也不用死记硬背。多敲写程序熟悉熟悉自己就知道怎么用了。当然BS的内容到HTML这里才小荷才露尖尖角，可是HTML的知识非常基础。我们可能不是纯画界面的。画界面的有美工，可是作为一个全面发展的IT程序猿，这些素养是必须具备的。你能够不做，可是你不能不懂不会！这才是对我们发展提出的全面要求！

【Java项目实战】——DRP之HTML总结的更多相关文章

  1. selenium+java项目实战---百度输入框

    最近对java+selenium+testng+maven 做一个小项目的总结,并对工作中的框架在做一些小总结,大概目录为: 1.项目实战--百度登录输入框 2.项目的二次封装 3.框架分层,及po模 ...

  2. Java Drp项目实战——Drp知多少

    是什么 Drp是Distribution Resource Planning的缩写,意思是分销资源计划.它是用来管理企业的执行于Internet上的分销网络的系统,是以商业流程优化为基础,它的核心是销 ...

  3. 【java项目实战】一步步教你使用MyEclipse搭建java Web项目开发环境（一）

    首先.在開始搭建MyEclipse的开发环境之前.还有三步工具的安装须要完毕,仅仅要在安装配置成功之后才干够进入以下的java Web项目开发环境的搭建. 1.安装工具 第一步,下载并安装JDK,到官 ...

  4. 【java项目实战】ThreadLocal封装Connection，实现同一线程共享资源

    线程安全一直是程序员们关注的焦点.多线程也一直是比較让人头疼的话题,想必大家以前也遇到过各种各种的问题.我就不再累述了.当然,解决方案也有非常多,这篇博文给大家提供一种非常好的解决线程安全问题的思路. ...

  5. 【java项目实战】dom4j解析xml文件，连接Oracle数据库

    简单介绍 dom4j是由dom4j.org出品的一个开源XML解析包.这句话太官方.我们还是看一下官方给出的解释.例如以下图: dom4j是一个易于使用的.开源的,用于解析XML,XPath和XSLT ...

  6. 【java项目实战】代理模式（Proxy Pattern），静态代理 VS 动态代理

    这篇博文,我们主要以类图和代码的形式来对照学习一下静态代理和动态代理.重点解析各自的优缺点. 定义 代理模式(Proxy Pattern)是对象的结构型模式,代理模式给某一个对象提供了一个代理对象,并 ...

  7. 云计算Docker全面项目实战（Maven+Jenkins、日志管理ELK、WordPress博客镜像）

    2013年,云计算领域从此多了一个名词“Docker”.以轻量著称,更好的去解决应用打包和部署.之前我们一直在构建Iaas,但通过Iaas去实现统一功  能还是相当复杂得,并且维护复杂.将特殊性封装到 ...

  8. Java Drp项目实战—— 环境搭建

    概要 我们要開始一个关于Java项目的开发,那么我们就须要搭建一个关于Java开发的环境,那么搭建一个Java开发环境,都须要些什么东东,又有些什么注意事项呢. 过程 我先将我搭建Java环境的软件和 ...

  9. 【Java EE 学习 67 下】【OA项目练习】【SSH整合JBPM工作流】【JBPM项目实战】

    一.SSH整合JBPM JBPM基础见http://www.cnblogs.com/kuangdaoyizhimei/p/4981551.html 现在将要实现SSH和JBPM的整合. 1.添加jar ...

随机推荐

  1. Linux(Centos) 搭建ReviewBoard

    一.官方安装手册 reviewboard 的安装用户手册:猛击这里 二.常用安装步骤 2.1.安装httpd,+ mod_wsgi, fastcgi, or mod_python yum -y int ...

  2. 1.docker学习

    Docker —— 从入门到实践 http://udn.yyuap.com/doc/docker_practice/introduction/index.html 非常详细的Docker学习教程 ht ...

  3. HTML表格嵌套、合并表格

    一.表格元素< table> table常用属性 border:边框像素 width,height:表格宽度/高度 bordercolor:表格边框颜色 bgcolor:表格背景颜色 二. ...

  4. Nature Reserve

    Nature Reserve time limit per test:2 seconds memory limit per test:256 megabytes input:standard inpu ...

  5. Firebug Console API

    原文发布时间为:2011-06-06 -- 来源于本人的百度文章 [由搬家工具导入] Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下 ...

  6. godaddy虚拟空间的伪静态配置

    原文发布时间为:2011-02-24 -- 来源于本人的百度文章 [由搬家工具导入] 只要在web.config文件的<configuration>子节点下 加入以下节点，即可实现 伪静态 ...

  7. RazorExtensions Templated Razor Delegates

    原文发布时间为:2011-04-27 -- 来源于本人的百度文章 [由搬家工具导入] Templated Razor Delegates David Fowler turned me on to a ...

  8. VBCodeProvider .net compiler service interface or something like that

    https://msdn.microsoft.com/zh-cn/library/microsoft.visualbasic.vbcodeprovider%28v=vs.110%29.aspx ref ...

  9. 《Linux命令行与shell脚本编程大全 第3版》Linux命令行---33

    以下为阅读<Linux命令行与shell脚本编程大全 第3版>的读书笔记,为了方便记录,特地与书的内容保持同步,特意做成一节一次随笔,特记录如下:

  10. 洛谷——P3183 [HAOI2016]食物链

    P3183 [HAOI2016]食物链 题目描述 如图所示为某生态系统的食物网示意图,据图回答第1小题现在给你n个物种和m条能量流动关系,求其中的食物链条数.物种的名称为从1到n编号M条能量流动关系形 ...