HTML初识

一、网页

网页一般是由文字、图片和超链接等元素组成。程序员通过代码编写(HTML)和浏览器的渲染使一个完整的网页呈现出来!

市面上的主流浏览器有:谷歌、苹果、火狐、欧鹏、ie。

HTML初识

浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释并渲染(显示)网页。每个浏览器的内核也不同。

浏览器内核说明
IETeident

Trident(又叫MSHTML),是微软开发的一种排版引擎。

采用用Trident内核的浏览器有:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Sleipnir、GOSURF、GreenBrowser和KKman等

火狐GeckoNetscape6开始采用的内核,后来火狐也采用了该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。
苹果WebkitWebkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来,它们都是自由软件,在GPL条约下授权,同时支持BSD系统的开发。所以webkit也是自由软件,同时开放源代码。在安全方面不受IE、Firefox的制约,所以Safari浏览器在国内还是很安全的。
谷歌Chromlum/BlinkBlink是一个由Google和Opera Software开发的浏览器排版引擎
欧鹏blinkBlink是一个由Google和Opera Software开发的浏览器排版引擎

 由于浏览器有多种,它们显示页面就会有一些差异。所以通过web标准来是浏览器展示统一内容!!

二、web标准

WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布

注:(1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构;是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准;

       (2)ECMA:欧洲电脑网商联合会(厂商协会),制定了行为标准;

web标准的构成:

标准说明
结构用于对网页元素进行整理和分类  (HTML)
表现设置网页元素的办事、颜色、大小等样式  (CSS)
行为网页模型的定义及交互的编写  (JavaScript)

三、HTML

定义:

HTML 指的是超文本标记语言 (Hyper Text Markup Language) www万维网的描述性语言。

XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

HTML5指的是HTML的第五次重大修改(第5个版本)

发展:

HTML初识

HTML基本结构:

<!DOCTYPE html>  <!-- 声明文档类型 --> 
<html lang="en">
    <!-- html为根标签:html语言   lang="en" 语言-->
<head>   
    <!-- 描述区 -->
    <meta charset="UTF-8">    <!-- 控制编码格式   UTF-8:国际性编码格式     -->    <!-- gb2312   / gbk  中文简体 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">   <!-- 视口:禁止用户缩放 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  <!--ie=edge :按照IE浏览器 edge 最新渲染模式 去渲染页面  -->
    <title>Document</title>    <!-- title标签:当前网页的的标题,显示在状态栏上 -->
</head>

<body>
    所有的在网页上显示的内容,都是放在body里面的!!
</body>

</html>

文件的命名规范:

  • 小写英文字母、数字、下划线的组合,

  • 其中不得包含汉字、空格和特殊字符;

  • 必须以英文字母开头

HTML的语法:
        html标签:长在 < 后面的第一个单词 称为标签
        html属性:长在标签后面,以 空格 隔开的 属性
        属性和属性值之间,用等号 = 连接,属性值放在 "" 里
        如果一个标签存在多个属性的情况下,属性和属性之间用空格隔开
 
四、html编辑
HTML其实是文本,它需要浏览器的解释,它的编辑器大体可以分为以下几种:
  1、基本文本、文档编辑软件,使用电脑自带的记事本或写字板都可以编写
  2、编辑器:Visual Studio Code、HBuilder X 等。
HTML初识