【Web前端】一文带你吃透HTML(上篇)

已于 2022-10-13 19:27:20 修改
阅读量2w 收藏 279
点赞数 189
CC 4.0 BY-SA版权
分类专栏： JavaWeb基础教程系列 前端 编程进阶之路 Java编程基础教程系列（零基础小白搬砖逆袭） 文章标签： 前端 html html5
于 2022-10-13 07:59:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangxia_/article/details/127238602
本文是HTML基础的上篇，详细介绍了HTML的起源、基本结构、标签、元素、版本、浏览器、网页编码等内容。通过实例演示如何创建第一个网页，并推荐了VSCode作为HTML编辑器。此外，还讲解了HTML标题、段落、链接、图像等基础知识，为前端学习打下坚实基础。

在这里插入图片描述
前端学习路线小总结：

  • 基础入门：
  • HTML CSS JavaScript
  • 三大主流框架：
  • VUE REACT Angular
  • 深入学习：
  • 小程序 Node jQuery TypeScript 前端工程化

🍁开始前端之旅吧!

接下来就开始我们的前端之旅吧~

一.HTML简介

万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。

学习HTML就是学习标签的一个过程，难度指数低，重在反复练习，首先看看HTML文档的基本结构：

<!DOCTYPE html>
<html>
<head>
<meta
了解本专栏 订阅专栏 解锁全文 超级会员免费看
【Web前端】一文带你吃透HTML(下篇)
zhangxia_的博客
10-17 2万+
上篇我们介绍到了HTML列表的内容，HTML支持三种列表的方式，分别是有序列表，无序列表和定义列表，今天我们就从HTML区块的内容开始，做一个详细的讲解，一起开始我们的前端之旅吧！！
【Web前端】一文带你吃透HTML(完整篇)
zhangxia_的博客
10-24 2万+
万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。
【Web前端】一文带你吃透CSS(上篇)
zhangxia_的博客
10-31 1万+
CSS 指层叠样式表 (Cascading Style Sheets)。样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率，通常存储在CSS文件中多个样式定义可层叠为一个。
【Web前端】一文带你吃透CSS(中篇)
zhangxia_的博客
11-07 1万+
首先，在这里所有HTML元素可以看作盒子，在CSS中，盒子模型用于设计和布局。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。完整大小的元素，必须包括宽度和高度，还必须包含内边距，边框和外边距。
【Web前端】一文带你吃透CSS(完结篇)
zhangxia_的博客
01-02 7730
时光短暂，CSS 基础教程系列的文章就更新完结了，我们一共分为了上中下三篇，详细的讲解了 CSS 的使用，接下来的一段时间就要更新 JavaScript 的内容了，希望小伙伴们持续关注！
前端必修课：一文吃透 HTML5
Smell_of_earth的博客
04-06 938
HTML5是HTML新版标准，2014年发布。它支持多媒体、绘图等功能，拥有语义化标签，简化开发。部分老浏览器需借助工具兼容，是前端开发必备技术 。
一文带你吃透JSP，增删改查实战案例详细解读
热门推荐
zhangxia_的博客
03-02 3万+
不得不说，JSP 现在已经是一门十分老旧的技术了，学习编程时，不仅要学习优秀的前言技术，还要对基础有一定的把握，所以学习 JSP 时，我们只做了解，不用刨根问底花费大量的时间，得不偿失。理解 JSP 及其原理学会使用 EL 表达式和 JSTL 标签理解 MVC 模式和三层架构（重点）学习 JSP 到什么程度呢？我们只需要能够使用 JSP 相关技术能够实现简单数据的增删改查即可。
一文带你吃透计算机网络（下）
夏沫の梦的博客
03-12 540
源主机收到这个 ARP 响应数据包后，将得到的目的主机的 IP 地址和 MAC 地址添加到自己的 ARP 列表中，并利用此信息开始数据的传输。的方式发送的，这时同一个子网中的计算机 C, D 也会收到这个数据包的，然后收到这个数据包的计算机，会把数据包的 MAC 地址取出来，与自身的 MAC 地址对比，如果两者相同，则接受这个数据包，否则就丢弃这个数据包。其实在询问MAC地址的数据包中，在对方的MAC地址这一栏中，填的是一个特殊的MAC地址，其他计算机看到这个特殊的MAC地址之后，就能知道广播想干嘛了。
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 861
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
深度解析前端input标签：从默认样式覆盖到浏览器自动填充和兼容以及文本域
鹏多多的博客
12-03 993
HTML表单中的<input>标签是核心交互元素，支持多种输入类型（如文本、密码、单选、文件上传等），通过type属性定义不同功能。其核心属性包括数据标识（name/id）、状态控制（disabled/readonly）、验证限制（pattern/maxlength）和交互优化（autofocus/autocomplete）。浏览器默认样式存在兼容性问题，可通过CSS重置实现统一外观，特别是对单选/复选框需要特殊样式覆盖处理。自动填充功能基于name属性和表单上下文触发，可通过autocompl
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 1203
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
学Java第五十三天——IO综合练习（1）
最新发布
weixin_67566799的博客
12-06 331
是用的糊涂包Hutool，其余的。完整的获取姓氏的代码。
前端仿真驱动创新：西门子FLOEFD的行业价值与应用指南
anscos的博客
12-05 1069
西门子Simcenter FLOEFD作为嵌入CAD的CFD解决方案，精准击中了现代研发“高效迭代、精准预判”的核心需求，其技术革新与应用实践为多行业带来了研发模式的重构，成为高端装备设计不可或缺的核心工具。西门子FLOEFD以“CAD原生、智能高效、多场协同”为核心，打破了设计与仿真的壁垒，尤其适配新能源、电子、增材制造等快速迭代的行业。其价值不仅在于缩短研发周期、降低试验成本，更在于推动工程师将“仿真思维”融入设计全流程，实现从“经验驱动”到“数据驱动”的转型。
多层环形图，自定义tooltip
好记性，不如烂键盘。
12-05 575
多层环形图，自定义tooltip。
【前端知识】从前端请求到后端返回：Gzip压缩全链路配置指南
wendao76的专栏
12-03 1602
本文详细介绍了Gzip压缩的全链路配置流程，从前端请求到后端返回的完整实现方案。前端需通过Accept-Encoding: gzip声明支持压缩，后端根据请求头、响应类型和大小判断是否压缩，并返回Content-Encoding: gzip响应头。文章提供了浏览器、JavaScript、命令行工具等多种前端场景的配置示例，以及Nginx、Apache、Node.js和Spring Boot等主流后端技术的Gzip配置方法。通过合理配置Gzip压缩，可显著减少网络传输数据量，提升Web应用性能。
openEuler + Nginx 高性能 Web 服务深度评测
笃行其道的博客
12-03 1044
本文介绍了在openEuler操作系统上部署Nginx集群的性能测试方案。通过优化内核参数、资源限制和系统调优，在32核64GB环境的华为云实例上进行八大维度的压测：静态文件服务测试显示小文件QPS达23万+，大文件传输速率13.97GB/s；反向代理性能测试QPS23万；HTTPS测试降幅仅16%；长连接测试QPS8.6万；压缩测试显示99%压缩率；极限测试支撑10万+并发。测试结果表明，openEuler的网络/I/O优化与Nginx事件驱动架构完美结合，CPU利用率96%且内存占用<10%，延迟
h5 签名 vue
weixin_45869649的博客
12-02 304
在list.vue 文件引入使用 上述文件 components/Signature.vue，获取到的this.model.signList 就是签名。1、封装一个.vue 文件，我是封装一个Signature.vue文件，放在components目录下。Signature.vue全部内容。
如何在Vue3中使用组合式API？
只会写bug
12-02 1404
Vue3组合式API通过<script setup>语法糖简化开发流程，无需手动导出组件。核心特性包括：使用ref处理基本类型响应式数据，reactive处理对象/数组，toRefs保持解构响应式。生命周期钩子如onMounted需按需导入，计算属性computed用于派生值，方法直接定义即可在模板调用。这些特性使代码更集中、复用更灵活，适合现代前端开发需求。
一文带你吃透操作系统csdn
09-20
操作系统是计算机系统中的核心组成部分，负责管理和协调计算机硬件和软件资源，提供程序运行环境。在优快云上有很多关于操作系统的专题文章，以下将从操作系统的基本概念、功能和常见类型等方面简要介绍一下。 首先是操作系统的基本概念。操作系统是一种系统软件，它是计算机硬件和应用软件之间的桥梁，提供给应用程序一系列的服务和资源，同时负责调度和管理系统资源。它为用户屏蔽了底层的硬件差异，提供了一个统一的、易于使用的界面。 操作系统主要有四个基本功能。首先是处理器管理，负责将处理器分配给系统中的各个进程，并进行进程切换，实现多道程序并发执行。其次是内存管理，管理计算机的内存资源，包括分配、回收和保护等操作。再次是文件管理，负责管理文件的存储、命名和保护等操作，提供了文件操作的接口。最后是设备管理，负责管理计算机的各种设备，包括输入输出设备和存储设备等。 常见的操作系统有多种类型。最主流的是Windows、Linux和Mac OS等桌面操作系统。此外还有服务器操作系统，如Windows Server和Linux等，用于管理和部署服务器。还有嵌入式操作系统，如Android和iOS等，用于移动设备和物联网设备。操作系统也有实时操作系统，用于需要实时控制和响应的系统，如工控系统和航空航天系统等。 总之，操作系统是计算机系统中不可或缺的重要组成部分，通过优快云上的相关文章，我们可以更深入了解操作系统的基本概念、功能和不同类型。这些知识对于理解计算机系统的工作原理和提升编程能力都有着重要意义。
评论 234
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

橙 子_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值