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

Web前端开发——HTML快速入门

news 2026/5/25 9:15:47

  • HTML：控制网页的结构
  • CSS：控制网页的表现

一、什么是HTML、CSS

（1）HTML

（HyperText Markup Languaqe：超文本标记语言）

  • 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频、超链接等内容（如基于Windows所操作的记事本所编写的一类文本称为普通文本）
  • 标记语言：由标签构成的语言
  1. HTML标签都是预定义好的。例如:使用<a>展示超链接，用<img>展示图片，<video>展示视频。
  2. HTML代码直接在浏览器中运行，HTML标签由浏览器解析。

所以学习HTML，主要学习它里面常用的标签。

（2）CSS
  • CSS（Cascading Style Sheet）：层叠样式表，用于控制页面的样式（表现）

所以学习CSS，主要学习它里面定义的常用的样式。

（3）前端学习(HTML、CSS、JS)的官方文档

w3school 在线教程icon-default.png?t=N7T8https://www.w3school.com.cn/

二、HTML快速入门

（1）简单操作
  • 新建一个文本文件，并把文件后缀名改成：".html" 。
  • 编写HTML结构标签——>例如一旦见到<html> ... </html>标签，浏览器解析就知道要以HTML的格式来解析。
  • 在<html>标签中写一个<head>标签和一个<body>标签。在<head>当中，定义一个<title>标签去定义一个HTML文件的标题，而在<body>当中编写HTML文件当中的页面内容。

（在我们的操作系统当中，如果是".html"后缀的文件，默认是会被浏览器识别的）

（2）简单入门代码（用记事本编写）
  • <img src=""/> (自闭合)也可以写出 <img src=""></img>
<html><head><title>HTML 快速入门</title></head><body><h1>Hello World!</h1><img src="666.jpg"/></body>
</html>

（3）注意事项
  • HTML当中的标签是不区分大小写的。（一般使用小写）<html> 写成 <HtmL> 一样的可以得到运行效果。
  • HTML标签的属性值单双引号都可以。在HTML标签的属性时，例如"src"属性，可以接单引号也可以接双引号。
  • HTML的语法比较松散。指的是HTML的语法并不严格。
（4）HTML结构标签

相关文章：

Web前端开发——HTML快速入门

HTML&#xff1a;控制网页的结构CSS&#xff1a;控制网页的表现 一、什么是HTML、CSS &#xff08;1&#xff09;HTML &#xff08;HyperText Markup Languaqe&#xff1a;超文本标记语言&#xff09; 超文本&#xff1a;超越了文本的限制&#xff0c;比普通文本更强大。除了…...

编程日记 2024/7/5 7:26:22

浅谈http协议及常见的面试题

1、浅谈http协议 HTTP&#xff08;Hypertext Transfer Protocol&#xff09;超文本传输协议&#xff0c;是互联网上应用最为广泛的一种网络协议&#xff0c;所有的WWW文件都必须遵守这个标准。它是基于TCP/IP通信协议来传递数据&#xff08;HTML文件、图片文件、查询结果等&am…...

编程日记 2024/7/5 7:25:21

LabVIEW自动探头外观检测

开发了一套基于LabVIEW的软件系统&#xff0c;结合视觉检测技术&#xff0c;实现探头及连接器外观的自动检测。通过使用高分辨率工业相机、光源和机械手臂&#xff0c;系统能够自动定位并检测探头表面的细微缺陷&#xff0c;如划痕、残胶、异色、杂物等。系统支持多种探头形态&…...

编程日记 2024/7/5 7:23:19

搏击与防卫笔记

文章目录 降龙十八掌 咏春个人防身笔记防卫直拳应对耳光防卫摆拳坐马冲拳 本来想以武术为标题的&#xff0c;想了想武术这个标题太大太深&#xff0c;自己连一知半解都算不上&#xff0c;就谢为搏击与防卫吧。 每个男孩都有个武侠梦&#xff0c;独步江湖&#xff0c;仗剑走天涯…...

编程日记 2024/7/5 7:22:18

泰国内部安全行动司令部数据泄露

