第二次前端预习

目录

 

一.HTML常用标签

二.认识浏览器

三.本周学习内容

---

一.HTML常用标签

1. <hr>水平线
2. <br>换行
3. <div></div>通用容器
4. <header></header>用于表示页头和文章头部
5. <footer></footer>表示文章尾部
6. <pur></pur>预留格式
7. <del></del>删除字
8. <b></b>粗体字
9. <i></i>斜体字
10. <ins></ins>插入字>
11. 右上角
12. 右下角
13. <pre></pre>预留格式
14. <th></th>其中的内容自动加粗居中

15. 多媒体元素

    <video src="https://v.qq.com/x/page/x3256fxgdor.html" controls="controls"></video>

     <audio src="" controls="controls"></audio>

    controls显示播放控件 autoplay自动播放 loop循环播放  muted静音播放

    某些属性只有两种状态，要么不写，要么取值属性名（bool属性）

16. 表格<table border="1px" width="300px" height="200px" >
        <tr align="center">
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

    表格合并
    <table border="1px" width="300px" height="200px" >
        <tr align="center">
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td rowspan="2">11</td>//行合并2个
            <td colspan="2">23</td>//列合并2个

        </tr>
        <tr>
            <td>2</td>
            <td>3</td>
        </tr> 

17. 无序列表
    <ul type="square" >
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    有序列表
    <ol>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>

18. 图片<img src="" title=""（设置提示信息） alt=""（图片加载失败时的提示信息）></img>

19. 超链接<a href="" target="_self"（当前窗口）"_blank"（新窗口）"_ top"（顶级窗口）"_parent"（副窗口）>（可以为图片）</a>超链接（可以是本地文件地址 ）
    <iframe srcc=""></iframe>（内部窗口）

---

二.认识浏览器

---

1.浏览器的 构成：

　　浏览器可以分为两部分，shell+内核。（shell种类多，内核较少。）

　　①Shell是指浏览器的外壳：例如菜单，工具栏等。主要是提供给用户界面操作，参数设置等。它是调用内核来实现各种功能的。内核才是浏览器的核心。

　　②内核：是基于标记语言显示内容的程序或模块。也有一些浏览器并不区分外壳和内核。

　　注：从Mozilla将Gecko独立出来后，才有了外壳和内核的明确划分。目前主流的浏览器有IE6、 IE8、Mozilla、FireFox、Opera、Safari、Chrome、Netscape等。 

2.什么是浏览器 内核 

浏览器内核：可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

作用：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。

浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。

JS引擎：是解析Javascript语言，执行javascript语言来实现网页的动态效果。

注：最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

内核的种类：非商业的免费内核（很少使用），有10多种。

3.常见的 浏览器内核介绍

常见的浏览器内核可分四种：Trident、Gecko、Presto、Webkit。

　　①Trident又称MSHTML，是微软开发的渲染引擎，他已经深入了Windows操作系统的骨髓，例如Windows Media Play，Windows Explorer，Outlook Express等都使用了。目前很多浏览器都使用这个引擎，例如IE,MaxThon,TT,The World,360,搜狗浏览器等 。

　　②Gecko是C++开发的，Open Source的渲染引擎，包括了SpiderMonkey(Rhino)。主要的使用者有Firefox。

　　③Webkit是苹果公司基于KHTML开发的。他包括Webcore和JavaScriptCore（SquirrelFish,V8）两个引擎。主要的使用者有Safari，Chrome。

　　④Presto由Opera Software公司开始的，用于Opera的渲染引擎。Macromedia Dreamweaver （MX版本及以上）和Adobe Creative Suite 2也使用了Presto的内核。

 4.主流浏览器所使用的内核分类

　　Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等

　　Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等

　　Webkit内核：Safari,Chrome等

　　Presto内核：Opera7及以上

---

三.本周学习内容

---