Web认识 -- 第一课

news2024/11/6 9:28:48

文章目录

  • 前言
  • 一、HTML是什么?
  • 二、了解Web
    • 1. 基本概念
    • 2.Web标准
    • 3. Web构成
      • 1.前端
        • 1. HTML
        • 2.CSS
        • 3. javaScript
        • 4.常见浏览器介绍
      • 2.Web标签构成
        • 1.结构标准
        • 2.表现标准 -- css
        • 3. 行为标准 -- javaScript
  • 总结


前言

这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!


一、HTML是什么?

HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它使用各种标签和属性来描述网页的结构和内容。HTML文件由一系列标签组成,每个标签由一对尖括号包围,例如。标签可以包含文本内容,也可以包含其他标签,形成嵌套结构。

HTML的主要作用是定义网页的结构,包括标题、段落、列表、链接等。它还可以插入图像、音频、视频等多媒体元素。HTML使用CSS(Cascading Style Sheets)来定义网页的样式和布局,可以控制字体、颜色、背景等外观效果。最新的HTML版本是HTML5,它引入了许多新的元素和特性,如视频和音频的内置支持、Canvas绘图等。

通过使用HTML,开发人员可以创建结构清晰、可读性强的网页,使其易于维护和修改。HTML的代码可以使用任何文本编辑器编写,并由Web浏览器解析和显示。

二、了解Web

1. 基本概念

  1. 网页(Web Page):网页是Web上的基本单位,由HTML、CSS、JavaScript等技术创建。它可以包含文本、图像、链接和其他多媒体元素。

  2. 网站(Website):网站是包含多个网页的集合,通常具有共同的主题或目的。网站可以包含主页、子页面、导航菜单等元素。

  3. URL(Uniform Resource Locator):URL是用于唯一标识Web资源的地址。它由协议(如http或https)、域名、路径和查询参数组成。

  4. 浏览器(Web Browser):浏览器是用于访问和显示Web内容的软件应用程序。常见的浏览器有Chrome、Firefox、Safari等。

  5. 服务器(Server):服务器是存储和提供Web内容的计算机系统。它接收来自客户端浏览器的请求,并返回相应的网页或数据

  6. 网络协议(Protocols):网络协议是规定数据在网络中传输和交换方式的规则。常见的Web协议包括HTTP(HyperText Transfer Protocol)和HTTPS(HTTP Secure)。

  7. 超链接(Hyperlink):超链接是在网页中提供跳转至其他网页或资源的链接。它可以是文本、图像或其他元素。

  8. 动态网页(Dynamic Web Page):动态网页是根据用户请求生成的网页,通常使用服务器端脚本语言(如PHP、Python)和数据库来实现。

  9. 静态网页(Static Web Page):静态网页是预先创建并存储在服务器上的网页,内容在访问时不会改变。

  10. CMS(Content Management System):内容管理系统是一种用于创建、编辑和管理网站内容的软件,如WordPress、Joomla等。

2.Web标准

Web标准是指在设计和开发网页时遵循的一套规范和约定。这些规范和约定旨在确保网页在不同浏览器和平台上的一致性表现,并提供更好的可访问性、可维护性和可扩展性。

Web标准涵盖了多个方面,包括HTML(超文本标记语言)、CSS(层叠样式表)、JavaScript等技术标准。它们定义了网页的结构、样式和行为的规范,使得网页能够以一种统一的方式呈现给用户。

3. Web构成

1.前端

1. HTML

HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
在这里插入图片描述

2.CSS

css通常称为CSS样式或层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式

3. javaScript

JavaScript是Web页面中的一种脚本语言,通过JavaScript可以将静态页面转变成支持用户交互并响应相应事件的动态页面。在网站建设中,JavaScript用于为页面添加动态效果。

4.常见浏览器介绍

IE、火狐和谷歌是目前互联网上的三大浏览器,其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站,只要兼容IE浏览器、火狐浏览器和谷歌浏览器,就能满足绝大多数用户的需求。

2.Web标签构成

1.结构标准