BreachForums 论坛的一名成员宣布发生一起重大数据泄露事件&#xff0c;涉及泰国内部安全行动司令部 (ISOC)&#xff0c;该机构被称为泰国皇家武装部队的政治部门。 目前&#xff0c;我们无法准确确认此次泄露的真实性&#xff0c;因为该组织尚未在其网站上发布有关该事件的任…...

编程日记 2024/7/5 7:21:17

MATLAB算法实战应用案例精讲-【数模应用】分层聚类（附MATLAB、python和R语言代码实现）

目录 前言 几个高频面试题目 什么情况下选择分层聚类，什么情况下选择K-mean聚类呢？两种模型的好坏如何比较？ 算法原理 SPSSAU 案例分析 SPSSPRO 1、作用 2、输入输出描述 3、案例示例 4、案例数据 5、案例操作 6、输出结果分析 7、注意事项 8、模型理论 分层…...

编程日记 2024/7/5 7:20:16

九、函数的声明和定义

函数声明&#xff1a; 1. 告诉编译器有一个函数叫什么&#xff0c;参数是什么&#xff0c;返回类型是什么。但是具体是不是存在&#xff0c;函数 声明决定不了。 2. 函数的声明一般出现在函数的使用之前。要满足先声明后使用。 3. 函数的声明一般要放在头文件中的。 定义的函…...

编程日记 2024/7/5 7:19:15

简洁纯文字类的Typecho主题wenso

主题介绍 文章说说类博客网站源码&#xff0c;页面清新简洁。适合文章说说美文博客网站建站使用&#xff0c;响应式手机版本。 本来是dedecms的模板&#xff0c;也比较简单&#xff0c;适合用来搭建一个文学类的&#xff0c;纯文字的网站&#xff0c;简单的改成了typecho&…...

编程日记 2024/7/5 7:16:12

安卓请求服务器[根据服务器的内容来更新spinner]

根据服务器的内容来更新spinner 本文内容请结合如下两篇文章一起看: 腾讯云函数node.js返回自动带反斜杠 腾讯云函数部署环境[使用函数URL] 现在有这样一个需求,APP有一个下拉选择框作为版本选择,因为改个管脚就变成一个版本,客户需求也很零散,所以后期会大量增加版本,这时候每…...

编程日记 2024/7/5 7:14:11

c++ 联合（Union）的特性和使用

联合&#xff08;Union&#xff09;是一种特殊的数据结构&#xff0c;允许在同一内存位置存储不同的数据类型。一个 union 可以有多个数据成员&#xff0c;但是在任意时刻只有一个数据成员可以有值。当某个成员被赋值后其他成员变为未定义状态。以下是联合的主要特点和使用方式…...

编程日记 2024/7/5 7:12:09

大白菜U盘启动工具

大白菜如何u盘启动进winpe装系统大白菜是一款非常实用的U盘启动盘制作工具&#xff0c;可以帮助用户快速地将U盘制作成启动盘&#xff0c;从而方便地进行系统安装、维护和修复等操作。官方网站&#xff1a; 大白菜u盘启动盘制作工具_大白菜u盘装系统_大白菜pe_大白菜官网-首页…...

编程日记 2024/7/5 7:11:08

C# 中 IEnumerable 和 IQueryable 接口之间的区别

在 C# 中&#xff0c;IEnumerable和IQueryable接口都用于查询数据集合&#xff0c;但它们的用途不同&#xff0c;功能也不同。下面是它们之间差异的细分&#xff1a; 1. C# 中的 IEnumerable 接口 在命名空间中定义System.Collections。表示集合中元素的只进式游标。适用于查…...

编程日记 2024/7/5 7:10:07

centos安装yum命令及常用yum命令

一、准备工作 获取安装介质&#xff1a; 如果你有CentOS的安装ISO文件或DVD介质&#xff0c;可以直接使用它来设置本地yum源。 如果没有&#xff0c;你需要在一个有网络连接的CentOS系统上下载所需的rpm包和依赖。 创建挂载点&#xff08;如果你使用的是ISO文件&#xff09;&a…...

编程日记 2024/7/5 7:09:07

