前端新手笔记之预备知识
HTML及CSS
万维网WWW（World Wide Web）也简称Web，3W等。WWW服务器通过超文本标记语言(HTML)把信息组织成为图文并茂的超文本，利用链接从一个站点跳到另个站点。
万维网联盟W3C（ World Wide Web Consortium）是Web技术领域最具权威和影响力的国际中立性技术标准机构。发布了200多项影响深远的Web技术标准及实施指南。W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
网页 网页是网站的基本信息单位，是WWW的基本文档。它由文字、图片、动画、声音等多种媒体信息以及链接组成，是用HTML编写的，通过链接实现与其他网页或网站的关联和跳转
HTML （结构）：全称Hyper Text Markup Language（超文本标记语言），用于定义文档内容结构。是网页标记语言，是浏览器能够阅读的语言。是网页的“骨架”。只要你写的东西想要浏览器能正确显示出来，那就要懂HTML。
会了HTML，也只是知道了网页编辑的入门。真正要建站，就需要了解CSS了。
CSS （布局）：全称Cascading Style Sheets （层叠样式表）。是网页的“血肉”。
HTML+CSS即可实现简单的静态可互动且有一定布局样式的页面
HTML的一般格式
置顶声明
< !DOCTYPE > 网页声明
< !DOCTYPE > ------ 指示 web 浏览器关于此页面将使用哪个 HTML 版本进行编写的指令。
< !DOCTYPE html > ------ HTML5文档声明，所有浏览器均开启标准模式。
p.s. 原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。
< meta > 定义元信息
< meta>用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新、设置视窗（移动端自适应）等。
<meta charset="utf-8">
meta标签 必须 放在最前面，任何其他内容都 必须 跟随其后！确保支持响应式布局
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息。（通过viewport元素控制视窗）
<meta name="参数" content="参数变量值">；
<meta name="viewport" content="width=device-width, initial-scale=1">；
width=device-width设备屏幕的宽度 height=device-height设备屏幕的高度
initial-scale：表示初始的缩放比例 minimum-scale：表示最小的缩放比例
maximum-scale：表示最大的缩放比例 user-scalable：表示用户是否可以调整缩放比例
2、http-equiv属性：
http-equiv 为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部（相对于http的文件头，设定属性）。
<meta http-equiv="参数" content="参数变量值">；
<meta http-equiv="X-UA-Compatible" content="IE=edge">；
CSS的一般格式
有三种方式来插入样式表：
当样式需要被应用到很多页面的时候，外部样式表 将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
当单个文件需要特别样式时，就可以使用 内部样式表。你可以在 head 部分通过
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
当特殊的样式需要应用到个别元素时，就可以使用 内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
注释
<!-- 在此处写注释 -->
322
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