结构标准用于对网I页元素进行整理和分类,主要包括两个部分:XML和XHTML。
请添加图片描述

2.表现标准 – css

表现标准用于设置网页元素的版式、颜色、大小等外观样式,主要指的是css.请添加图片描述

3. 行为标准 – javaScript

行为标准是指网页模型的定义及交互的编写,主要包括两个部分:DOM和ECMAScript.
请添加图片描述


总结

本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

VUE前后端分离毕业设计题目项目有哪些,VUE程序开发常见毕业论文设计推荐

目录 0 为什么选择Vue.js 1 Vue.js 的主要特点 2 前后端分离毕业设计项目推荐 3 后端推荐 4 总结 0 为什么选择Vue.js 使用Vue.js开发计算机毕业设计是一个很好的选择,因为它不仅具有现代前端框架的所有优点,还能让你专注于构建高性能、高可用性的W…

【C++】map和set的介绍和使用

1.序列式容器与关联式容器 序列式容器&#xff1a; 底层为线性序列的数据结构&#xff0c; 里面存储的是元素本身 。如vector/list/string/deque/forward_list。 关联式容器&#xff1a; 也是用来存储数据的&#xff0c;于序列式容器不同的是&#xff0c; 里面存储的是<key&…

一文详解WebRTC、RTSP、RTMP、SRT

背景 好多开发者&#xff0c;希望对WebRTC、RTSP、RTMP、SRT有个初步的了解&#xff0c;知道什么场景该做怎样的方案选择&#xff0c;本文就四者区别做个大概的介绍。 WebRTC 提到WebRTC&#xff0c;相信好多开发者第一件事想到的就是低延迟&#xff0c;WebRTC&#xff08;W…

基于IntraWeb的数据表格的多选实现

基于IntraWeb的数据表格的多选实现 既可以单条操作&#xff0c;也可以多选操作。 delphi源代码。 BS开发Web网站开发&#xff0c;不需要安装服务器&#xff0c;Apache和IIS都不需要&#xff0c;自带企业级服务器。 运行exe服务器就架好了&#xff0c;直接打开手机浏览器或者…

技术成神之路:设计模式(十八)适配器模式

介绍 适配器模式&#xff08;Adapter Pattern&#xff09;是一种结构型设计模式&#xff0c;它允许接口不兼容的类可以协同工作&#xff0c;通过将一个类的接口转换成客户端所期望的另一个接口&#xff0c;使得原本由于接口不兼容而不能一起工作的类可以一起工作。 1.定义 适配…

防止错误输入!Excel单元格限制输入内容的三种有效方式

在Excel中&#xff0c;限制单元格输入内容可以帮助避免数据输入错误&#xff0c;确保数据的一致性和准确性。今天小编分享三种方法&#xff0c;可以轻松限制Excel单元格的输入内容&#xff0c;确保数据输入符合预期要求&#xff0c;一起来看看吧&#xff01; 方法一&#xff1a…

超声波清洗机哪家好用又实惠?2024热门超声波清洗机选择推荐!

经过长时间在眼镜清洁领域的深耕&#xff0c;超声波清洗技术已积累广泛用户群体的信任。市场虽繁荣&#xff0c;但也暴露出产品质量的多样性问题&#xff0c;特别是那些依赖营销手段走红的网络品牌或跨行业巨头&#xff0c;它们倾向于强化市场推广而忽视了核心技术的研发。这导…

AI日常绘画【国庆海报】:盛世迎华诞,Flux国庆节海报制作教程

大家好我是极可菌&#xff01;&#xff01;&#xff01; 马上就要到祖国母亲的节日了&#xff0c;想想心里都美滋滋的&#xff0c;终于可以放松一下了。相信AI绘画关于国庆主题肯定也会精彩纷呈吧&#xff0c;今天和大家分享几组关于国庆海报的制作教程。 本文使用基于Flux的相…

一款好用的图像处理软件:Photoshop