table = collections.defaultdict(list)申请的字典的类型是什么？

当你使用 collections.defaultdict(list) 来申请一个字典时&#xff0c;这个字典的类型是 defaultdict&#xff0c;但是其行为和表现方式在某些方面与普通的字典&#xff08;dict&#xff09;相似&#xff0c;主要区别在于它如何处理缺失的键。 defaultdict 是 Python 标准库 …...

编程日记 2024/7/5 7:08:06

【虚拟机】虚拟机网络无法访问问题【已解决】

【虚拟机】虚拟机无法上网问题【已解决】 问题探究解决方法法1&#xff1a;查看相关“网络服务”是否处于正常启动状态法2&#xff1a;重启网络法3&#xff1a;重新安装VMWare法4&#xff1a;使用NAT模式&#xff0c;每次打开win7都没连上网的解决办法 问题探究 安装了很多个虚…...

编程日记 2024/7/5 7:06:04

大数据面试题之Spark(3)

目录 Spark的哪些算子会有shuffle过程? Spark有了RDD&#xff0c;为什么还要有Dataform和DataSet? Spark的RDD、DataFrame、DataSet、DataStream区别? Spark的Job、Stage、Task分别介绍下&#xff0c;如何划分? Application、job、Stage、task之间的关系 Stage内部逻辑…...

编程日记 2024/7/5 7:04:02

基于 Gunicorn + Flask + Docker 的模型高并发部署

在现代 Web 应用程序中&#xff0c;处理高并发请求是一个常见且重要的需求。本文将介绍如何使用 Gunicorn、Flask 和 Docker 来实现模型的高并发部署。我们将从环境设置、代码实现、Docker 镜像构建及部署等方面进行详细讲解。 一、环境设置 1. 安装 Flask 首先&#xff0c;…...

编程日记 2024/7/5 7:03:00

CPU通过网络将IP camera的RTSP流(H.264编码或是H.265编码)拉回， 交给GPU解码并显示的处理流程

这个流程涉及到从IP摄像头获取视频流&#xff08;通过RTSP协议&#xff09;&#xff0c;然后将流传输给GPU进行解码和显示的过程。详细的流程描述如下&#xff1a; 1. 获取视频流: - **IP摄像头**: 摄像头通过RTSP&#xff08;Real-Time Streaming Protocol&#xff09;将…...

编程日记 2024/7/5 7:01:59

windows@资源管理器中的地址栏@访问共享文件夹的各种方法@管理共享文件夹

文章目录 资源管理器中的地址栏可以访问什么访问共享文件夹&#x1f47a;UNC路径资源管理器打开共享文件夹纯命令行方式访问共享文件夹 共享文件夹相关操作查看所有已经共享的文件夹&#x1f47a;停止某个文件的共享 共享文件夹的访问控制补充匿名访问问题&#x1f60a;强制启用…...

编程日记 2024/7/5 6:58:56

ffmpeg推流时Unknown encoder ‘libx264‘

如果环境中有conda&#xff0c;最简单的办法就是 conda uninstall ffmpeg conda install ffmpeg 或者 sudo apt-get install -y libgmp3-dev pkg-config gnutls-bin libaom-dev libass-dev libbluray-dev libfdk-aac-dev libmp3lame-dev libopencore-amrnb-dev libopencore-…...

编程日记 2024/7/5 6:57:55

计算机网络 --- OSPF

获取未知网段路由信息的方法&#xff1a;静态路由 --- 由网络管理员手工配置的路由信息动态路由 --- 所有路由器运行相同的路由协议&#xff0c;由路由器之间彼此沟通交流&#xff0c;最终计算出到达未知网段的路由信息AS --- 自治系统IGP --- 内部网关协议 --- RIP&#xff0c…...

编程新知 2026/5/25 9:08:49

E-ROBOT：融合熵正则化与鲁棒截断的最优传输新框架

1. E-ROBOT框架&#xff1a;从理论动机到核心思想拆解在机器学习和统计学中&#xff0c;我们常常需要比较和度量两个概率分布之间的差异。最优传输&#xff08;Optimal Transport, OT&#xff09;为此提供了一个优雅且几何直观的数学框架&#xff1a;它寻找一个“运输计划”&am…...

