HTML 基础知识

一、基础知识

  1. 定义:超文本标记语言。
  2. 当前使用版本:5.*(H5)
  3. HTML 文件有文件头(头部标签)head 和文件体 body 标签两部分组成,并且在两部分外面由 html 标签包裹起来,这样浏览器才能识别该文件是 HTML 文件。
  4. HTML 文件由多组标签组成,通常情况下头部标签 head 中包裹着一些页面配置信息,不会渲染到页面中。文件体 body 标签中由多个或多组标签组成,body 中的内容会渲染到页面中,也被称为页面框架。
  5. 标签分类:
    1. 单标签:只有开始标签,没有结束标签(例如:link、img、input 等)
    2. 双标签:既有开始标签也有结束标签(例如:div、ul、li 等)
  6. 标签和元素
    1. 标签:标签是由 “<” 和 “>” 括起来的,目前 HTML 标签不区分大小写,根据 W3C 建议,最好使用小写。
    2. 元素:元素由三部分组成,分别是开始标签、元素内容、结束标签。这里的元素内容也可以是一组或多组标签,也就是常说的标签嵌套。

二、文件结构

  1. 代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
            
    	</body>
    </html>
    
  2. 一般编辑器在创建 .html 文件时,会默认生成一个 HTML 模板,如上代码。

  3. 第一节基础知识中提到的几个标签在上述代码中均可以查看到,详细标签介绍见后续文章。

三、开发工具

  1. 在这里向大家推荐几款敲代码的工具,以下开发工具个人认为都比较好用。

  2. HbuilderX

    1. HbuilderX 是 Hbuilder 的升级版,个人认为 HbuilderX 比 Hbuilder 好用一些。

    2. 图标:

  3. VS Code

    1. VS Code 支持格式化代码等插件,编辑 Web 文件也是很不错的。

    2. 图标

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

iGma_e

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值