首页 > 软件开发 > HTML >

html语言的基础使用

来源:互联网 2023-03-16 19:18:54 382

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

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

工具/原料

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

方法/步骤

  • 1

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

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

  • 2

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

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

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

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

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

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

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

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

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

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

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

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

  • 3

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

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

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

  • 4

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

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

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

  • 5

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

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

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

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

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

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

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

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

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

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

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

  • 注意事项

    • 本文介绍的是HTML 5

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


    标签: 网页HTML

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