首页 > 软件开发 > HTML >

html语言的基础使用

来源:互联网 2023-03-16 19:18:54 版权归原作者所有,如有侵权,请联系我们

随着互联网的高速发展,web前端变得越来越热门。那作为web前端的基石-html该如何使用?今天小编给大家讲解下html语言的基础使用lhg办公区 - 实用经验教程分享!

html语言的基础使用lhg办公区 - 实用经验教程分享!

工具/原料

  • 代码编辑器(本文用的HBuilder)
  • html

方法/步骤

  • 1

    首先我们从网上下载一个代码编辑器(小编文中使用的是HBuilder),然后在编辑器里新建一个test.htmllhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

  • 2

    在test.html文件里我们可以看到html语言的基本结构是:lhg办公区 - 实用经验教程分享!

    !DOCTYPE html>lhg办公区 - 实用经验教程分享!

    html>lhg办公区 - 实用经验教程分享!

    head>lhg办公区 - 实用经验教程分享!

    meta charset="utf-8">lhg办公区 - 实用经验教程分享!

    title>/title>lhg办公区 - 实用经验教程分享!

    /head>lhg办公区 - 实用经验教程分享!

    body>lhg办公区 - 实用经验教程分享!

    /body>lhg办公区 - 实用经验教程分享!

    /html>lhg办公区 - 实用经验教程分享!

    lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

  • 3

    head标签里面存放页面的基础信息,比如网页的名称lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

  • 4

    body标签是用来存放网页的内容lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

  • 5

    在body标签里,我们可以用其他标签来丰富网页的内容,比如在body标签里放入以下内容:lhg办公区 - 实用经验教程分享!

    h1>我想学习前端/h1>lhg办公区 - 实用经验教程分享!

    ul>lhg办公区 - 实用经验教程分享!

    li>html/li>lhg办公区 - 实用经验教程分享!

    li>css/li>lhg办公区 - 实用经验教程分享!

    li>js/li>lhg办公区 - 实用经验教程分享!

    /ul>lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

    在浏览器中打开test.html,看一下效果,可以发现不同的有不同的展示效果lhg办公区 - 实用经验教程分享!

    html语言的基础使用lhg办公区 - 实用经验教程分享!

  • 注意事项

    • 本文介绍的是HTML 5

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lhg办公区 - 实用经验教程分享!


    标签: 网页HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号