在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、标签文字设置:
9、特殊字符(转义符):
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>
显示效果
******************************************************************************************************
HTML的内容并不难,这些东西也不用死记硬背,多敲敲代码熟悉熟悉自己就知道怎么用了。当然BS的内容到HTML这里才小荷才露尖尖角,但是HTML的知识很基础,我们可能不是纯画界面的,画界面的有美工,但是作为一个全面发展的IT程序员,这些素质是必须具备的。你可以不做,但是你不能不懂不会!这才是对我们发展提出的全面要求!