当前位置: 首页 > news >正文

【Web前端技术】第一节—HTML简介

做出一个属于自己的网站!

云边有个稻草人-个人主页

为你,千千万万遍   ——哈桑

目录

一、网页

1.什么是网页?

2. 什么是 HTML?

3. 网页的形成

二、常用浏览器

1. 常用浏览器

2. 浏览器内核

三、Web标准(重点)

1.为什么需要Web标准

2. Web标准的构成


正文开始——

一、网页

我们接下来是进行的网页开发, 这里首先介绍下网页的相关概念:
1. 什么是网页?
2. 什么是HTML?
3. 网页的形成?

1.什么是网页?

网站 是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。
网页 是网站中的一“页”,通常是 HTML 格式的文件 ,它要通过 浏览器 来阅读。
网页是构成网站的基本元素 ,它通常由图片、链接、文字、声音、视频等 元素 组成。通常我们看到的网页,常见以 .htm .html 后缀结尾的文件,因此将其俗称为 HTML 文件

2. 什么是 HTML?

HTML 指的是 超文本标记语言 (Hyper Text Markup Language) ,它是用来描述网页的一种语言。
HTML 不是一种编程语言,而是一种标记语言 (markup language)。
标记语言是一套标记标签 (markup tag)。
所谓超文本,有 2 层含义:
1. 它可以加入图片、声音、动画、多媒体等内容(超越了文本限制 )。
2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本 )。

3. 网页的形成

网页是由网页元素组成的,这些元素是利用 html 标签描述出来,然后通过 浏览器解析 来显示给用户的。

我们打开浏览器随便进入一个网站其实是可以看到背后的源码的

网页总结
网页是图片、链接、文字、声音、视频等 元素 组成, 其实就是一个html文件(后缀名为html)
网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.
HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…

二、常用浏览器

网页是通过浏览器来展示的, 关于浏览器我们要介绍以下两点:
1. 常用的浏览器
2. 浏览器内核

1. 常用浏览器

浏览器是网页显示、运行的平台。常用的浏览器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器。

2. 浏览器内核

浏览器内核(渲染引擎): 负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。
目前国内一般浏览器都会采用 Webkit/Blink 内核,如 360、UC、QQ、搜狗等

三、Web标准(重点)

Web 标准 是由 W3C 组织和其他标准化组织制定的 一系列标准的集合 。W3C(万维网联盟)是国际最著名的标准化组织。
接下来围绕web标准,我们学习以下两点:
1. 为什么需要web标准
2. Web标准的构成

1.为什么需要Web标准

浏览器不同,它们显示页面或者排版就有些许差异。 遵循 Web 标准除了可以让不同的开发人员写出的页面更标准更统一外还有以下优点:
  1. 让 Web 的发展前景更广阔。
  2. 内容能被更广泛的设备访问。
  3. 更容易被搜寻引擎搜索。
  4. 降低网站流量费用。
  5. 使网站更易于维护。
  6. 提高页面浏览速度。

2. Web标准的构成

主要包括 结构(Structure) 、表现(Presentation)和行为(Behavior) 三个方面。
  • 结构:结构用于对网页元素的整理和分类。现阶段主要学的是HTML。
  • 表现:表现用于设置网页元素的版式、颜色、大小等外观样式。主要指CSS。
  • 行为:是指网页模型的定义及交互的编写,现阶段主要学的是Javascrip。
Web 标准提出的最佳体验方案: 结构、样式、行为相分离
简单理解: 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中

完——

这节是简单介绍了解什么是HTML,下面开始真正的干货学习


至此结束——

我是云边有个稻草人

期待与你的下一次相遇!

相关文章:

  • 【C到Java的深度跃迁:从指针到对象,从过程到生态】第二模块·语法迁移篇 —— 第四章 数据类型:从sizeof到包装类的进化
  • ocr-身份证正反面识别
  • 一个由通义千问以及FFmpeg的AVFrame、buffer引起的bug:前面几帧影响后面帧数据
  • 关于系统架构思考,如何设计实现系统的高可用?
  • FlexRay协议详解:优点、缺点及常用MCU推荐
  • 【HDFS入门】HDFS副本策略:深入浅出副本机制
  • 【Web APIs】JavaScript 操作多个元素 ④ ( 表格全选复选框案例 )
  • 脉冲编码调制(PCM)在三角形信号中的应用
  • 力扣热题100—滑动窗口(c++)
  • 团体程序设计天梯赛L2-008 最长对称子串
  • 前端基础常见的算法
  • 如何实现一个“纯净”的空对象(无原型链属性)?
  • 光谱相机的成像方式
  • 在机器视觉检测中为何选择线阵工业相机?
  • RHCE 第一次作业
  • java 洛谷题单【算法2-1】前缀和、差分与离散化
  • 美国国土安全部终止资助,CVE漏洞数据库项目面临停摆危机
  • 【现代深度学习技术】循环神经网络03:语言模型和数据集
  • 记录jdk8->jdk17 遇到的坑和解决方案
  • 跨浏览器书签同步方案:WebDAV + Floccus插件实操指南
  • 花卉网站建设推广/交换链接适用于哪些网站
  • 菠菜网站怎么做排名/永久免费不收费的污染app
  • 哈尔滨做网站的/百度下载正版
  • 中堂镇仿做网站/重庆百度关键词优化软件
  • 武汉网站建设www.com/百度推广创意范例
  • 站群cms源码/郑州网络推广软件