1)各个浏览器的内核不一样,在于渲染引擎不一样。
2)浏览器访问网页的基本原理
首先用户在浏览器端输入链接
通过http协议发送请求报文
服务器端解析请求报文,如果有这个资源就通过iis将文件传输过去
浏览器端就通过渲染机制将响应报文渲染成界面。
3)Html (hyper text markup language) 超文本标记语言
4)html和htm的区别
早期的电脑不支持三个以上的后缀。
它们没什么区别
5)后缀决定文件的打开方式,决定不了文件的类型
6)便签关系
并行关系body和head和嵌套关系
7)单标签和双标签
- 单便签
<!doctype html>
<!-- --> 注释
<br> 换行
<hr> 画横线
- 双标签
1)<head></head>
2)段落标签 <p></p> 3)字体标签 <font size="10" color="red"> 你好 </font> 4)文字加粗有两种,最好用第一种有语义 <strong>a</strong> <b>a</b> 5)文字斜体,最后用em <em>你好</em> <i>你好</i> 6)文字的删除线 <i>你好</i> <del>delllll</del> 7)文字下划线的标签 <ins>aaa</ins> <u>aaa</u> 4)标题标签(只能取到h6) <h1></h1>
8)图片标签
- title属性,会有一些文本提示信息,当鼠标放在文本上时会有的文本。
- alt属性,当图片加载不出来的时候的文本提示信息
9)相对路径
- 图片和html文件在同一个文件夹下
直接写图片的名字 - 图片在html文件的下级目录中
图片在1文件夹下
路径就为:1/1.jpg
- 图片在html的上级目录中
路径: ../../1.jpg
10)超链接
target="_blank":打开新的页面
target="_self":默认值网页在当前页面打开
1)a标签中设置打开新的页面
<a href="http://www.baidu.com" title="百度" target="_blank">百度</a>
2)在head中设置target属性,所有的超链接都会有打开新页面的属性
<head>
<meta charset="utf-8">
<base target="_blank"></base>
</head>
11)锚链接
返回顶部的功能
<p id="one">a</p><br>
<a href="#one">顶部</a>
12)下载功能
简单下载功能
<a href="1.rar">download</a>
图片超链接
<a href="1.rar">
<img src="1.jpg" height="484" width="359">
</a>
不跳转到任何界面
<a href="#"></a>
13)列表
- 无序列表 比较常用
type=“square” 方块
type=“square” 圆圈
<ul type="circle">
<li>a</li>
<li>b</li>
</ul>
- 有序列表
type="a":a,b,c
type="A":A,B,C
start="3":从第几个开始
<ol type="I" start="3">
<li>a</li>
<li>b</li>
<li>b</li>
<li>b</li>
</ol>
- 自定义列表 一般用在末文
<dl >
<dt>a</dt>
<dd>b</dd>
<dd>b</dd>
<dd>b</dd>
</dl>
14)播放音乐
hidden="true":隐藏音乐播放图片
<embed src="1.mp3" hidden="true">
15)跑马灯
<marquee behavior="alternate" direction="" bgcolor="red" width="100">开始</marquee>
16)特殊字符