首页 > 软件开发 > HTML >

HTML页面元素详解

来源:互联网 2023-03-16 19:11:55 138

小编今天给大家介绍一下一个HTML的基础元素,html是超文本标记语言的缩写,全称为HyperTextMarkupLanguage,是一种用来描述网页的语言!lQK办公区 - 实用经验教程分享!

工具/原料

  • 计算机一台
  • HBuilder

方法/步骤

  • 1

    下载安装HBuilder见小编的另一条经验https://jingyan.baidu.com/article/95c9d20d0b7be7ec4e756113.html,直接打开HBuilder,新建一个项目lQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 2

    双击index.html打开默认主页面lQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 3

    可以看到一个HTML页面最基础的框架,lQK办公区 - 实用经验教程分享!

    !DOCTYPE html>声明文本语言为htmllQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 4

    html>/html>元素是一个html页面的根元素,所有代码内容都是写在这里面的lQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 5

    head>/head>元素用于定义文档的头部,它是所有头部元素的容器,在head里面可以有meta,title,也可以加入script,link,stylelQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 6

    body>/body>元素包含了可见的页面内容,用于定义文档的主体,网页上可见的内容都写在这里面,我随便写一个按钮,一个输入框,lQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 7

    下图是简单页面的简单效果,因为没有加任何效果,所以很丑哦~lQK办公区 - 实用经验教程分享!

    HTML页面元素详解lQK办公区 - 实用经验教程分享!

  • 7相关内容未经许可获取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lQK办公区 - 实用经验教程分享!


    标签: HTML

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