编程新知 2026/5/25 8:58:32

告别Visual Studio：在Mac上用VSCode打造高效Unity工作流（插件、终端、工具链整合）

告别Visual Studio&#xff1a;在Mac上用VSCode打造高效Unity工作流&#xff08;插件、终端、工具链整合&#xff09; 当Unity开发者从Windows转向Mac平台时&#xff0c;往往会面临开发工具链的重构。Visual Studio在Mac上的体验远不如Windows版本流畅&#xff0c;而VSCode凭借…...

编程新知 2026/5/25 8:45:31

XUnity.AutoTranslator：如何免费实现Unity游戏实时翻译的完整指南

XUnity.AutoTranslator&#xff1a;如何免费实现Unity游戏实时翻译的完整指南 【免费下载链接】XUnity.AutoTranslator 项目地址: https://gitcode.com/gh_mirrors/xu/XUnity.AutoTranslator 在游戏的世界里&#xff0c;语言障碍常常成为玩家体验全球优秀作品的绊脚石。…...

编程新知 2026/5/25 8:03:29

别再折腾VMware Tools了！用FileZilla+SSH搞定Windows与Ubuntu虚拟机文件互传（保姆级教程）

告别VMware Tools烦恼&#xff1a;SSHFileZilla实现跨平台文件传输全攻略 每次在Windows和Ubuntu虚拟机之间传输文件时&#xff0c;VMware Tools总是给你带来各种麻烦&#xff1f;安装失败、兼容性问题、功能受限...这些问题我都经历过。今天我要分享的是一种更稳定、更通用的…...

编程新知 2026/5/25 7:33:29

从下载到网页管理：TrueNAS SCALE最新版保姆级安装图文教程（VMware Workstation 17环境）

TrueNAS SCALE在VMware Workstation 17中的全流程部署指南 对于需要在本地环境中快速搭建网络存储测试平台的用户来说&#xff0c;TrueNAS SCALE无疑是一个理想选择。作为TrueNAS家族的最新成员&#xff0c;它不仅继承了传统存储管理系统的稳定性和可靠性&#xff0c;还引入了…...

编程新知 2026/5/25 6:52:37

总结模式的智能化升级

&#x1f4cb; 本文目录 一、前言 二、从工具到智能系统的升级 三、工具链完整演示 四、智能总结Agent整合实战 五、智能总结系统的核心价值 六、总结与展望 一、前言 1.1 本节内容简介 我们已经有了5个好用的总结工具&#xff0c;但问题来了&#xff1a;工具是死的&am…...

编程新知 2026/5/25 5:19:35

基于无监督机器学习与静止系参数的伽马射线暴物理起源分类研究

1. 项目概述与核心思路伽马射线暴&#xff08;GRB&#xff09;是天文学中最具挑战性的谜题之一。这些来自宇宙深处的剧烈爆炸&#xff0c;在几秒到几分钟内释放的能量&#xff0c;可能超过太阳一生释放的总和。长久以来&#xff0c;我们一直试图回答一个核心问题&#xff1a;这…...

编程新知 2026/5/25 4:40:34

别再只把PCA当降维工具了！用Python+Sklearn实战服装标准与消费支出分析

解锁PCA的隐藏技能&#xff1a;用Python实战服装标准与消费支出分析当我们谈论主成分分析&#xff08;PCA&#xff09;时&#xff0c;大多数人首先想到的是"降维"——这个标签如此深入人心&#xff0c;以至于我们常常忽略了PCA作为"数据解释器"和"可视…...

编程新知 2026/5/25 2:52:07

避开Cox回归的坑：你的数据真的满足比例风险假定吗？

避开Cox回归的坑&#xff1a;你的数据真的满足比例风险假定吗&#xff1f;在医学研究和流行病学分析中&#xff0c;Cox比例风险模型因其能够处理删失数据且不依赖基准风险函数的特定形式而广受欢迎。然而&#xff0c;许多研究者在使用这一强大工具时&#xff0c;往往忽略了一个…...

编程新知 2026/5/25 2:34:20