前端知识学习

news2025/11/3 13:06:52

一、html的学习

1.1 html的基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

1. <!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档
2. <html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body>
3. 元素出现在文档的开头部分.其之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义
4. <title></title>定义网页标题，在浏览器标题栏显示
5. <body></body>之间的文本是可见的网页主体内容
6. <meta charset="UTF-8"> 声明编码方式用utf8
7. 标签分为自动闭合标签(如meta)和非自动闭合标签（如html）

1.2 标签的分类

  • 块级标签（block）
    • 1.独占一行
    • 2可以设置长宽
    • 举例如h1 -h6、p
  • 内联标签（inline）
    • 1.按内容占宽
    • 2.不可以设置长宽
    • 举例：img、b、strong、em
  • 嵌套原则
    • 块级便签可以嵌套内联标签，也可以嵌套块级标签（p标签除外）
    • 内联标签可以内联标签，

1.3 重要标签

  • 标题标签(块级标签、独占一行 会加粗加黑)
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
  • 段落标签(paragraph 块级标签、独占一行 有段落感 上下文不会那么拥挤)
<p>大家好，我是段落1。</p>
<p>大家好，我是段落2。</p>
<p>大家好，我是段落3。</p>
  • 换行标签（break 不是内联标签 也不是块标签）
大江东去<br>
浪淘尽<br>
千古风流人物<br>
  • 可以看出br与p上下文间隔不同
    在这里插入图片描述
  • 文本格式化标签
<b>定义粗体文本</b><br />
<strong>定义粗体文本方式2</strong><br />
<em>定义斜体字</em><br />
<i>定义斜体字方式2</i><br />
<del>定义删除文本</del><br />
  • 标签的嵌套(斜体粗体)
<i><b>定义粗体文本</b></i>
  • 特殊符号
&reg # 商标
&nbsp; # 空格 Non-Breaking Space 
&copy # 版权所有
&lt # 小于

在这里插入图片描述

1.4 img标签（内联标签）

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

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

相关文章

网页版chatGPT,国内直接打开就用的chatgpt

网页版chatGPT,国内直接打开就用的chatgpt

先看效果&#xff1a; 文件就是一个网页文件&#xff0c;直接打开就可以网页使用了。 使用的前提是需要有chatGPT的账号去获取apikey,然后把拿到的apikey放在下面代码中 然后网页的代码如下&#xff1a; <script src"https://unpkg.com/vue3/dist/vue.global.js&qu…
阅读更多...
MySQL事务日志 （redo log)

MySQL事务日志 （redo log)

MySQL事务日志 &#xff08;redo log) 事务的隔离性由 锁机制 实现。 而事务的原子性、一致性和持久性由事务的 redo 日志和undo 日志来保证。 REDO LOG 称为 重做日志 &#xff0c;提供再写入操作&#xff0c;恢复提交事务修改的页操作&#xff0c;用来保证事务的持久性。 …
阅读更多...
如何使用YonBuilder进行报表分析？

如何使用YonBuilder进行报表分析？

报表是基于业务元数据、业务模型、数据模型等数据来源展示与分析业务的重要工具&#xff0c;在YonBuilder中可以通过简单拖拽、选择&#xff0c;快速生成报表分析&#xff0c;提升报表开发效率。本期通过员工信息数据对YonBuilder中报表的基本配置进行介绍。 01、创建报表 首…
阅读更多...
深入理解kafka-1

深入理解kafka-1

kafka快速入门1、kafka简介1.1 kafka是什么1.2 kafka基础架构1.3 kafka模块概述2、kafkka结构剖析2.1 kafka工作流程2.2 kafka文件存储2.2.1 顺序写2.2.2 分片&#xff0c;索引2.2.3 页缓存2.2.4 零拷贝2.3 broker集群2.3.1 Controller控制器及选举机制2.4 生产者2.4.1 生产者分…
阅读更多...
MCU-51：定时器

MCU-51：定时器

