Website梦工厂(Sep.16)——做一个网页试试看吧:标题标签与段落标签

0
Want create site? Find Free WordPress Themes and plugins.

经过我和居正啰嗦以后,各位想必都了解了HTML5是什么,以及学习HTML5的注意事项了吧。那么我们今天就来进入正式的学习吧!今天我将会带大家学习几个标签,并且教大家用这些标签制作出一个文章网页。废话不多说,下面我们开始学习吧! 我们要下载好IDE(开发工具)才能继续学习 我们使用的IDE是由Dcloud开发的非常适合初学者使用的HBuilder。各位可以点这里下载。s 下载好后解压,点击HBulider.exe运行HBuilder。注册一个账号。再创建一个新项目,项目路径设定为桌面(设定方法见下图)。

19P{YXLAZ6YDCI))AC%E99D

点击打开项目中的“index.html”文件。我们可以看到这样的界面(见下图)。 QQ截图20160818184414 我们首先来学习标题(Header)标签 标题是整个文章的总结,因此有一个显眼的标题是每个网页都要做到的。今天我们先来学习标题标签。 标题标签一共有六级,你需要几级标签就在<>括号里输入h几。标题标签用法如下。(以h1为例) <h1>标题</h1> 下面我们就来体验一下h1到h3标签制作主标题的效果吧。 不过学习这些主标题标签之前,我先教大家Center(居中)标签 Center标签是用来将主标题居中的,这样主标题才会更美观。 Center标签用法如下: <center><h1>标题</h1></center> 下面我们就来体验一下吧 在HBuilder中键入如下代码(见下图)有代码助手的帮助,这事变得更容易了。 QQ截图20160818191748 h3-h6我就不讲了,相信大家也一定会了。 下面我们讲讲段落标签 段落标签是用来显示正文内容的。使用方法如下: <p>文字</p> 下面再让我们试一试。 在HBuilder里面上面那段文字的下面键入这行代码(见下图)。 QQ截图20160818194335 学完了这些标签,让我们用它们制作一个文章网页吧! 在项目中新建一个HTML文件,命名为“第一个网页.html”。 接着你就可以自由发挥啦! 再打开保存,设定好相关数据后保存。双击打开,就可以看到你做的第一个网页啦! 学习树 为了方便大家学习,我在这里画了一张“思维导图”(MindMap)关于思维导图的更多资讯请点这里 话不多说,上图。 制作并查看文字网页

Did you find apk for android? You can find new Free Android Games and apps.

关于作者

目前是一个:业余菜鸟开发者&架构/初中生/独立博客博主,喜欢:PHP/建站/互联网基础设施/方言文化/玩音乐。反正就是搞的东西多,却每样都不是炉火纯青。

发表评论