HTML核心系列之基础知识

HTML核心系列之基础知识

常用浏览器内核(渲染引擎)

IE: trident
Firefox: Gecko
safari: webkit
chrome, Opera: Blink(webkit的分支)

推荐使用谷歌浏览器,谷歌浏览器具有强大的调试功能,为前端开发提高了效率。
推荐使用VS code编写代码,大量的插件能让代码书写的效率提高

注释

注释为代码的阅读者提供帮助,注释不参与运行。建议积极写注释,方便后续的维护
在HTML中,注释使用如下形式书写

<!--注释内容-->

元素

其他的叫法:标签

<a href="http://www.baidu.com" title="搜索引擎">百度</a>

整体:element(元素)
元素=起始标记(begin tag)+元素内容(往往是你要显示的东西)+结束标记(end tag)+元素属性

属性=属性名+属性值,如 title=“搜索引擎”
属性的分类:
—局部属性:某些元素特有的属性
—全局属性:所有元素通用的属性

有些元素没有结束标记,这样的元素叫做:空元素

<meta charset="UTF-8">

元素的嵌套

元素不能相互嵌套
比如下面的方式是不允许的

  <a href="">
        <p>
  </a>
    	</p>

但是可以内部嵌套

<a href="">
      <p></p>
  </a>

父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)

标准文档结构

HTML:页面、HTML文档

<!DOCTYPE html>

文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5。
不写文档声明,将导致浏览器进入怪异渲染模式

<html lang="en">
</html>

该元素为根元素,一个元素最多只能有一个根元素,并且该元素是其他所有元素的父元素或祖先元素,HTML5没有强制要写该元素

lang属性: language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
lang='en'
表示书写的是英文,能触发浏览器的自动翻译功能
在这里插入图片描述
lang='cmn-hans'
表示书写的内容是汉字,不会触发浏览器的自动翻译功能

<head>

</head>

文档头,文档头内部的内容,不会显示到页面上

<meta>

文档的元数据:附加信息。
charset:指定网页内容编码,主要有utf-8,gbk

<title>D第一个网页</title>

网页标题
在这里插入图片描述

<body>
</body>

文档体:页面上所有要参与显示的元素,都应该放在文档体中。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

传说中的懿痕

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

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

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

打赏作者

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

抵扣说明:

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

余额充值