目录一、定时器介绍1.1 定时器的功能1.2 定时器的结构1.3 定时器框图二、定时器控制2.1 工作模式寄存器TMOD2.2 控制寄存器TCON三、中断系统3.1 中断系统介绍3.2 中断程序流程3.3 STC89C52中断资源四、应用4.1 定时器控制LED闪烁4.2 基于定时器按键控制LED流水灯4.3 定时器时钟…
阅读更多...
C进阶 :征服指针之指针与数组强化笔试题练习（1）

C进阶 :征服指针之指针与数组强化笔试题练习（1）

目录 &#x1f63c;&#x1f638;一.彻底明白 sizeof 操作符 &#xff0c;数组名&#xff0c;strlen 函数 &#x1f405;1.数组名的意义 &#x1f406;2. sizeof 详解 &#x1f40b;3.strlen详解 &#x1f996;3.数组名意义详细图解演示 &#x1f431;&#x1f640;二.关于…
阅读更多...
使用JDBC+javafx写一个简单功能齐全的图书管理系统

使用JDBC+javafx写一个简单功能齐全的图书管理系统

目录 1、JDBC的使用 2、对应包和Java文件的层级关系及对应的含义 3、数据库 4、相关代码 1&#xff09;、bookmanager包 Ⅰ、main函数 Ⅱ、utils包 Ⅲ、bean包 Ⅳ、controller包 2)resources(为资源文件包&#xff0c;可以看链接文章了解) Ⅰ、book包 Ⅱ、 login包…
阅读更多...
嘘！P站数据分析年报；各省市疫情感染进度条；爱奇艺推出元宇宙App；You推出AI聊天机器人；GitHub今日热榜 | ShowMeAI资讯日报

嘘！P站数据分析年报；各省市疫情感染进度条；爱奇艺推出元宇宙App；You推出AI聊天机器人；GitHub今日热榜 | ShowMeAI资讯日报

&#x1f440;日报合辑 | &#x1f3a1;AI应用与工具大全 | &#x1f514;公众号资料下载 | &#x1f369;韩信子 &#x1f4e2; 『The 2022 Year in Review』P站2022年度报告 Pornhub 发布了第 9 次年度报告&#xff0c;数据科学家们绘制了多张彩色可视化图表&#xff0c;回顾…
阅读更多...
Spring注册Bean系列--方法3：@Import+@Bean

Spring注册Bean系列--方法3：@Import+@Bean

原文网址&#xff1a;Spring注册Bean系列--方法3&#xff1a;ImportBean_IT利刃出鞘的博客-CSDN博客 简介 本文介绍Spring注册Bean的方法&#xff1a;ImportBean。 注册Bean的方法我写了一个系列&#xff0c;见&#xff1a;Spring注册Bean(提供Bean)系列--方法大全_IT利刃出鞘…
阅读更多...
Redis-SDS

Redis-SDS

本文你能得到&#xff1a; 1 SDS基本介绍 。 2 SDS与 C语言传统字符串的区别&#xff0c;为什么使用SDS。 3 SDS的结构和策略详解。 1 SDS 是什么&#xff1f;用来做什么&#xff1f; 1.1 ​ Redis没有直接使用C语言传统的字符串表示&#xff08;以空字符结尾的字符数组&a…
阅读更多...
[网络工程师]-STP

[网络工程师]-STP

生成树协议&#xff08;Spanning Tree Protocol&#xff0c;STP&#xff09;是一种链路管理协议&#xff0c;为网络提供路径冗余&#xff0c;同时防止产生环路。交换机之间使用网桥协议数据单元&#xff08;Bridge Protocol Data Unit&#xff0c;BPDU&#xff09;来交换STP信息…
阅读更多...
C语言中单井号（#）和双井号（##）在宏语句中的应用

C语言中单井号（#）和双井号（##）在宏语句中的应用

在阅读Linux内核代码过程中&#xff0c;特别是一些预处理指令宏的时候&#xff0c;会看到宏语句里会包含一些# 或者是连着的## 符号&#xff0c;刚接触的时候觉得很一头雾水&#xff0c;但这些宏语句有时候绕不开&#xff0c;所以为了更好地读懂这些代码&#xff0c;很有必要仔…
阅读更多...
头豹研究院发布《2022年腾讯安全威胁情报能力中心分析报告》：助力企业掌握安全防御主动权

