码迷,mamicode.com
首页 > 编程语言 > 详细

【Java项目实战】——DRP之HTML总结

时间:2017-05-02 17:23:34      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:系统   宽度   style   分享   设置   渐进   界面   zh-cn   效果   

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

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

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

————bgcolor背景颜色

————background背景图片

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

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

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

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

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

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

3meta:

技术分享

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

4、横线<hr>:

————size是长度

————width是宽度

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

5、超级链接<a>:

————href是url

————target是目标窗体

6、标题字体<h1h6>:

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

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

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

7、字体设置:

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

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

8、标签文字设置:

技术分享

9、特殊字符(转义符): 

技术分享

12、文字布局:

技术分享

————spandiv相比。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>


显示效果

 技术分享

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

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

【Java项目实战】——DRP之HTML总结

标签:系统   宽度   style   分享   设置   渐进   界面   zh-cn   效果   

原文地址:http://www.cnblogs.com/yangykaifa/p/6797062.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!