DRP之HTML总结

    在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:

DRP之HTML总结

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

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、标签文字设置:

DRP之HTML总结

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

DRP之HTML总结

12、文字布局:

DRP之HTML总结

————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>


显示效果

 DRP之HTML总结

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

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

DRP之HTML总结,布布扣,bubuko.com

DRP之HTML总结

上一篇:腾讯webqq最新密码加密算法,hash算法


下一篇:HTML与XHTML的区别