头豹研究院发布《2022年腾讯安全威胁情报能力中心分析报告》：助力企业掌握安全防御主动权

12月23日&#xff0c;头豹研究院发布了《2022年腾讯安全威胁情报能力中心分析报告》&#xff08;以下简称《报告》&#xff09;&#xff0c;深度研究了腾讯安全威胁情报能力建设、威胁情报能力应用、威胁情报价值实践方面的现状及成果&#xff0c;从专业视角分析腾讯安全威胁情…
阅读更多...
全网首发！华为云UCS正式商用

全网首发！华为云UCS正式商用

日前&#xff0c;华为云UCS正式商用。华为云UCS是业界首个分布式云原生服务&#xff0c;支持对华为云集群、伙伴云集群、多云集群、本地集群和附着集群的统一管理&#xff0c;覆盖中心Region、专有Region、边缘云、客户数据中心和第三方云场景&#xff0c;提供无处不在的云原生…
阅读更多...
深度学习02：损失函数总结

深度学习02：损失函数总结

目录 nn.L1Loss: nn.NLLLoss: nn.MSELoss: nn.CrossEntropyLoss: 损失函数是用来估量模型的预测值与真实值的不一致程度&#xff0c;它是一个非负实值函数。我们训练模型的过程&#xff0c;就是通过不断的迭代计算&#xff0c;使用梯度下降的优化算法&#xff0c;使得损失函…
阅读更多...
Day 05- Vue3 Vue2响应式原理

Day 05- Vue3 Vue2响应式原理

Vue2的响应式 核心&#xff1a;通过 Object.defineProtytype() 对对象的已有属性值的读取和修改进行劫持&#xff1b; 数据劫持 --> 给对象扩展属性 --> 属性设置 实现原理&#xff1a; 对象类型&#xff1a;通过Object.defineProperty()对属性的读取、修改进行拦截…
阅读更多...
风控黑名单库的使用与判断指南

风控黑名单库的使用与判断指南

反欺诈策略中有一类策略是专门针对黑名单用户的&#xff0c;我们称之为黑名单命中策略。 一、黑名单定义 黑名单是对严重逾期、骗贷、失联、诈骗等系列高风险客群构建的名单&#xff0c;即为明确非意向客群的名单。黑名单也是反欺诈的第一道防线&#xff0c;可以有效识别黑产客…
阅读更多...
近些年大火的零信任，落地情况怎么样？

近些年大火的零信任，落地情况怎么样？

疫情以来 　　 　　居家办公、远程工作需求激增 　　 　　企业IT环境变得更加复杂 　　 　　在此背景下 　　 　　以“持续验证,永不信任”为核心的 　　 　　零信任火爆出圈 　　 　　引得国内外企业机构纷纷布局 　　 　　然而根据戴尔2022全球数据保护指数(GDPI),尽管91%的组…
阅读更多...
使用FFmpeg+go搭建m3u8点播服务器

使用FFmpeg+go搭建m3u8点播服务器

一. 前言 HLS&#xff08;HTTP Live Streaming&#xff09; 是苹果公司提出的基于 HTTP 的流媒体传输协议&#xff0c;它的工作原理是将整个文件切分成一个个小的文件&#xff08;通常是 TS 格式文件&#xff09;&#xff0c;客户端通过 HTTP 下载播放。在准备播放某个 m3u8 媒…
阅读更多...
Linux系统运行时参数命令--Linux基础命令和工具

Linux系统运行时参数命令--Linux基础命令和工具

目录 1 Linux基础命令和工具 1.1 grep搜索字符 1.2 find查找文件 1.3 ls显示文件 1.4 wc命令 1.5 ulimit用户资源 1.6 scp远程拷贝 1.7 dos2unix和unix2dos 1.8 sed 行处理 简单模式 替换模式 1.9 awk 列处理 C/CLinux服务器开发/后台架构师【零声教育】-学习视频…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023