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

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

news 文章来源：https://blog.csdn.net/m0_67906358/article/details/129190681 2025/4/21 14:38:19

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

数字图像处理与Python实现-Pillow图像处理

Pillow图像处理文章目录 Pillow图像处理1、Pillow介绍2、 Pillow 中的Image模块和Image类2.1 读取图像2.2 图像大小调整2.3 图像保存2.4 图像旋转2.5 图像储存模式与转换3、图像滤波处理3.1 使用卷积核进行滤波3.2 图像模糊、锐化和平滑3.3 边缘检测、边缘增强和浮雕效果3.4 图…...

编程日记 2023/2/24 5:58:52

HMM隐马尔可夫模型 | 关键原理+面试知识点

😄 HMM之前跟人生导师：李航学习过，这里结合自己的理解，精简一波HMM，总结一下面试中高频出现的要点。文章目录 1、何为HMM？2、HMM三要素：3、HMM两大强假设4、HMM三个基本问题：5、HMM中涉及的算法6、HMM缺点7、面试高频题7.1、HMM中为何引入维特比算法作为预测算法？…...

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

【Leedcode】数据结构中链表必备的面试题（第三期）

【Leedcode】数据结构中链表必备的面试题（第三期） 文章目录【Leedcode】数据结构中链表必备的面试题（第三期）一、第一题1.题目2.思路3.源代码二、第二题1.题目2.思路(1)第一种情况：偶数个链表(2)第二种情况&#xff1a…...

编程日记 2023/2/24 5:56:36

D1.Chopping Carrots (Easy Version)【数学，二分，暴力，思维】

链接理论基础已知正整数a,v,求证m⌊av⌋是满足⌊am⌋⩾v的最大的m，其中x是正整数已知正整数a,v,求证m\lfloor \frac {a}{v} \rfloor是满足\lfloor \frac {a}{m} \rfloor \geqslant v的最大的m，其中x是正整数已知正整数a,v,求证m⌊va⌋是满足⌊ma⌋…...

编程日记 2023/2/24 5:55:32

【Maven】（二）使用 Maven 创建并运行项目、聊聊 POM 中的坐标与版本号的规则

文章目录1.前言2.hello-world2.1.Archetype 创建2.2.使用 IDE 创建2.3.Maven的目录结构3.pom的基本组成3.1.Maven坐标的概念与规则3.2.版本号规则2.3.打包成可运行的JAR4.结语1.前言本系列文章记录了从0开始到实战系统了解 Maven 的过程，Maven 系列历史文章&#…...

编程日记 2023/2/24 5:54:26

（考研湖科大教书匠计算机网络）第六章应用层-第六节：电子邮件

获取pdf：密码7281专栏目录首页：【专栏必读】考研湖科大教书匠计算机网络笔记导航文章目录一：电子邮件（1）概述（2）举例二：简单邮件传送协议SMTP（1）SMTP基本工作…...

编程日记 2023/2/24 5:53:21

一、初识TypeScript、什么是类型系统

初识TypeScript、什么是类型系统快速上手TypeScript 安装方式： > npm install -g typescriptTypeScript是JavaScript类型的超集，包含JS的所有语法，它可以编译成纯JavaScript。意味着，纯js代码可以在.ts后缀名文件中编译 …...

编程日记 2023/2/24 5:52:16

一文了解什么是字节对齐（超详细）

什么是字节对齐 1.空类 class A {}对空类做sizeof（）计算时应当等于1 2.带虚函数的类如果有一个类，包含两个32位整型的数据成员，一个普通成员函数，还有一个virtual虚函数，在32位机器上，这个…...

编程日记 2023/2/24 5:51:08

Java无法通过形参设置为null改变实参

文章目录问题描述问题例子问题分析问题描述在实际业务开发过程中，我们会把实参传递给形参，在方法体内对引用对象进行构建或者修改，从而改变实参，因为对形参对象属性修改时，实参对象也会随着改变，详情请看&…...

编程日记 2023/2/24 5:50:04

GEE：样本点选择教程

本文记录了在GEE平台上标记样本的技巧和代码脚本，样本点可以用来做土地利用分类、植被提取、水藻提取、冰川提取、农作物提取等应用中。可以应用到的方法包括随机森林（RF）分类，支持矢量机（SVM）分类&#xf…...

编程日记 2023/2/24 5:48:58

一、什么是HTML？

二、HTML的发展史

三、HTML5的优势

四、HTML基本结构

五、DOCTYPE声明

六、title标签

七、meta标签

八、标题标签

九、段落标签

十、换行标签

十一、水平线标签

十二、字体样式标签

十三、特殊符号

十四、图像标签

十五、链接标签

十六、锚链接

1、创建跳转标记

2、创建跳转链接

十七、邮件链接

十八、行内元素和块元素

块元素

行内元素

相关文章：