Web前端-HTML(初识)

文章目录

  • 1.认识WEB
    • 1.1 认识网页,网站
    • 1.2 思考
  • 2. 浏览器(了解)
    • 2.1 五大浏览器
    • 2.2 查看浏览器占有的市场份额
  • 3. Web标准(重点)
    • 3.1 Web 标准构成
      • 结构
      • 表现
      • 行为

1.认识WEB

1.1 认识网页,网站

网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频等

image-20230205145547301

1.2 思考

网页是如何形成的呢?

image-20230205145638411

2. 浏览器(了解)

2.1 五大浏览器

浏览器是网页显示、运行的平台,常用的浏览器有IE 11、Edge(Window10以上版本自动安装)  火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。
image-20230205145704162

可能你最熟悉的是 IE浏览器,但是我们开发用的最多的是谷歌浏览器,IE一般只会在一些政府机关的项目中能看到,慢但是稳。

2.2 查看浏览器占有的市场份额

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

image-20230205145735049

2008年,大名鼎鼎的互联网巨头Google公司发布了它的首款浏览器Chrome浏览器。

3. Web标准(重点)

  • Web标准不是某一个标准,而是由W3C组织和其他标准化组织制定的一系列标准的集合。
  • W3C 万维网联盟是国际最著名的标准化组织。1994年成立,至今已发布近百项相关万维网的标准,对万维网发展做出了很大贡献。

3.1 Web 标准构成

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

结构

结构:用于对网页元素进行整理和分类,咱们主要学的是HTML。

image-20230205145813251

表现

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

image-20230205145825049

行为

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

search

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

image-20230205150054301

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/283557.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

时间序列数据处理01——可视化与预处理

1.关于时间戳与时间戳序列 时间戳: 时间戳通常指的是一个特定时间点距离某个固定时间点(通常是1970年1月1日午夜,也称为UNIX纪元)经过的秒数。这是一个单一的时间点,表示为一个数字。时间戳是一种表示时间的标准方式&a…

C#实现MQTT over WebSocket

如何在网页端实现MQTT消息的发布和订阅? 实现MQTT功能,可以发布和订阅主题通过WebSocket协议将MQTT消息转发给对应的网页端 带着这个实现思路,采用C#控制台程序实现MQTT服务端功能,web端可以直接使用websocket插件与服务端双向通…

UML系统建模专题---1、UML概述和理论

概述 什么是uml Unified Modeling Language 统一建模语言,又称标准建模语言。是用来对软件密集系统进行可视化建模的一种语言, 语言,也就是一个表达思想的符号约定。 uml的发展与版本 建模语言出现在二十世纪70年代,80年代末开…

【unity小技巧】使用三种方式实现瞄准瞄具放大变焦效果

最终效果对比 文章目录 最终效果对比前言第一种办法方法二1. 创建URP环境2. 配置 Universal Render Pipeline Asset3. 这里向我们新建一个无光的ShaderGraph4. 主图配置4. 新建材质,挂载5. 下面是shaderGraph 的连线图6. 新增脚本控制ObjectScreenPosition随着瞄准镜…

C语言之文件操作(下)

C语言之文件操作(下) 文章目录 C语言之文件操作(下)1. 文件的顺序读写1.1 文件的顺序读写函数1.1.1 字符输入/输出函数(fgetc/fputc)1.1.2 ⽂本⾏输⼊/输出函数(fgets/fputs)1.1.3 格…

MySQL 报错 You can‘t specify target table for update in FROM clause解决办法

You can’t specify target table for update in FROM clause 其含义是:不能在同一表中查询的数据作为同一表的更新数 单独执行复合查询是正常的,如下: 但是当执行子查询删除命令时,报如下错误 DELETE FROM abpusers WHERE Id I…

【Gradle】运行时一直要下载 gradle-8.5-bin.zip

如何解决 Downloading https://services.gradle.org/distributions/gradle-8.5-bin.zip 的问题 文章目录 1. 问题描述2. 解决方法1)找到 gradle-wrapper.properties2)修改 distributionUrl 对应的值 3. 验证 1. 问题描述 在执行 gradlew 命令的时候&…

频谱论文:面向频谱地图构建的频谱态势生成技术研究

#频谱# [1]李竟铭.面向频谱地图构建的频谱态势生成技术研究.2019.南京航空航天大学,MA thesis.doi:10.27239/d.cnki.gnhhu.2019.000556. (南京航空航天大学) 频谱地图是对无线电环境的抽象表达,它可以直观、多维度地展现频谱态势信息&…

基于Python实现的一个书法字体风格识别器源码,通过输入图片,识别出图片中的书法字体风格,采用Tkinter实现GUI界面

项目描述 本项目是一个书法字体风格识别器,通过输入图片,识别出图片中的书法字体风格。项目包含以下文件: 0_setting.yaml:配置文件,包含书法字体风格列表、图片调整大小的目标尺寸等设置。1_Xy.py:预处理…

【最新版】在WSL上运行 Linux GUI (图形用户界面)应用(Gnome 文本编辑器、GIMP、Nautilus、VLC、X11 应用)

文章目录 一、 安装WSL0. 先决条件1. 全新安装2. 现有 WSL 安装3. 注意事项 二、运行 Linux GUI 应用1. 更新发行版中的包2. 安装 Gnome 文本编辑器启动 3. 安装 GIMP启动 4. 安装 Nautilus启动 5. 安装 VLC启动 6. 安装 X11 应用 适用于 Linux 的 Windows 子系统 (WSL) 现在支…

深入理解强化学习——马尔可夫决策过程:价值迭代-[价值迭代算法]

分类目录:《深入理解强化学习》总目录 文章《深入理解强化学习——马尔可夫决策过程:价值迭代-[最优性原理]》和文章《深入理解强化学习——马尔可夫决策过程:价值迭代-[确认性价值迭代]》介绍了价值迭代的基础知识,本文将介绍价值…

在公司内网开发的时候如何和互联网第三方平台环境联调之内网穿透

一、背景 一般情况下,不会出现所处不在同一网段进行后端服务联调,但是当遇到和第三方平台对接之时,这个时候如果你自身处在公司内部局域网的范畴下,那么一般都是会被保护的,也就是说外网无法访问你的ip。这个时候就需…