Photoshop 常被简称为PS&#xff0c;是图像处理领域里最常用也是很重要的一个工具。在平面广告设计、印刷出版等各领域有有着重要的作用。利用Photoshop图像处理软件&#xff0c;可以设计制作报纸、杂志、书籍、招贴广告、海报、建筑效果图、网页等各种精美的作品&#xff0c;普…

基于大数据技术的共享单车数据分析与辅助管理系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏&#xff1a;…

mybatis-plus ==> 入门教程

文章目录 为什么要学呢&#xff1f;注意事项 简单入门案例配置日志雪花算法更改 ID 的方法 CRUD插入&#xff08;不解释了&#xff0c;代码非常简单&#xff09;更新查询&#xff08;批量查询&#xff09;按条件查询分页查询删除&#xff08;批量、通过条件、逻辑删除&#xff…

汇川AM400脉冲速度轴(轴控功能块ST源代码)

1、汇川AM400脉冲轴位置控制功能块 汇川AM400脉冲轴控制(轴控功能块ST源代码)-CSDN博客文章浏览阅读292次。汇川AM400电子齿轮指令详细应用介绍(CODESYS ST代码)_汇川plc am400 案例-CSDN博客文章浏览阅读146次。本文介绍了在使用汇川AM400电子齿轮指令前需要理解的比例随动概…

【SQLite】基础操作

数据查询 SELECT 查询所有数据 SELECT *FROM tableName使用AND操作符 SELECT * FROM tableName WHERE id=? AND name=?使用OR操作符 SELECT * FROM tableName WHERE id=? OR name=?组合使用AND和OR SELECT * FROM tableName WHERE (id=? AND name=?) OR status=?多表查询…

Python基础知识---入门概念

有些人不属于自己&#xff0c;但是遇见了也弥足珍贵。 -- 青山刚昌 《名侦探柯南》 安装python解释器 下载官网&#xff1a; Welcome to Python.org 安装pycharm编辑器 下载官网&#xff1a;Download PyCharm: The Python IDE for data science and web development by Je…

基于大数据的二手电子产品需求分析及可视化系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏&#xff1a;…

ARM Process state -- SPSR

Holds the saved process state for the current mode. 保存当前模式的已保存进程状态。 N, bit [31] Set to the value of PSTATE.N on taking an exception to the current mode, and copied to PSTATE.N on executing an exception return operation in the current mod…

项目:微服务即时通讯系统客户端(基于C++QT)]四,中间界面搭建和逻辑准备

四&#xff0c;中间界面搭建 前言:当项目越来越复杂的时候&#xff0c;或许画草图是非常好的选择 一&#xff0c;初始化中间窗口initMidWindow void mainWidget::initMidWindow() {//使用网格布局进行管理QGridLayout* layout new QGridLayout();//距离上方 20px 的距离&…

QT开发:深入掌握 QtGui 和 QtWidgets 窗口管理:QMainWindow、QDialog 和 QWidget 的高级应用

目录 引言 1. QMainWindow&#xff1a;高级窗口类 基本结构 菜单栏、工具栏和状态栏 菜单栏 工具栏 状态栏 中心部件和可停靠窗口 中心部件 可停靠窗口 示例代码与详解 2. QDialog&#xff1a;对话框窗口类 模态和非模态对话框 模态对话框 非模态对话框 自定义…

「Java开发指南」如何用MyEclipse为iPhone搭建Spring应用程序?

本教程将引导您完成在iPhone上使用的软件组件生成&#xff0c;这就产生了一个完全实现的可运行iPhone应用程序&#xff0c;可以立即用于验证和测试生成的iPhone组件。在本教程中&#xff0c;您将学习如何&#xff1a; 从数据库表搭建到现有项目部署应用程序 MyEclipse v2024.…

点云配准ICP算法笔记

参考&#xff1a;【PCL】—— 点云配准ICP(Iterative Closest Point)算法_icp点云配准-CSDN博客 点云配准 计算出两个点云簇之间的变换矩阵&#xff0c;从而计算出位姿等信息&#xff0c;学习点云配准的目的是想要计算相邻两帧物体的点云之间的变换位姿&#xff0c;从而得到物…