一、认识前端

UI:作图、做成简单HTML页面

前端:html+css+js,   vue/react/Ag

后端:java/PHP/Python/C#/javascript js   NodeJs(服务器程序)

网页:信息展示

二、什么是HTML

网页组成:

html网页是由文字,图片,输入框,按钮,视频,音频....元素组成的

总结: 网页就是由HTML组成的。

网页规范(万维网联盟W3C):

html

  结构标准:  制作网页必须按照HTMl的标准结构去写网页

  表现标准:  用来美化网页CSS

  行为标准:  用来实现网页中的用户的一些动作处理 JavaScript

三、常用浏览器

### 主流浏览器(有自己的内核)

查看网站:http://tongji.baidu.com/data/browser

### 内核(渲染引擎)

html

Trident(IE内核):

    IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等

Gecko(firefox):

     Gecko(Firefox 内核): Mozilla FireFox(火狐浏览器) 采用该内核,Gecko 的特点是代码完全公开,因此,其可开发程度很高

webkit(Safari):

    Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。

Blink:

    大部分国产浏览器最新版都采用Blink内核。二次开发。谷歌浏览器。Blink 其实是 WebKit 的分支。

Presto(Opera) :

      Presto(已经废弃) 是挪威产浏览器 opera 的 "前任" 内核,为何说是 "前任",因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。  

四、Web标准组成

为什么要遵循WEB标准呢?

通过以上浏览器的内核不同,我们知道他们渲染或者排版的模式就有些许差异,显示就会有差别。导致用户在不同的浏览器看到同一个页面是不同的效果。

Web标准组成:

构成:** 主要包括结构(Structure)HTML、表现(Presentation)CSS和行为(Behavior)js三个方面。

- 结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML。 对于网页来说最重要的一部分。

- 表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。

- 行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript   js。

- 重要的原则:页面三层分离(HTML,css,js书写的时候分开来写)。

 理想状态我们的源码: .HTML      .css      .js  

五、HTML的基本格式

<!doctype  html>

          <html>

                    <head>

                                 <title></title>

                    </head>

            <body>

            </body>

        </html>

概念html

HTML:  Hyper Text  Markup  Language.[  超文本标记语言 ]

   超文本: 本质就是一个文本[在网页中,用来实现页面跳转的文本  ---超链接标签]

   标记:记号. [各种HTML标签]    标签

HTML的学习其实就是学些大量的标签

标签学习:

1. 标签长什么样子

2.作用

#### 标签的语法:

标签: <标签名></标签名>

标签语法2: <标签名>

注意:

    1. 我们在以后写代码(html,css,js...)遇到特殊符号,必须都是英文输入下的符号。

    2. 制作一个网页必须按照html的结构去写。

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部