各种基本元素代码的编写2.docVIP

官方论坛： 各种基本元素代码的编写大家好，我是蓝色天空，由于很多细节讲解实在过于重复，讲课速度将会有所提速，大家要熟练啦。还是讲解基本元素，跟着上一节的思路，我们接下来要研究的就是如何让网页实现文本对齐，文本的对齐方式极其重要，我就见到有些好友在网上写文章，不知道怎么把文本居中，就直接空格空格的打，费力而且对不准，要写代码，首先还得那几句固定代码：htmlhead/headbody/body/html, 本帖隐藏的内容 大家相信都建好记事本文档并改成网页文档型的吧，那直接把代码敲进去就OK了，接下来我打上一些文字上去，如图：我们保存后到浏览器去看一下。这时候，会发现没居中，因为我们并没有给出居中代码，现在来说下居中代码，是个经典标签，center这里面的文字就是居中的了/center,首先我讲这个标签，学过CSS布局样式的可能要喷我了，这东西，谁还用啊，这标签的确很少用了，但是，在样式代码中，此单词还会出现，况且样式没一定基础是难以学习的，就解释这么多了，接下来我就编写center标签了，如图：保存后效果是：接下来要来讲解属性，我演示了这么多，全是标签，然后就直接在标签中间添加文字，所以有人会问，老师，什么是属性呢？说到属性，在什么地方添加？就是在标签中添加，添加的方法是：标签名 属性1 属性2/，例如p/p标签，P是段落，p align=center这段文本居中/p，首先我们先来测试这段代码，如图：保存后到浏览器效果如图：我们再回过头来看看此段代码，p align=center这段文本居中/p，属性的添加方式是在标签名后加个空格，然后是属性还有参数，如图：如果要再添加属性，又是打个空格，属性=“属性参数”，记住属性参数要加双引号。根据这一点，我就来说说align的属性参数：left ---------------------(左)center ------------------( 居中)right----------------( 右)例如我们把代码中的center改成right，如图：就右对齐了哦，如图：当然由于默认是左对齐，left属性我就不演示了，不过左对齐这属性还是大有用处的。文本还有几个比较实用的标签,那就是：small这里文字会变成小号/smallb这里的文本会加粗/bi这里的文本会变成斜体/i让我们一起来测试这3个标签，如图：保存后浏览器显示的效果是：这几个标签还是要认真对待，因为简单，所以用到的时候十分实用。接下来，要讲图片了哦，为啥？答案是：无图无真相，网页很需要图片。如何在一个网页植入一张图片呢？代码就是：img src= /又是一个没闭合的标签，和br /是同样的道理，只不过中间加了src属性嘛，老师，请问src是什么意思，是文件名的意思，也就是图片路径，那网络图片可以吗？可以的，现在来测试这段代码:img src=/data/attachment/forum/201203/11/213334adf2vq6laarvo2ra.gif /,如图：保存后到浏览器看效果去，如图：由于没有加br /换行标签，所以显示效果乱乱的，这个是网页的图片，那么保存到本地可以吗，可以的，例如你可以保存我这张图片，你可以把鼠标移到图片上，单击鼠标右键，图片另存为 就OK了，把这张图片和你的网页放到同一个地方，什么意思呢，就是说你的网页在哪个文件夹，你就把图片放到哪个文件夹，放到桌面，那么也放到桌面，好，并把图片改名字为1.gif,如图：，接下来就把刚才那句代码改成：img src=1.gif /，如图：保存后到浏览器的结果是：这种原理如果你不想知道的话，那么直接绝对路径就OK了，如何获取呢？如图：这种方法除非是在测试，否则不建议使用。接下来讲讲相对路径的原理，相对路径就是：当前的文件夹+图片名称，就是让浏览器自己去获取你这个网页放在哪里，然后在把这个目录的路径+图片名称了，例如我的网页放在桌面，我举个例子，C:/桌面/ 这个是浏览器获取出来的，然后你在src写的路径是:1.gif，c:/桌面/1.gif就是这种图片了路径了，所以刚才img src=1.gif /这段代码才会测试成功，这个以后还会讲，如果觉得我讲得粗略可以来问我，要快捷的话，百度 相对路径就OK了，还有img src= / 还有很多属性，例如刚才的align，用法就是img src= align= /,这个已经演示的就不讲了，大家有兴趣可以自行测试，还有一张图片的宽高如何修改，如何让所有的内容定义在一个指定的区域里，又如何让一个网页有序的排列内容，表格是什么？多表格的背后又隐藏着什么，是网页的高级布局，还是为了实现某一效果，你所要知道