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

HTML 基础【快速掌握知识点】

news 2026/2/10 15:22:25

一、什么是HTML？

二、HTML的发展史

三、HTML5的优势

四、HTML基本结构

五、DOCTYPE声明

六、title标签

七、meta标签

八、标题标签

九、段落标签

十、换行标签

十一、水平线标签

十二、字体样式标签

十三、特殊符号

十四、图像标签

十五、链接标签

十六、锚链接

1、创建跳转标记

2、创建跳转链接

十七、邮件链接

十八、行内元素和块元素

块元素

行内元素

一、什么是HTML？

HTML是超文本标记语言，超文本标记语言包括文字、图片、音频、视频、动画等。

二、HTML的发展史

三、HTML5的优势

世界知名浏览器厂商对HTML5的支持、微软、Google、苹果、市场的需求等

四、HTML基本结构

<html><!--网页头部--><head><title>我的第一个网页</title></head><!--主体部分--><body>我的第一个网页</body>
</html>

五、DOCTYPE声明

<!DOCTYPE html>
<!--html告诉浏览器使用什么规范-->
<html>
<head lang="en"><meta charset="utf-8"/><title>新建标签页</title>
</head>
<body></body>
</html>

六、title标签

七、meta标签

utf-8 则包含全世界所有国家需要用到的字符，页面编码应与页面文件保存时的编码一致

八、标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

九、段落标签

<p>有勇气就会有奇迹</p>

十、换行标签

<p>有勇气!<br/>有奇迹!<br/>....
</p>

十一、水平线标签

<p>有勇气!<br/><hr/>有奇迹!<br/><hr/>....
</p>

十二、字体样式标签

加粗：<strong>…</strong>

斜体：<em>…</em>

<p><strong><em>有勇气,有奇迹!</em></strong>
</p>

十三、特殊符号

