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

官方论坛： 各种基本元素代码的编写 大家好，这是第二节了，由于基础必须打好，所以此刻，我们要做的，就是累微成强。上一节讲到如何去设置一个网页的标题，也就是配置而已，这节课要学的，就是如何布置网页的内容，内容有图片，文本，视频，声音，请问老师，我们要布置哪一样？先文本，在桌面新建一个文本，命名为dek.htm，如图：然后选中这个文件，点击鼠标右键 → 打开方式 → 记事本，如图： 本帖隐藏的内容 首先编写布局代码： 这个是一个基本网页必须的格式，如图：如果高兴的话，不嫌麻烦，请根据上一节，添加个网页标题,在head中搞上title标签，也就是  这里输入网页的标题  这里我照顾新手，给出了代码了。之后我们要做的，就是在 里面添加内容，好，首先添加个文本，这是一段文本,如图：大家点击文件 → 保存 CTRL+S ,然后到浏览器外面看结果。如图：看了这个效果，是一段文本显示了出来，但是此刻，我想在这段文本中在添加一行，怎么办呢？有人说，再打上一行文本就是了，是不是这样？看图： 好，此刻再次保存,为了效率，以后保存不提示了，多有不便，还望见谅，方法还是：点击文件 → 保存 ctrl+S）,再打开这个文档，到浏览器看看去，效果是：此刻你要换行，浏览器是会忽略记事本里面的空格和换行的，这都要代码解决，解决换行的标签代码 ，这个标签怎么用，大家请看这个标签，就知道是个特殊的，首先没有闭合，什么是闭合？就是这样的格式就是闭合 ，可现在它的格式是这样的 所以与众不同， 标签既然是一行，那么放在文本后面不就OK了？答案是：没错，如图：此时保存，再到浏览器看效果去，如图：这个标签用法就是这样，但要注意标准用法， ， 这样也是可以的，但是 这个才是标准的，只是浏览器为防止你敲错而支持 , 而已，并不建议。好，再来讲个很重要的问题，就是要解决掉空格问题，因为无论你在记事本中敲打多少个空格，其实只算一个，为啥，因为代码是这样规定的，先给个实例，例如我们这样敲打空格，如图：保存，再到浏览器去看看，如图：那怎么解决问题呢？我直接明说， 这个代码就等于一个空格，空格就等于 ，在记事本中输入此代码，相当一个空格，这个其实也很难记得的，那怎么办呢？你可以新建一个记事本，专门存放代码，要用到的时候就拿出来粘贴进去就OK了，死记硬背也可以，效果更好，用法如图：保存后，再看看效果：，假如你掌握了，我们接下来再来研究一个有趣的代码，那就是段落，我们要发表文章的时候，少不了段落，那段落如何实现呢？代码就是 此处放的就是一段文字 ,看了代码，大家大概都知道怎么用了吧，我来代大家演示一下，如图：现在保存，然后打开浏览器看效果，如图：大家看好，段落标记的特点就是上下自动隔了一行，这就是段落。有了文章无主题，岂不有失规范，所有，我们得为刚才这段文本加个主题，怎么加呢，其实很简单嘛，代码就是 这个是本段的主题 ，我先搞个写好的代码给大家看，如图：我们保存后到浏览器来看看效果，如图：大家请看图片提示，要注意的就是 这样的代码最好一个网页用一次即可，如果还有其他主题，那么可以依照重要性，改阿拉伯数字， , ... 从重要到不重要排列，请看代码和效果图： 保存后看效果：大家不要为了让文字变大变粗而去随便使用它们，网页中的图片如何插入？文本又如何左中右任意排列？文字中的粗斜又要怎么实现，请关注明晚推出的《网页开发01-3》。