HTML初始

1. 什么是HTML?

HTML 是用来描述网页的一种语言。
• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言,而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

2. 什么是HTML标签?

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
• HTML 标签是由尖括号包围的关键词,比如
• HTML 标签通常是成对出现的,比如 和
• 标签对中的第一个标签是开始标签,第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签
• 当然,HTML也有单标签,例如:



3. HTML文档 = 网页

• HTML 文档描述网页
• HTML 文档包含 HTML 标签和纯文本
• HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

4. 五大浏览器及其内核

在这里插入图片描述

4.1 浏览器内核

浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引渲染引擎擎。
1)渲染引擎
它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。
2)JS引擎
JS引擎则是解析Javascript语言,执行javascript语言来实现网页的动态效果。

5. Web标准

5.1 来源

通过以上浏览器的内核不同,我们知道它们工作原理、解析肯定不同,显示就会有差别。

5.2 Web标准构成

web标准不是某一个标准,而是由W3C(万维网)和其他标准化组织制定的一系列标准的集合。
主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,即:HTML。
表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,即:CSS👇
(Cascading Style Sheet)级联样式表
行为标准:行为是指网页模型的定义及交互的编写,即:JavaScript。

5.3 Web标准的好处

1、让Web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度

6. HTML骨架

在这里插入图片描述

7. HTML标签

7.1 标签分类

1)单标签
<标签名 />
单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。
2)双标签
<标签名>内容</标签名>
比如 :我是文字

7.2 标签关系

1)嵌套关系

2)并列关系 # 8. 文档类型 这句话就是告诉浏览器我们使用的是html的哪个版本? 我们使用的是 html 5 的版本。 标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用标签为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能按指定的文档类型进行解析。 # 9. 字符集 UTF -8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。 GBK包含全部中文字符是GB2312的扩展,加入对繁体字的支持,兼容GB2312 UTF-8则包含全世界所有国家需要用到的字符 •
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值