HTML第四周学习周记,创建一个团队介绍页面
一、创建页面标题
二、创建我们网页的导航栏
三、主体内容的布局总结
一、创建页面标题
页面标题会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用。如需使用页面标题(Page Header),我们就要把我们的标题放置在带有 class .page-header 的 div中:
代码如下(示例):
效果如图所示:
##二、 创建我们网页的导航栏
创建一个默认的导航栏的步骤如下: 1.向 nav标签添加 class .navbar、.navbar-default。 2.向上面的元素添加 role=“navigation”,有助于增加可访问性。 3.向 div 元素添加一个标题 class .navbar-header,内部包含了带有 class navbar-brand 的 a 元素。这会让文本看起来更大一号。 4.为了向导航栏添加链接,只需要简单地添加带有 class .nav、.navbar-nav 的无序列表即可。
代码如下(示例):
我做出来的结果如图所示:
三、主体内容的布局
这一部分我们可以直接引用菜鸟里面的代码迅速做出一个有分区的网页,这里就用到了网格系统嵌套列。
看这里!!!