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

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

news 2026/4/5 9:27:56

一、什么是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

FireRedASR Pro在软件测试中的应用：语音交互功能自动化测试

FireRedASR Pro在软件测试中的应用：语音交互功能自动化测试不知道你有没有遇到过这种情况：开发了一个带语音功能的App，每次更新版本，都得手动对着手机说几十上百句话，来测试语音识别准不准、交互对不对。测试工程师累…...

编程新知 2026/4/5 8:48:25

实战Dell R730xd部署VMware ESXi 7.0U2A：从镜像挂载到系统配置全解析

1. 环境准备与镜像获取在开始安装之前，我们需要确保Dell R730xd服务器和iDRAC远程控制台已经正确配置。这台2U机架式服务器标配双电源冗余，建议先检查硬件状态指示灯是否正常。我遇到过几次因为内存条没插紧导致安装失败的情况，所以建议先打…...

编程新知 2026/4/5 8:09:53

seo优化网站效果好的标准是什么_如何自己进行网站seo优化

SEO优化网站效果好的标准是什么_如何自己进行网站SEO优化在当今数字化时代，网站的SEO优化已经成为每个企业和个人网站成功的关键。SEO优化网站效果好的标准究竟是什么呢？更重要的是，如何自己进行网站SEO优化？本文将详细探讨这些…...

编程新知 2026/4/5 7:37:14

终极指南：使用BetterJoy让Switch手柄变身全能PC游戏控制器

终极指南：使用BetterJoy让Switch手柄变身全能PC游戏控制器【免费下载链接】BetterJoy Allows the Nintendo Switch Pro Controller, Joycons and SNES controller to be used with CEMU, Citra, Dolphin, Yuzu and as generic XInput 项目地址: https://gitcode.…...

编程新知 2026/4/5 7:22:49

Qwen3.5-9B图文对话模型5分钟快速部署教程：零基础小白也能搞定

Qwen3.5-9B图文对话模型5分钟快速部署教程：零基础小白也能搞定 1. 引言：为什么选择Qwen3.5-9B Qwen3.5-9B是一款强大的多模态大模型，能够同时处理文本和图像输入，进行智能对话和内容理解。相比前代产品，它具有三大核…...

编程新知 2026/4/5 7:04:42

OpenClaw压力测试：Qwen3-4B-Thinking-2507-GPT-5-Codex-Distill-GGUF连续执行稳定性报告

OpenClaw压力测试：Qwen3-4B-Thinking-2507-GPT-5-Codex-Distill-GGUF连续执行稳定性报告 1. 测试背景与目标最近在尝试用OpenClaw搭建一个自动化内容处理流水线，核心需求是让AI助手帮我完成文件整理和内容生成工作。具体来说，需要连续执行…...

编程新知 2026/4/5 6:34:14