HTML5 | 0 0 3 - 增加说明文字、区块

在前篇的002，我们完成了一个最基本的网页！

基本到什么也干不了 

这怎么可以呢？

所以我们在页面中增加说明文字、邀请按钮、区块来提升下B格。

标题层次结构

在HTML中，标题标签共有6个标题标签，默认

最大,

最小。

既然没有指定，直接上最大！修改,如下：

我爱鱼C

说明文字

说明文字，就是一个文本段落，最好的方式将它放在

标签里。

这样做的目的，就是让你的代码，结构化，而不是把内容直接扔到代码里！

WWW.FihsC.com - 让编程改变世界

URL超链接

超链接，更准确的说是文本链接。链接标签,跳转的URL可以用标签的href属性指定。

创建 “传送门”，页面跳到小天才养殖场主页 

传送门

区块

区块是干嘛滴呢？

很简单，就是让你的代码封装到某个内容区域内！

实现模块化的代码结构！

因为，当你把所有属性设置，直接扔在下面，就很尴尬了。

就像你虽然穿了裤子、衣服、裤衩儿。

人家为什么还会对你指指点点？

很简单。

你把所有衣服都套在脑袋上了！

懂了不，这就是通过区块化代码，提升整个代码的可读、可修改性。

百利而无一害！

HTML5中，有很多“区块”标签，

、

、

、

等，后续会用到。

今天只用最初级的

修改代码如下：

       

       

         

我爱鱼C

         

WWW.FihsC.com - 让编程改变世界

          传送门

       

将里面所有的内容元素，扔进到

区块里，结构性一下就很强了有木有！

为了便于管理，总要起个名字对应这个区块是不！

添加id属性，命名为container。

修改

,如下：

虽然页面外表没有变化，但是很有内涵了！

未

完

待

续