什么是HTML?

一、认识前端

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的结构去写。

相关推荐

  1. 1.什么html

    2024-07-16 07:10:04       55 阅读
  2. 什么HTML

    2024-07-16 07:10:04       25 阅读
  3. HTML 基本元素什么

    2024-07-16 07:10:04       59 阅读
  4. HTML中label什么,怎么使用?

    2024-07-16 07:10:04       28 阅读
  5. HTML——HTML 文件中的 DOCTYPE 什么作用?

    2024-07-16 07:10:04       46 阅读
  6. HTML、XHTML和HTML5 的区别什么

    2024-07-16 07:10:04       34 阅读
  7. C#面:XML与 HTML 的主要区别什么

    2024-07-16 07:10:04       26 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-16 07:10:04       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 07:10:04       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 07:10:04       58 阅读
  4. Python语言-面向对象

    2024-07-16 07:10:04       69 阅读

热门阅读

  1. 扫地机器人的工作原理

    2024-07-16 07:10:04       21 阅读
  2. C++ 有用的资源

    2024-07-16 07:10:04       17 阅读
  3. Hello,World!(C++)

    2024-07-16 07:10:04       19 阅读
  4. Eclipse 创建 XML 文件

    2024-07-16 07:10:04       21 阅读
  5. Electron 为什么采用多进程,而不是单进程

    2024-07-16 07:10:04       18 阅读
  6. live555 rtsp服务器实战之createNewStreamSource

    2024-07-16 07:10:04       26 阅读
  7. MATLAB的mat文件转换成json文件

    2024-07-16 07:10:04       31 阅读
  8. 统计学随笔

    2024-07-16 07:10:04       23 阅读
  9. 暂停cPanel / WHM帐户的方法

    2024-07-16 07:10:04       20 阅读