一.HTML基础
浏览器与内核:
ie:trident safari:webkit firefox:gecko chrome/opera:blink
浏览器浏览页面背后的流程
-浏览器接受用户操作→浏览器封装HTTP请求→连接服务器:DNS解析→发送请求Request→服务器接受请求→处理请求→返回响应报文→浏览器接收响应报文→渲染页面呈现
HTML发展史--了解即可,非重点
·HTML1.0超文本标记语言-1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)
·HTML2.0-95年11月作文RFC1866发布,在RFC2854于2000年6月发 布之后被宣布过时
·HTML3.2-96年1月14日,W3C推荐标准
·HTML4.0-97年12月18日,W3C推荐标准
·HTML4.01(微小改进)-99年12月24日,W3C推荐标准,后经修订于02 年8月1日重新发布
·XHTML1.1-01年5月31日发布
·HTML5.0-14年10月29日,W3C宣布,该标准规范终于完成
名词解释
internet:因特网,互联网
WWW:万维网
W3C:万维网联盟,制定html,css等标准
HTTP:超文本传输协议
Web:互联网总称
DNS:域名系统,域名与IP地址相互映射的一个分布式数据库
网页组成
HTML:页面结构,内容
css:页面样式的表现,大小宽高颜色
JavaScript:交互行为,接触特效
•HTML简介
–HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
–HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。
–HTML之所以称为超文本标记语言,不仅是因为他通过标记描述网页内容,同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来,构成了丰富多彩的Web页面。
文档声明标签一定要有,不能省略,后面学了css之后,文档声明标签会严重影响页面的展示效果
ctrl+shift+d快速复制一行代码
Head标签
<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后。
head标签定义的内容只是提供给浏览器使用,不用于用户的呈现。
主要用来封装其他位于文档头部的标记,例如<title><meta><link><style>等,用来描述文档的标题、作者以及和其他文档的关系等.等,用来描述文档的标题、作者以及和其他文档的关系等。
一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
当浏览器解析当前文档的编码 和 文档实际的编码不一致的时候那么会出现乱码的问题.
Meta标签
<meta charset="UTF-8>
utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文
GBK包含全部中文字符 繁体
BIG5 繁体中文
UTF-8则包含全世界所有国家需要用到的字符
从二进制说起,符号表示文字,表示的模式就是编码:联想电报
title标签
<title>标记用于定义HTML页面的标题,即给网页取一个名字,必须位于<title>标记之内。一个HTML文档只能含有一对
�
Link标签的常见用法
引入DNS预先解析
引入网站icon图标
网友评论