一. HTML基础介绍

1. 什么是HTML?

HTML 即超文本标记语言 (HyperText Markup Language)。
HTML 不是一种变成语言，是一种标记语言。
标记语言是一套标记标签 (markup tag)。
HTML 使用标记标签来描述网页。

超文本 → 超越文本格式【文字性质的数据】
HTML可以显示操作文字性质数据，也可以操作图片,视频,声音...
标记 → 标签--我们在使用HTML显示操作数据的时候，使用的都是一个一个独立的标记。

2. HTML的作用

制作网页
目前几乎所有的软件操作界面基本都可以使用网页来代替，因此制作网页的深层含义就是可以用来制作软件界面（移动app,客户端..等等）。

3.HTML运行环境

浏览器是HTML的运行环境

4. 浏览器种类

浏览器的种类很多但是主流的**内核**只有四种，不同的浏览器，就是在主流内核的基础上，添加不同的功能构成。

Trident 内核

代表产品为 Internet Explorer，又称其为 IE 内核。Trident（又称为 MSHTML），是微软开发的一种排版引擎。使用 Trident 渲染引擎的浏览器有：IE、傲游、世界之窗浏览器、Avant、腾讯 TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser 和 KKman 等。

Gecko 内核

代表作品为 Mozilla Firefox。Gecko是一套开放源代码的、以C++编写的网页排版引擎，是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器Firefox、Netscape6 至 9。

WebKit 内核

代表作品有 Safari、Chrome。WebKit 是一个开源项目，包含了来自 KDE 项目和苹果公司的一些组件，主要用于 Mac OS 系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。

Presto 内核

代表作品 Opera。Presto 是由 Opera Software 开发的浏览器排版引擎，供 Opera 7.0 及以上使用。它取代了旧版 Opera 4 至 6 版本使用的 Elektra 排版引擎，包括加入动态功能，例如网页或其部分可随着 DOM 及 Script 语法的事件而重新排版。

【不同的浏览器可能因为采用的内核不同，网页也会呈现出不同的效果。所以后期需要兼容处理】

5.html文件结构

html基本结构

<!DOCTYPE html>
<html> <head> <!-- 头部区域 --><meta charset="utf-8"><title> 标题 </title></head><body> <!-- 内容体 --><h1>这是HBuilderX编写的html文件</h1></body>
</html>

图解:

一. HTML基础介绍相关推荐

day23:shell基础介绍 alias及重定向
2019独角兽企业重金招聘Python工程师标准>>> 1.shell基础介绍: shell是一个命令解释器,用于用户与机器的交互: 也支持特定的语法(逻辑判断,循环): 每个用户都 ...
Android NDK开发之 NEON基础介绍
原文:http://blog.csdn.net/app_12062011/article/details/50434259 Android NDK开发之 NEON基础介绍这是官方介绍: http:/ ...
python介绍和用途-Python基础介绍（一）
Python基础介绍(一) 1. python是什么编程语言编译型与解释型编译器吧源程序的每一条语句都编译成机器语言,并保存成二进制文件,这样运行时计算机可以直接以极其语言来运行此程序,速度很快 ...
STL体系结构与内核分析-2-STL体系结构基础介绍(侯捷)--笔记
STL体系结构与内核分析(侯捷) 2.STL体系结构基础介绍 STL设计方式与OO(面向对象)不同的地方,OO鼓励数据和处理数据的方法都放在类里,而STL的数据在容器里,操作数据的方法在其他部件里(模 ...
ai一个线段多个箭头_初学设计却分不清PS和AI？超详细的AI基础介绍包你一看即会！...
以前提到AI,第一个想到的就是人工智能.自从扎进设计的神坑,再提到AI,我可只认软件了~ 包括小ke在内的很多设计小伙伴在最开始入行的时候都认为,只要学好PS就可以稳打设计圈了~毕竟那么多公号一提到设 ...
深度学习与计算机视觉系列(1)_基础介绍
转载自: 深度学习与计算机视觉系列(1)_基础介绍 - 龙心尘 - 博客频道 - CSDN.NET http://blog.csdn.net/longxinchen_ml/article/detail ...
【学习笔记】Tableau基础介绍
Tableau基础介绍 [简介] Tableau是一家提供商业智能的软件公司,正式成立于2004年,总部位于美国华盛顿西雅图. 源自美国国防部的一个项目需求,在斯坦福博士克里斯·斯图尔特和Pixar创 ...
python最基本的规则是什么_Python基础介绍（一）
Python基础介绍(一) 1. python是什么编程语言编译型与解释型编译器吧源程序的每一条语句都编译成机器语言,并保存成二进制文件,这样运行时计算机可以直接以极其语言来运行此程序,速度很快 ...
监控工具—Prometheus—基础介绍
原文作者:IT有意思原文地址:Prometheus(普罗米修斯)--适合k8s和docker的监控系统目录 1.介绍 2.监控原理 3.监控指标 4.系统架构 5.功能用途 6.面临挑战 1.介绍 ...
Laravel核心代码学习--用户认证系统(基础介绍)
用户认证系统(基础介绍) 使用过Laravel的开发者都知道,Laravel自带了一个认证系统来提供基本的用户注册.登录.认证.找回密码,如果Auth系统里提供的基础功能不满足需求还可以很方便的在这些 ...

一. HTML基础介绍

1. 什么是HTML?

2. HTML的作用

3.HTML运行环境

4. 浏览器种类

5.html文件结构

一. HTML基础介绍相关推荐

最新文章

热门文章