特殊符号	字符实体	示例
空格		百度新浪
大于号(>)	>	如果时间>晚上6点，就坐车回家
小于号(<)	<	如果时间<早上7点，就走路去上学
引号(")	"	HTML的属性值必须用成对的"引起来
版权符号@	©	© 百度

十四、图像标签

常见的图像格式：JPG、GIF、PNG、BMP

<img src="path" alt="text" title="text"  width="x"  height="y" />

十五、链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>

十六、锚链接

从A页面的甲位置跳转到本页中的乙位置

从A页面的甲位置跳转到B页面中的乙位置

1、创建跳转标记

<a name="marker">乙位置</a>

2、创建跳转链接

<a href="#marker">甲位置</a>

十七、邮件链接

<a href="mailto:.....@gmail.com">联系我们</a>

十八、行内元素和块元素

块元素

无论内容多少，该元素独占一行（p、h1-h6…）

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

HTML 基础【快速掌握知识点】

目录一、什么是HTML？ 二、HTML的发展史三、HTML5的优势四、HTML基本结构五、DOCTYPE声明六、title标签七、meta标签八、标题标签九、段落标签十、换行标签十一、水平线标签十二、字体样式标签十三、特殊符号十四、图像标签十五、链接标…...

编程日记 2023/2/24 6:22:53

SpringBoot入门（二）

这里写目录标题一、SpringBoot整合Junit1.1 搭建SpringBoot工程1.2 引入starter-test起步依赖1.3 编写类1.4 测试二、SpringBoot整合mybatis2.1 搭建SpringBoot工程2.2 引入mybatis起步依赖，添加驱动2.3 编写DataSource和MyBatis相关配置2.4 定义表和实体类2.5 编写…...

编程日记 2023/2/24 6:21:47

大数据｜大数据基础（概念向）

目录 📚大数据概念 🐇常见数据存储单位 🐇大数据的特点（5V） 🐇大数据 VS 数据库 🌟数据库 🌟大数据 📚大数据业务分析基本步骤 🐇收集数据 &#x1f4…...

编程日记 2023/2/24 6:20:44

若依配置教程（九）若依前后端分离版部署到服务器Nginx（Windows版）

搭建若依环境要部署到服务器上，首先要在本地运行若依系统文章目录搭建若依环境后端部署1.在application.yml中修改后台端口，这里默认是8080。2.在application-druid.yml中修改正式环境数据库。3.后端打包部署前端部署下载安装NginxNginx代理配置启动N…...

编程日记 2023/2/24 6:19:38

【仔细理解】计算机视觉基础1——特征提取之Harris角点

Harris角点是图像特征提取中最基本的方法，本篇内容将详细分析Harris角点的定义、计算方法、特点。一、Harris角点定义在图像中，若以正方形的小像素窗口为基本单位，按照上图可以将它们划分三种类型如下： 平坦区域：在任…...

编程日记 2023/2/24 6:18:30

Elasticsearch7.8.0版本进阶——近实时搜索

目录一、近实时搜索的概述1.1、按段（per-segment）搜索1.2、更轻量的方式搜索二、为什么Elasticsearch是近实时搜索三、如何解决索引了一个文档然后却没有搜到四、哪种情况不需要每秒刷新4.1、使用 Elasticsearch 索引大量的日志文件4.2、使用 Elastics…...

编程日记 2023/2/24 6:17:24

OAK相机深度流探测草莓距离

编辑：OAK中国首发：oakchina.cn 喜欢的话，请多多👍⭐️✍ 内容可能会不定期更新，官网内容都是最新的，请查看首发地址链接。 ▌前言 Hello，大家好，这里是OAK中国，我是助手…...

编程日记 2023/2/24 6:16:18

文件共享服务器（CIFS）的相关知识及指令

文件共享服务器（CIFS） 微软开发的共享服务器概述通过网络提供文件共享拂去，提供文件下载和上传服务（类似于FTP服务器） 创建共享通过本地登录时，仅受NTFS权限的控制通过网络访问时，受共享…...

编程日记 2023/2/24 6:15:13

springcloud-2service consumer

创建使用会员微服务模块-service consumer思路分析/图解创建Moduel(member-service-consumer-80) & 完成配置new Module->member-service-consumer-80->finish检查父子项目的pom是否添加相应的对应module和parent本项目的pom.xml可以参考provider的，并删掉…...

编程日记 2023/2/24 6:14:08

JavaScript 进阶--charater3

文章目录前言一、编程思想1.1 面向过程介绍1.2 面向对象编程 (oop)对比二、构造函数三、原型3.1原型3.2 constructor 属性3.3 对象原型3.4 原型继承3.5 原型链总结前言 🆑学习目标理解面向对象思想，掌握函数原型对象运用面向对象封装继承特点&#xf…...

编程日记 2023/2/24 6:13:02

Solon2 之基础：三、启动参数说明

启动参数，在应用启动后会被静态化（为了内部更高效的利用）。比如，想通过体外扩展加载配置，是不能改掉它们的。 1、启动参数启动参数对应的应用配置描述–envsolon.env环境（可用于内部配置切换&#xff09…...

编程日记 2023/2/24 6:11:56

引入防关联浏览器以防止数据盗窃

目前，互联网已成为我们生活中不可缺少的且不断发展的一部分。因此，互联网变得更加复杂和多样化，每天都有新的技术、服务和应用推出。在这个不断变化的环境中，虚拟浏览器最近作为一种革命性的新方式出现在互联网上。简而言之&…...

编程日记 2023/2/24 6:10:51

Spring的一些知识点

什么是Spring？ Spring是一种轻量级的开发框架，旨在提高开发人员的开发效率以及系统的可维护性。 Spring的核心模块 Spring Core是基础模块，可以说Spring的其他功能都要依赖于该类库，主要提供IOC的依赖注入功能； Spri…...

编程日记 2023/2/24 6:08:40

使用WordPress快速搭建外贸网站教程

一、下载安装 1、首先前往官方下载wordPress框架，下载地址：Download | WordPress.org 2、把下载好的安装包上传到我们的服务器，解压 3、我使用的搭建环境是宝塔Linux CentOS 7.9（Apache2.4mysql5.6php7.4）&#xf…...

编程日记 2023/2/24 6:07:36

在 vue 或 react 项目中使用 mockjs 搭建 mock server

有时候，在公司里一些项目开发前，后端接口没那么快给到前端时，前端可以先跟后端约定好各个接口的请求路径、请求参数以及返回数据格式，先整理出一份接口文档，这样前端可以通过mockjs参考接口文档，自己先模拟…...

编程日记 2023/2/24 6:06:32

ans 0for i in range(1,2021):ans (str(i).count(2))print(ans)第二个def check(s):return s 2020matrix []s input()while 1 not in s:matrix.append(list(s))s input()n,m len(matrix),len(matrix[0])ans 0for i in range(n):for j in range(m):if i 3 < n and c…...

编程日记 2023/2/24 6:04:20

vm 网络配置

点击NAT设置，配置本台虚拟机ip（注意网关要在同一个网段），配置对应端口然后添加映射端口： 然后选择网络适配器选择vm8网卡配置网卡静态ip #查看网卡 ip addr #修改网卡配置 cd /etc/sysconfig/network-scripts…...

编程日记 2023/2/24 6:03:13

2023年CDGA考试-第11章-数据仓库和商务智能(含答案)

2023年CDGA考试-第11章-数据仓库和商务智能(含答案) 单选题 1.商务智能是在构建好数据仓库以后,支撑业务决策风险管理等更高层面的分析,以下描述不符合的是: A.提供数据查询、分析和报表等珈能 B.通过收集。整合分析和探索数据来支持决策 C.对数据进行可视化 D.从数据中…...

编程日记 2023/2/24 6:02:07

从0-1搭建流媒体系统之live555 安装、运行、转发、拉流

流媒体开发系列文章文章目录流媒体开发系列文章前言一、环境准备？二、安装编译过程三、vscode调试代码四、代码分析总结前言目前、比较有名的流媒体服务器有ZLMediaKit、srs、live555、eadydarwin等。因为srs是单线程服务、对于多核服务器的支持需要通过部署多个服务来充分…...

编程日记 2023/2/24 6:01:02

搭建个人博客保姆级教程（二）

文章目录一. Springboot项目打包成jar包二. mySql部署三. UI 项目部署一. Springboot项目打包成jar包使用IDEA进行打包，当然也有其他部署方式，如使用maven进行打包，可自行查询资料。 1.打开项目，右击项目选中Open Module Settin…...

编程日记 2023/2/24 5:59:57

深度学习在微纳光子学中的应用

深度学习在微纳光子学中的主要应用方向深度学习与微纳光子学的结合主要集中在以下几个方向： 逆向设计通过神经网络快速预测微纳结构的光学响应，替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。特征提取与优化从复杂的光学数据中自…...

编程新知 2026/2/10 7:11:42

大数据学习栈记——Neo4j的安装与使用

本文介绍图数据库Neofj的安装与使用，操作系统：Ubuntu24.04，Neofj版本：2025.04.0。 Apt安装 Neofj可以进行官网安装：Neo4j Deployment Center - Graph Database & Analytics 我这里安装是添加软件源的方法最新版…...

编程新知 2026/2/8 4:37:08

C++初阶-list的底层

目录 1.std::list实现的所有代码 2.list的简单介绍 2.1实现list的类 2.2_list_iterator的实现 2.2.1_list_iterator实现的原因和好处 2.2.2_list_iterator实现 2.3_list_node的实现 2.3.1. 避免递归的模板依赖 2.3.2. 内存布局一致性 2.3.3. 类型安全的替代方案 2.3.…...

编程新知 2026/2/8 20:42:41

大话软工笔记—需求分析概述

需求分析，就是要对需求调研收集到的资料信息逐个地进行拆分、研究，从大量的不确定“需求”中确定出哪些需求最终要转换为确定的“功能需求”。需求分析的作用非常重要，后续设计的依据主要来自于需求分析的成果，包括: 项目的目的…...

编程新知 2026/1/28 10:58:50

安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件

在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...

编程新知 2026/2/5 17:57:20

条件运算符

C中的三目运算符（也称条件运算符，英文：ternary operator）是一种简洁的条件选择语句，语法如下： 条件表达式 ? 表达式1 : 表达式2• 如果“条件表达式”为true，则整个表达式的结果为“表达式1”…...

编程新知 2025/12/6 22:50:48

《基于Apache Flink的流处理》笔记

思维导图 1-3 章 4-7章 8-11 章参考资料源码： https://github.com/streaming-with-flink 博客 https://flink.apache.org/bloghttps://www.ververica.com/blog 聚会及会议 https://flink-forward.orghttps://www.meetup.com/topics/apache-flink https://n…...

编程新知 2026/1/31 14:55:53