浏览器
网页是由：前端代码经过浏览器内核渲染形成用户界面
浏览器内核包括：渲染引擎和js引擎
渲染引擎：读取网页内容，整理讯息，计算网页的显示方式并显示页面
js引擎：解析执行js获取网页的动态效果
Trident：国内IE内核（最新版是Edge）
Gecko：火狐（firefox）内核
webkit：Safari苹果内核
谷歌使用过
Chromium/Blink：chrome内核
Presto：Opera内核
W3C万维网联盟组织：制定web标准的机构，国际最著名的标准化组织
Web标准构成：结构，表现，行为。
结构标准：决定你是否有个好天然身体
表现标准：决定你是否打扮的美丽外观
行为标准：决定你是否有吸引人的行为
HTML
HTML：超文本标记语言
网页是由网页元素组成的，html语法使用来描述文档内容
1995：HTML 2.0
1999后：XHTML
2014：HTML5正式版
Xhtml：XHTML是更严格更纯净的html代码
html和xhtml的区别
xhtml指的是可扩展超文本标记语言
xhtml与html4.01几乎是相同的
xhtml是更严格更纯净的html版本
xhtml是以XML格式编写的html元素
HTML文档结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
HTML元素，属性
标签加上内容称之为元素
前标签：opening tag
后标签：closing tag
空元素：没有内容的html元素
单标签： <标签名 />（闭合标签）
<标签名 >（开放标签）
双标签：<标签名> 内容 </标签名>
语言lang: en（英文），zh（中文）
字符集charset
ASCII：美国信息交换标准代码，用7位二进制来表示字符
Unicode：统一码，万国码
GBK：包括全部中文字符
UTF-8：包括全世界所有国家需要用到的字符
HTML标签的语义化
合适的地方，放合适的标签
HTML常用标签
标题标签：h1-h6
注意：一级标题h1当前html只能有一个
段落标签：<p>文本内容</p>
水平线标签：<hr/>单标签
换行标签：<br/>单标签
div span标签：用于布局
文本格式化标签
粗体：<b></b>，<strong></strong>
倾斜：<i></i>，<em></em>
加删除线：<s></s>，<del></del>
加下划线：<u></u>，<ins></ins>
图像标签
<img src="">
src：引入图片地址,指定图片文件所在的位置，可以是相对路径，也可以是绝对路径
alt：当图片加载不出来时，进行提示的文本信息
title：当光标放置图片上时的提示的文本信息
链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：超文本引用，用于指定链接目标的url地址（Hypertext Reference）
target：跳转的目标，是否用新标签页打开
_self：当前页打开
_blank：新的标签页打开
注意：什么都不写会刷新当前页面
设置#（空链接）来不刷新跳转
锚点定位
当前页面跳转
1.a标签中添加#+id的名字
2.给标签添加id的名字
<a href="#id名称">链接地址</a>
<p id="id名称">目标内容</p>
添加icon图标
<link rel="shoortcut icon" href="" type="image/x-icon">
meta
提供有关页面的元信息
name：keywords关键词
description描述
特殊字符
半角空格： (英文状态)
全角空格：&emsp(中文状态)
大于：>
小于：<
版权：©
注释
HTML：<!-- 注释语句 --!>(ctrl+/)
路径
相对路径
跳到上级目录：…/
当前目录：./或者直接写
绝对路径
本地路径不能用/服务器路径可以用
60
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
