HTML语言初解、网站注册、文章的发布 编写:逸云 梦馨苑专用教材 各位新朋友:欢迎你注册成为梦馨苑大家庭的一员!如果你要在本站发布文章,就要注册了,如果你想更好地学习更加方便地做练习的话,就更要注册了,怎样注册呢?请跟着我一步步完成注册的过程吧。一、注册梦馨苑有两个域名:国际域名:http://www. ,二级域名:http://lhsz.
二、发布新文章 1.点击“发布新文章”就会弹出如下界面:
(图5) 这就是我们编辑文章的地方了,首先您要进行文章大类和小类的选择,并定义你的文章标题。 2.直接链接和文章显示采用默认即可(一般不要改动它),接下来到了“文章来源”,如果是自己的作品,写上:“原创”,如果是转帖他人的作品(包括动画等等),写明出处或“转帖”。再往下看,到了“文章作者”一栏,自己的作品写上自己的名字,是转贴的作品写原作者名,尽量找到原作者。 3.完成了以上的步骤就到了发文的编辑区了(也就是图5中的白色方框区域),这里是我们编辑文章的地方,一切的编辑都是在此完成的。你可以把你的文章直接粘贴在编辑区的白框内,也可以直接进入源码编辑(进行源码编辑时请一定不要忘了将“查看HTML源代码”前面的小白框给勾选上),完成编辑后再取消“查看HTML源代码”前的勾,就可发布了。
(图6) 4.发布文章,完成编辑后就进入到发布的最后一步了,见(图6),你要做的是点下面的“添加”就会弹出“文章发布成功”的提示,再点“确定”就可以了(为了防止把你辛辛苦苦写的文章给弄丢了,避免做无用工,请你在发布之前一定注意保存自己的作品,做好备份) ***************************************************************************** 何为HTML语言?HTML语言是一种用来制作超文本文件的简单标签语言。用它编写的超文本文件称为HTML文件,HTML语言的标准内容极其复杂,但其文件本身却是非常简单。它之所以被成为Internet上的世界语而得以流行,是因为其可以跨越各种平台而通行无碍。 它不需要用任何专门的编辑工具来建立HTML页面,任何一个文字处理器(如Windows中的“记事本”、“写字板”,Mcrosoft Word)都可胜任这个工作。 基本HTML页面以<html>标签开始,以</html>结束。在它们之间,文件有两部分--标题和正文。 标题词--夹在<head>和</head>标签之间--包含有关一个不在自己页面上出现的一个页面的的信息,例如标题名称。正文则夹在<body>和</body>之间--即内容所在。页面上显示的任何东西都包含在这两个标签之中。而我们要掌握的就是这“显示内容”的编辑。 让我们先看一个简单的范例: <html> 展示效果如下:
下面我们再来学习一下表格的制作,就是上面所列红色部分了。在网页制作中每一个表格构成了一层网页边框,而若干个单元格的嵌套就构成了若干层边框。 先看看两个表格的嵌套效果: 代码: <table border=3 cellpadding=0 cellspacing=0 width=500 height=250 align=center><tbody>
再看看下面这组边框的基本格式: <TABLE cellSpacing=边框宽度 width="网页宽度" background=第一层边框图片网址> 标签的分析: <table>:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符</table>。 cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing了,如若表格只有一个单元格,那么,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。 width:表格的宽度。取值从0开始,默认以像素为单位,与显示器的分辨率的像素是一致的。800×600的显示分辨率下,如果表格设置成1000个像素的宽度,那么,得出的效果将导致IE的横向滚动条出现,只有通过滑动它才能看到表格最右边的内容,所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比,如widht="100%",这种赋值法有个好处:表格的宽度将根据可显示的宽度来自我调整宽度。 background:表格的背景图。其值为一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。 <tbody>:表体的起始符。紧跟在<table>之后,表示表体开始。必须有终止符</tbody>,放在</table>之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,因为,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。 <tr>:表示表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。 <td>:表示表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。 以上就第一层边框的基本要素,现在我们在看看第二层边框: <TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=边框宽度 width="网页宽度" borderColorLight=#24387a background=第二层边框图片网址 border=1> 其它的全和第一层一样,但多了这几组: 1:borderColorDark=#0d1737 暗边框,颜色为0d1737 当border值不为0时设置有效。暗边框指表格的右边和下边的边框。 2:borderColorLight=#24387a 亮边框,颜色为24387a 当border值不为0时设置此值有效。亮边框指表格的左边和上边的边框。 3:cellpadding:单元格衬距。指该单元格里的内容与cellspacing区域的距离,如果cellspacing为0,则表示单元格里的内容与表格周边边框的距离。 第三层同第一层一样,不再说明了,现在我们来看最后一层边框也就是背景。 <TABLE width="网页宽度" background=背景图片网址 border=0> 它只有背景的宽度width="网页宽度",背景展示的网址:background=背景图片网址,还多了一个border=0它是什么意思呢?当border=0时系统默认里面的内容为平铺。 border:此属性定义表格的边框。比如,border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。 以上就是边框的基本结构,表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大,它占在起始和终结的位置,tbody是老二,tr是老三,td最小,它在最里层。现在我们来看一个实例 例: <TABLE cellSpacing=38 width="100%" background=http://www./07/bg1.jpg> 效果图:
呵呵,做边框也不是很难吗,大家会了吧!做到这里了大家就觉得要是加入音乐就更好了,现在我就跟朋友们交流一下背景音乐的加入,在此给出一组隐藏播放器的语法,代码如下: <embed src=音乐的绝对网址 autostart=true loop=true hidden=true type=audio/mpeg></EMBED> http://www./college/gxulst/zhuanti/class/classes/sj051/music/song.mp3 http://music./music/M/蜜雪薇琪/Kissy/2.wma http:///wma/枫林小桥.wma 只要将这组代码放在您贴子代码的最后面就OK了,来!我们一起试一下吧! 好了,今天的课就到这里结束了.html语言的下一课是《文字、图片的添加、移动及CSS滤镜的美化运用》。欢迎朋友们继续学习!祝大家在这里学习愉快!相信你们一定会成功!
|
|
来自: 昵称kuzC7 > 《和你一起学html》