此讲座系列由校内网手札推出,由站长老马主讲,同学们可以到群34157015进行提问或交流,欢迎转载,并请说明出处!
校内网(xiaonei.com)自开通以来,有很多同学为了使自己的页面更加漂亮,更加突出而到处求校内网涂鸦板代码成品,但我个人认为这样并不能解决实际问题,如果想很好的把自己的才能展现在其他同学或浏览者面前,我们可以花那么几天(呵呵,就几天而已)的时间顺便学一下如何轻松玩转涂鸦版代码,当然这对于其他的博客也是有用的,好了,现在开始上课!
我们首先应该明白的是校内网是提供给同学们的涂鸦板到底是干什么的,在WEB 2推出后,几乎会上网的都具有自己的博客,有些支持自己修改代码有些并不支持,在这点我觉得校内网是做得非常好的,提供了这样的一个涂鸦板,即可帮助同学们了解HTML等相关代码,又可以展现同学们的个性和才能,到此我们应该知道,校内网涂鸦板代码是让我们美化自己的校内网页面而设置的一个代码编辑器,我们可以在里面编辑相应的代码来使自己的页面更特别,那么到底该写些什么代码呢?刚才在上面我们提到的HTML,当然还有CSS。
HTML意为hyper text mark-up language,也就是静态超文本标记语言的意思,一门很简单的标记语言,对于我们大学生来更不在话下,HTML提供一些比较简单的标记来控制网页上文字、图片、影音等的显示,所以我们现在学在涂鸦板里使用的HTML标签。
下面看一个例子:
<html><!--HTML标签开始-->
<head>
<title>网页标题</title>
</head>
<body>
Hello world!
</body>
</html><!--结束标签-->
上面即为一个网页的基本构架,从上面可以看出:写在<>里的就是HTML标签,结束的时候加上一个/,即像</html>这样的,由于校内网里已经定义好了头部以上的部分,我们就省去只讲<body></body>里面边的,也就是网页正文的内容,一般的HTML标签都具有自己的一些属性,如:
背景标签:
<body text="文字颜色" link="链接颜色" vlink="访问过的链接颜色" alink="鼠标点下去的颜色" bgcolor="背景颜色" background="背景图片" topmargin="正文距上面的距离" leftmargin="正文距左边的距离">
其中body是标签;text、link等就是属性,等于号后面即属性值;
颜色的取值为:英语单词如red blue white black等
十六进制如 #FF0000 #0000FF #FFFFFF #000000等
背景图片值为:像这种http://www.xnei.cn/upload/xxxxx.jpg(也即图片的地址;)
标题标签:
<hn></hn> n为1到6的数字,和Word里的标题样式是一样的;如:
<h1>标题一</h1>等
文字标签:
<font color="文字颜色" size="文字大小" face="字体"></font>
这个标签用来控制文字的颜色、大小、字体,效果将产生在<font>和</font>之间,所以一样要注意;
例子:<font color="red" size="5" face="黑体">我是5号的红色黑体字</font>
好了,今天先到这吧,大家可以到涂鸦板里去试试效果,有点饿了,吃饭去!有问题请到群里留言,BYEBYE。