在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. web储存用户信息

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  2. JavaScript (JS) 函数补充 (含arguments、eval()、四种调用模式)

    1. 程序异常 ① try-catch语法    测试异常 try-catch语法代码如下: try { 异常代码;     try中可以承重异常代码, console.log(“try”)  出现异 ...

  3. POJ1927 Area in Triangle

      Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 1458   Accepted: 759 Description Give ...

  4. case when then else 详解

    原文发布时间为:2008-10-15 -- 来源于本人的百度文章 [由搬家工具导入] sql语句判断方法之一 Case具有两种格式。简单Case函数和Case搜索函数。 --简单Case函数 CASE ...

  5. linux下的用户组管理

    用户组管理分两类 如果赋给组什么权限,那么组员就会有什么权限 1.私有组 在创建新用户的时候,就要为用户指定组.如果没有指定,就会默认创建一个与用户名相同的用户组,这个用户组只有该用户一个用户,就被称 ...

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

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

  7. c# 扩展LINQ的order by函数支持通过字符串来指定列名并支持多列

    本文借鉴了https://blog.csdn.net/lan_liang/article/details/68523451. 将字符串转换为orderby的linq可以极大地减少重复劳动,可是该怎样将 ...

  8. HRBUST 1211 火车上的人数【数论解方程/模拟之枚举+递推】

    火车从始发站(称为第1站)开出,在始发站上车的人数为a,然后到达第2站,在第2站有人上.下车,但上.下车的人数相同,因此在第2站开出时(即在到达第3站之前)车上的人数保持为a人.从第3站起(包括第3站 ...

  9. 你知道如何在springboot中使用redis吗

    特别说明:本文针对的是新版 spring boot 2.1.3,其 spring data 依赖为 spring-boot-starter-data-redis,且其默认连接池为 lettuce ​  ...

  10. Ruby on rails初体验(三)

    继体验一和体验二中的内容,此节将体验二中最开始的目标来实现,体验二中已经将部门添加的部分添加到了公司的show页面,剩下的部分是将部门列表也添加到公司的显示页面,整体思路和体验二中相同,但是还是会有点 ...