分析HTML与CSS基础知识
这篇文章主要介绍“分析HTML与CSS基础知识”，在日常操作中，相信很多人在分析HTML与CSS基础知识问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”分析HTML与CSS基础知识”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
术语
web：互联网。
w3c：万维网联盟，非盈利组织，官网：w3.org。为互联网提供各种标准。
代替网址：MDN：Mozilla Development Network。Mozilla开发者社区。有中文。
ISO：国际标准组织。
XML：可扩展的标记语言（extension markup language）用于定义文档结构。
HTML
HTML是w3c组织定义的语言标准。HTML是用于描述页面结构的语言。
HTML全称：Hyper Text Markup Language。超文本标记语言。
书写一个一级标题：
<h2>一级标题</h2>
CSS
CSS也是w3c定义的语言标准。CSS是用于描述页面展示的语言。（字体颜色，大小，布局等等。）
CSS决定页面长什么样子。
执行HTML与CSS：用浏览器内核执行。
版本和兼容性
XHTML:可以认为是HTML的一个版本，完全符合XML的规范。但现在基本不用。
HTLM5:2014出版。
CSS3：目前还没有制定完成。
IE：Trident内核。
Firefox：Gecko内核。
Chrome：之前为Webkit内核现在是Blink内核。
Opera：Blink内核。
Safari：Webkit内核。
shell：外壳。
core：内核（JS执行引擎、渲染引擎）。
浏览器由两部分组成：
世界上主流的浏览器（拥有自己的内核）：
开发环境的准备
显示文件扩展名（不懂可百度）。大部分文件：文件名+扩展名（后缀名）。
扩展名决定了文件被什么打开。
安装浏览器：推荐安装谷歌浏览器（推荐百度搜索Chrome，进入官网安装，以免安装有病毒）
谷歌浏览器始终与w3c标准同步。
将谷歌浏览器设置为默认浏览器
安装专业编辑器：
术语
HTML
CSS
开发环境的准备
HTML
版本和兼容性
Sublime
ATom
Dreamweaver
vscode（推荐）
目录：目录
Emmet插件：自动生成html代码片段
HTML
注释方法：Ctrl+?
<!-- 注释内容 -->元素(标签、标记，但官方称之为element（元素）)
局部属性：某些元素特有的属性。
全局属性：所有的元素同用。
元素 = 起始标记（begin tag）+ 结束标记（end tag）+ 元素内容（element content）+ 元素属性（非必选）
属性 = 属性名（href)+属性值
<title>text</title>
<a href="http://baidu.com" title = "百度官网">百度</a>
<h2 title="这是全局属性">
这是全局属性 </h2>
<!-- <a>: 起始标记，表示a元素
</a>：结束标记，
百度：元素内容。
:-->有些元素没有结束标记（故没有元素内容），叫做空元素
<meta charset="UTF-8">
空元素的两种写法：
1. <meta charset="UTF-8">
2. <meta charset="UTF-8"/> /:表示闭合标记，表示结束。元素的嵌套：元素不能相互嵌套；父元素；子元素；祖先元素；后代元素；兄弟元素（拥有同一个父元素的两个元素）
标准的文档结构
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie+edge">
<title>Document</title></head><body>
</body></html><!-- 文档声明：告诉浏览器当前文档使用的HTNL标准是HTML5，不写文档声明将导致浏览器进入怪异渲染模式 --><!DOCTYPE html><!-- 根元素：一个页面最多只能有一个，并且该元素是其他所有元素的父元素或者祖先元素,HTML5可以不写
lang属性（可以用在任意元素中）：language,全局属性，表示该元素内部使用的文字是哪一种自然语言书写而成的；en:English，zh-CN:简体中文，但已过时，现在用cmn-hans:简体中国官方语言--><html lang="cmn-hans"></html><!-- 必须作为子元素出现,表示文档头，文档头内部的内容不会显示在页面上。
<meta>元素：文档的原数据，文档的附加信息。
charset：指定网页内部编码，计算机中，低压电（0~2V）来表示0，高压电（2~5V）表示1。计算机中只能存储数字，只能将文字和数字进行对应，相当于一个字典，改字典就叫做字符编码表。
name、content：适配手机端的
<meta http-equiv="X-UA-Compatible" content="ie+edge">：如果浏览器是IE则告诉浏览器使用edge内核，即更换浏览器的内核-->
<!-- <title>Document</title>：网页标题。 --><head></head><!-- 文档体: 页面上所有要参与显示的元素--><body></body>到此，关于“分析HTML与CSS基础知识”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
