如何使用html5元素进行网页布局

HTML5在HTML的根本上增添了良多元素,包罗嵌入音频、视频和图形的功能。下面介绍若何操纵HTML5根基元素进行网页结构。

方式/步调

  1. 1

    建立一个HTML5文件,定名为index.html。

  2. 2

    在HTML5页面中,经由过程<header>标签界说页面的头部,需要竣事标签</header>,格局为:<header>头部内容</header>

  3. 3

    在HTML5页面中,经由过程<nav>标签界说导航链接,需要竣事标签</nav>,格局为:<nav>导航内容</nav>

  4. 4

    在HTML5页面中,经由过程<section>标签来界说页面中的节或段,需要竣事标签</section>,格局为:<section>内容</section>

  5. 5

    在HTML5页面中,经由过程 <footer>标签来界说页面的底部,需要竣事标签</footer>,格局为:<footer>内容</footer>

  6. 6

    经由过程CSS简单美化页面,给头部、导航、内容、底部设置分歧的样式便利区分。代码如下:

  7. 7

    运行代码,浏览器查看结果,至此,完当作简单的HTML5页面建造。

  • 发表于 2019-06-15 17:01
  • 阅读 ( 837 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具