HTML前置基础

HTML前置基础

网页

什么是网站/网页

网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。

网页 是网站中的"一页",通常是HTML格式的文件,它要通过浏览器来阅读。

网页是构成网站的基本元素 ,它通常由图片、链接、文字、声音、视频、等元素 组成。通常我们看到的网页,常见以.htm.html后缀结尾的文件,因此将其俗称为HTML文件

什么是HTML

HTML 指的是超文本标记语言,它是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言,标记语言是一套标记标签。

所谓超文本,有2层含义:

  1. 它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)
  2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)

网页的形成

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

前端人员开发代码--->浏览器显示代码(解析、渲染)--->生成最后的web页面

WEB标准(重点)

Web 标准 是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织

为什么需要web标准

遵循Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点

1.让Web的发展前景更广阔

2.内容能被更广泛的设备访问

3.更容易被搜寻引警搜索

4.降低网站流量费用

5.使网站更易于维护

6.提高页面浏览速度

web标准的构成

主要包括结构表现行为三个方面

标准 说明
结构 结构用于对网页元素进行整理和分类,现阶段主要学的是HTML
表现 表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS
行为 行为是指网页模型的定义及交互的编写,现阶段主要学的是JavaScript

Web标准提出的最佳体验方案:结构、样式、行为相分离

简单理解:结构写到HTML文件中,表现到CSS文件中,行为写到JavaScript文件中

相关推荐
代码匠心14 小时前
AI 自动编程:一句话设计高颜值博客
前端·ai·ai编程·claude
_AaronWong15 小时前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js
cxxcode15 小时前
I/O 多路复用:从浏览器到 Linux 内核
前端
用户54330814419416 小时前
AI 时代,前端逆向的门槛已经低到离谱 — 以 Upwork 为例
前端
JarvanMo16 小时前
Flutter 版本的 material_ui 已经上架 pub.dev 啦!快来抢先体验吧。
前端
恋猫de小郭16 小时前
AI 可以让 WIFI 实现监控室内人体位置和姿态,无需摄像头?
前端·人工智能·ai编程
哀木16 小时前
给自己整一个 claude code,解锁编程新姿势
前端
程序员鱼皮16 小时前
GitHub 关注突破 2w,我总结了 10 个涨星涨粉技巧!
前端·后端·github
UrbanJazzerati16 小时前
Vue3 父子组件通信完全指南
前端·面试
是一碗螺丝粉16 小时前
5分钟上手LangChain.js:用DeepSeek给你的App加上AI能力
前端·人工智能·langchain