在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. Java EE 学习（9）：IDEA + maven + spring 搭建 web（5）- 博客文章管理

    转载:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) . 注:在阅读本文前,请先阅读: Java EE 学习(5):IDEA + maven + spring 搭建 web(1) Jav ...

  2. EclEmma Java Code Coverage for Eclipse

      1. 1EclEmma的介绍 一.EclEmma 简介: EclEmma是一个开源的软件测试工具(for eclipse),可以在编码过程中查看代码调用情况.也可以检测单覆盖率. 详见: http ...

  3. Java数据结构-------Set

    三种常用Set:HashSet.LinkedHashSet.TreeSet set类继承关系: 概述 Set是对对应Map的一种封装,Set中的元素不可以重复. HashSet对应 HashMap.L ...

  4. activeMQ队列模式和主题模式的Java实现

    一.队列模式 生产者 import javax.jms.Connection; import javax.jms.ConnectionFactory; import javax.jms.Destina ...

  5. postgresql 10 数据类型 (完整版)

    官方数据类型document https://www.postgresql.org/docs/10/static/datatype.html PostgreSQL拥有丰富的数据类型供用户使用.用户也可 ...

  6. poj 2100(尺取法)

    Graveyard Design Time Limit: 10000MS   Memory Limit: 64000K Total Submissions: 6107   Accepted: 1444 ...

  7. LeetCode OJ--Palindrome Number

    https://oj.leetcode.com/problems/palindrome-number/ 判断是否为回文数 取每一位存到vector中,再判断 负数不是回文数 class Solutio ...

  8. Codeforces Gym100971 G.Repair-思维题(切矩形板子) (IX Samara Regional Intercollegiate Programming Contest Russia, Samara, March 13)

    这个题就是一块大板子,问你能不能切成两块要求的长宽的两块板子,一开始是按切板子想的,感觉有点麻烦. 直接反过来想,把两块要求的板子拼起来,填成一个大板子,看填出来的这个板子和题目给的板子比较,小于等于 ...

  9. Oracle 查看表存储内存

    --分配表的物理存储1 select segment_name, bytes from user_segments where segment_type = 'TABLE'; From User_Ex ...

  10. Educational Codeforces Round 39 (Rated for Div. 2) B. Weird Subtraction Process[数论/欧几里得算法]

    https://zh.wikipedia.org/wiki/%E8%BC%BE%E8%BD%89%E7%9B%B8%E9%99%A4%E6%B3%95 取模也是一样的,就当多减几次. 在欧几里得最初的 ...