HTML 基础【快速掌握知识点】
目录
一、什么是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标签 八、标题标签 九、段落标签 十、换行标签 十一、水平线标签 十二、字体样式标签 十三、特殊符号 十四、图像标签 十五、链接标…...
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 编写…...
大数据｜大数据基础（概念向）
目录 📚大数据概念 🐇常见数据存储单位 🐇大数据的特点（5V） 🐇大数据 VS 数据库 🌟数据库 🌟大数据 📚大数据业务分析基本步骤 🐇收集数据 Ǵ…...
若依配置教程（九）若依前后端分离版部署到服务器Nginx（Windows版）
搭建若依环境 要部署到服务器上，首先要在本地运行若依系统 文章目录搭建若依环境后端部署1.在application.yml中修改后台端口，这里默认是8080。2.在application-druid.yml中修改正式环境数据库。3.后端打包部署前端部署下载安装NginxNginx代理配置启动N…...
【仔细理解】计算机视觉基础1——特征提取之Harris角点
Harris角点是图像特征提取中最基本的方法，本篇内容将详细分析Harris角点的定义、计算方法、特点。 一、Harris角点定义 在图像中，若以正方形的小像素窗口为基本单位，按照上图可以将它们划分三种类型如下： 平坦区域：在任…...
Elasticsearch7.8.0版本进阶——近实时搜索
目录一、近实时搜索的概述1.1、按段（per-segment）搜索1.2、更轻量的方式搜索二、为什么Elasticsearch是 近 实时搜索三、如何解决索引了一个文档然后却没有搜到四、哪种情况不需要每秒刷新4.1、使用 Elasticsearch 索引大量的日志文件4.2、使用 Elastics…...
OAK相机深度流探测草莓距离
编辑：OAK中国 首发：oakchina.cn 喜欢的话，请多多👍⭐️✍ 内容可能会不定期更新，官网内容都是最新的，请查看首发地址链接。 ▌前言 Hello，大家好，这里是OAK中国，我是助手…...
文件共享服务器（CIFS）的相关知识及指令
文件共享服务器（CIFS） 微软开发的 共享服务器概述 通过网络提供文件共享拂去，提供文件下载和上传服务（类似于FTP服务器） 创建共享 通过本地登录时，仅受NTFS权限的控制通过网络访问时，受共享…...
springcloud-2service consumer
创建使用会员微服务模块-service consumer思路分析/图解创建Moduel(member-service-consumer-80) & 完成配置new Module->member-service-consumer-80->finish检查父子项目的pom是否添加相应的对应module和parent本项目的pom.xml可以参考provider的，并删掉…...
JavaScript 进阶--charater3
文章目录前言一、编程思想1.1 面向过程介绍1.2 面向对象编程 (oop)对比二、构造函数三、原型3.1原型3.2 constructor 属性3.3 对象原型3.4 原型继承3.5 原型链总结前言 🆑学习目标 理解面向对象思想，掌握函数原型对象运用面向对象封装继承特点…...
Solon2 之基础：三、启动参数说明
启动参数，在应用启动后会被静态化（为了内部更高效的利用）。比如，想通过体外扩展加载配置，是不能改掉它们的。 1、启动参数 启动参数对应的应用配置描述–envsolon.env环境（可用于内部配置切换）…...
引入防关联浏览器以防止数据盗窃
目前，互联网已成为我们生活中不可缺少的且不断发展的一部分。因此，互联网变得更加复杂和多样化，每天都有新的技术、服务和应用推出。在这个不断变化的环境中，虚拟浏览器最近作为一种革命性的新方式出现在互联网上。 简而言之&…...
Spring的一些知识点
什么是Spring？ Spring是一种轻量级的开发框架，旨在提高开发人员的开发效率以及系统的可维护性。 Spring的核心模块 Spring Core是基础模块，可以说Spring的其他功能都要依赖于该类库，主要提供IOC的依赖注入功能； Spri…...
使用WordPress快速搭建外贸网站教程
一、下载安装 1、首先前往官方下载wordPress框架，下载地址：Download | WordPress.org 2、把下载好的安装包上传到我们的服务器，解压 3、我使用的搭建环境是宝塔Linux CentOS 7.9（Apache2.4mysql5.6php7.4）…...
在 vue 或 react 项目中使用 mockjs 搭建 mock server
有时候，在公司里一些项目开发前，后端接口没那么快给到前端时，前端可以先跟后端约定好各个接口的请求路径、请求参数以及返回数据格式，先整理出一份接口文档，这样前端可以通过mockjs参考接口文档，自己先模拟…...
【十一届蓝桥杯】
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…...
vm 网络配置
点击NAT设置，配置本台虚拟机ip（注意网关要在同一个网段），配置对应端口 然后添加映射端口： 然后选择网络适配器 选择vm8网卡 配置网卡静态ip #查看网卡 ip addr #修改网卡配置 cd /etc/sysconfig/network-scripts…...
)
2023年CDGA考试-第11章-数据仓库和商务智能(含答案)
2023年CDGA考试-第11章-数据仓库和商务智能(含答案) 单选题 1.商务智能是在构建好数据仓库以后,支撑业务决策 风险管理等更高层面的分析,以下描述不符合的是: A.提供数据查询、分析和报表等珈能 B.通过收集。整合 分析和探索数据来支持决策 C.对数据进行可视化 D.从数据中…...
从0-1搭建流媒体系统之live555 安装、运行、转发、拉流
流媒体开发系列文章 文章目录 流媒体开发系列文章前言一、环境准备？二、安装编译过程三、vscode调试代码四、代码分析总结前言 目前、比较有名的流媒体服务器有ZLMediaKit、srs、live555、eadydarwin等。因为srs是单线程服务、对于多核服务器的支持需要通过部署多个服务来充分…...
搭建个人博客保姆级教程（二）
文章目录一. Springboot项目打包成jar包二. mySql部署三. UI 项目部署一. Springboot项目打包成jar包 使用IDEA进行打包，当然也有其他部署方式，如使用maven进行打包，可自行查询资料。 1.打开项目，右击项目选中Open Module Settin…...
【网络】每天掌握一个Linux命令 - iftop
在Linux系统中，iftop是网络管理的得力助手，能实时监控网络流量、连接情况等，帮助排查网络异常。接下来从多方面详细介绍它。 目录 【网络】每天掌握一个Linux命令 - iftop工具概述安装方式核心功能基础用法进阶操作实战案例面试题场景生产场景…...
)
Java 语言特性(面试系列2)
一、SQL 基础 1. 复杂查询 （1）连接查询（JOIN） 内连接（INNER JOIN）：返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...
CVPR 2025 MIMO: 支持视觉指代和像素grounding 的医学视觉语言模型
CVPR 2025 | MIMO：支持视觉指代和像素对齐的医学视觉语言模型 论文信息 标题：MIMO: A medical vision language model with visual referring multimodal input and pixel grounding multimodal output作者：Yanyuan Chen, Dexuan Xu, Yu Hu…...
Oracle查询表空间大小
1 查询数据库中所有的表空间以及表空间所占空间的大小 SELECTtablespace_name,sum( bytes ) / 1024 / 1024 FROMdba_data_files GROUP BYtablespace_name; 2 Oracle查询表空间大小及每个表所占空间的大小 SELECTtablespace_name,file_id,file_name,round( bytes / ( 1024 …...
-----深度优先搜索（DFS）实现)
c++ 面试题(1)-----深度优先搜索（DFS）实现
操作系统：ubuntu22.04 IDE:Visual Studio Code 编程语言：C11 题目描述 地上有一个 m 行 n 列的方格，从坐标 [0,0] 起始。一个机器人可以从某一格移动到上下左右四个格子，但不能进入行坐标和列坐标的数位之和大于 k 的格子。 例…...
论文解读：交大港大上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一）
宇树机器人多姿态起立控制强化学习框架论文解析 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化学习框架（一） 论文解读：交大&港大&上海AI Lab开源论文 | 宇树机器人多姿态起立控制强化…...
【HTML-16】深入理解HTML中的块元素与行内元素
HTML元素根据其显示特性可以分为两大类：块元素(Block-level Elements)和行内元素(Inline Elements)。理解这两者的区别对于构建良好的网页布局至关重要。本文将全面解析这两种元素的特性、区别以及实际应用场景。 1. 块元素(Block-level Elements) 1.1 基本特性 …...
Spring AI 入门：Java 开发者的生成式 AI 实践之路
一、Spring AI 简介 在人工智能技术快速迭代的今天，Spring AI 作为 Spring 生态系统的新生力量，正在成为 Java 开发者拥抱生成式 AI 的最佳选择。该框架通过模块化设计实现了与主流 AI 服务（如 OpenAI、Anthropic）的无缝对接&…...
AI，如何重构理解、匹配与决策？
AI 时代，我们如何理解消费？ 作者｜王彬 封面｜Unplash 人们通过信息理解世界。 曾几何时，PC 与移动互联网重塑了人们的购物路径：信息变得唾手可得，商品决策变得高度依赖内容。 但 AI 时代的来…...
Linux nano命令的基本使用
参考资料 GNU nanoを使いこなすnano基础 目录 一. 简介二. 文件打开2.1 普通方式打开文件2.2 只读方式打开文件 三. 文件查看3.1 打开文件时，显示行号3.2 翻页查看 四. 文件编辑4.1 Ctrl K 复制 和 Ctrl U 粘贴4.2 Alt/Esc U 撤回 五. 文件保存与退出5.1 Ctrl …...