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

html5复习一

news 文章来源：https://blog.csdn.net/qq_27248989/article/details/143882630 2025/5/6 20:58:44

目标
1、html5介绍及开发工具
2、html5标签
3、文本样式
4、图片标签和超链接标签

知识点：
万维网的构成：
1、url:统一资源定位器
2、http/https:超文本传输协议
3、html：超文本标记语言

html的后缀名：
.html 和  .htm

html基本标准结构：
<html>               --html文档标签
    <head>                                           --html文档头部标签
        <meta charset="utf-8" />        --声明文档字符编码语言   utf-8/gbk/gb2312
        <title>第一个练习</title>            --html文档标题
    </head>
    <body>                        --html文档主体
        我要显示正文内容
    </body>
</html>

html的注释
<!--    注释的内容  -->      ctrl+/    注释内容不会被浏览器解析，用作标记

标题标签
<h1   align="对齐方式">~<h6>  数字越大字体越小   独占一行
align=""   对齐方式的属性    left 左/center 中/right 右

段落标签
<p align=""  title="" style="">文本</p>
align:对齐方式
style:内嵌样式  <p style="text-indent: 2em;"></p>   首行缩进2个字符
title:提示信息

字体标签
<font face=""  color="" size="">文本</font>
face:字体   微软雅黑
color:颜色     16进制#ff0000  / 英文单词 red
size:字体大小    数值越大字体越大  1-7

换行标签
<br/>  单标签  

水平线标签（单标签）
<hr width="100px" size="5px" noshade="noshade" color="green"/>
width:宽度   像素作为单位/百分比
size:水平线的粗细   像素作单位
noshade:去除阴影       当没有颜色值设置时，设置才有效
color:水平线颜色

<hr/>默认值：为宽度为100%，颜色为灰色镂空有阴影的直线

特殊符号：
&lt;   <
&gt;   >
&nbsp;空格
&copy;  版权符号©

图片标签
<img  src="img/libai.jpg" width="200px" height="300px"
            border="3"  title="这是一个帅气的诗人" align="center" alt=""/>

src:图片的地址     相对路径和绝对路径
width：宽度
height：高度
border:边框   数字大小
title：鼠标浮动至图片提示信息
align：对齐方式   左对齐left/右对齐right/上对齐 top /居中对齐 middle /底部对齐bottom
alt：图片没有找到时显示的文本信息

相对路径/绝对路径
相对路径：   ../ 表示上一级       存在项目的路径下，相对本文件所在的位置填写路径
绝对路径：1、网络图片，带http://  url      2、带盘符路径    弊端 ：不方便项目迁移

超链接标签
1、
<a href="http://www.baidu.com" target=""></a>
<a href="../index2.html" target=""></a>
href:设置连接地址
target:打开方式      _self当前窗口打开/_blank 新窗口打开/_parent 父级窗口打开（框架）/_top 顶级窗口打开（框架）

2、锚点
（在同一个页面中，回到顶层）
<a href="#名字"></a>   定义点击位置
<a name="名字"></a>   定义需要回到页面的指定位置

相关文章：

html5复习一

目标 1、html5介绍及开发工具 2、html5标签 3、文本样式 4、图片标签和超链接标签 知识点&#xff1a; 万维网的构成&#xff1a; 1、url:统一资源定位器 2、http/https:超文本传输协议 3、html&#xff1a;超文本标记语言 html的后缀名&#xff1a; .html 和 .htm html基本…...

编程日记 2024/11/23 11:45:09

SSL/TLS，SSL，TLS分别是什么

SSL/TLS&#xff0c;SSL&#xff0c;TLS分别是什么 SSL&#xff08;Secure Sockets Layer&#xff0c;安全套接层&#xff09; 定义与发展历程&#xff1a; SSL 是一种早期的网络安全协议&#xff0c;旨在为网络通信提供保密性、数据完整性和身份验证等安全保障。它最初由网景…...

编程日记 2024/11/23 11:44:07

css iframe标签使用

<iframe> 标签用于在网页中嵌入另一个 HTML 页面。它非常灵活&#xff0c;可用于嵌入内容&#xff0c;比如其他网站、视频、地图等。以下是有关 <iframe> 的详细介绍及使用方法&#xff1a; 基本语法 <iframe src"URL" width"宽度" height…...

编程日记 2024/11/23 11:43:06

API的妙用

我们都知道&#xff0c;通过使用API可以快速开发部署应用&#xff0c;不需要从头开始收集处理数据。能够很好地提高效率。 一、加速应用程序开发和部署 通过调用API接口&#xff0c;可以快速获取数据、实现功能或整合其他服务&#xff0c;无需从零开始编写大量的代码&#xf…...

编程日记 2024/11/23 11:38:01

HTML5超酷响应式视频背景动画特效(六种风格，附源码)

文章目录 1.设计来源1.1 大气蓬勃动态背景界面效果1.2 星空闪闪动态背景界面效果1.3 眼神深眸动态背景界面效果1.4 星空银河动态背景界面效果1.5 花开花落动态背景界面效果1.6 海底世界动态背景界面效果 2.效果和源码2.1 动态效果2.2 源代码 源码下载万套模板&#xff0c;程序开…...

编程日记 2024/11/23 11:35:57

Spire.PDF for .NET【页面设置】演示：打开 PDF 时自动显示书签或缩略图

用户打开 PDF 文档时&#xff0c;他们会看到 PDF 的初始视图。默认情况下&#xff0c;打开 PDF 时不会显示书签面板或缩略图面板。在本文中&#xff0c;我们将演示如何设置文档属性&#xff0c;以便每次启动文件时都会打开书签面板或缩略图面板。 Spire.PDF for .NET 是一款独…...

编程日记 2024/11/23 11:34:53

算法中常用到的数学知识：埃拉托色尼筛法(获取质数)、欧几里得算法(求两个数最大公因数)

不管是在项目中还是面试时&#xff0c;一定的算法能力都是极其重要的。大多数算法只要有一定的基础&#xff0c;给足够的时间是可以写出来的&#xff0c;然而有一类算法&#xff0c;说难也不难&#xff0c;说简单也不简单&#xff0c;这种算法通常涉及到某种数学知识&#xff0…...

编程日记 2024/11/23 11:31:42

实战OpenCV之人脸识别

基础入门 随着计算机视觉技术和深度学习的发展，人脸识别已经成为一项广泛应用的技术，涵盖了从安全监控、身份验证、智能家居到大型公共安全项目等多个领域。 人脸识别技术通常包括以下几个主要步骤。 图像采集：通过摄像头或其他图像采集设备，捕获包含人脸的图像或视频帧。 …...

编程日记 2024/11/23 11:30:40

图像预处理之图像滤波

目录 图像滤波概览 均值滤波&#xff08;Mean Filter&#xff09; 中值滤波&#xff08;Median Filter&#xff09; 高斯滤波&#xff08;Gaussian Filter&#xff09; 双边滤波&#xff08;Bilateral Filter&#xff09; 方框滤波&#xff08;Box Filter&#xff09; S…...

编程日记 2024/11/23 11:28:39

【通俗理解】隐变量的变分分布探索——从公式到应用

【通俗理解】隐变量的变分分布探索——从公式到应用 关键词提炼 #隐变量 #变分分布 #概率模型 #公式推导 #期望最大化 #机器学习 #变分贝叶斯 #隐马尔可夫模型 第一节&#xff1a;隐变量的变分分布的类比与核心概念【尽可能通俗】 隐变量的变分分布就像是一场“捉迷藏”游戏…...

编程日记 2024/11/23 11:27:35

PyTorch 分布式并行计算

0. Abstract 使用 PyTorch 进行多卡训练, 最简单的是 DataParallel, 仅仅添加一两行代码就可以使模型在多张 GPU 上并行地计算. 但它是比较老的方法, 官方推荐使用新的 Distributed Data Parallel, 更加灵活与强大: 1. Distributed Data Parallel (DDP) 从一个简单的非分布…...

编程日记 2024/11/23 11:26:34

[cg] vulkan external_memory

最近在写硬件编码的代码&#xff0c;渲染器渲染出的RT需要给到编码器做硬编&#xff0c;有两种方法能做。 一是通过 map的方式&#xff0c;把显存里的数据读到cpu&#xff0c;拷贝一份cpu data给编码器&#xff0c;但这种方式会有内存拷贝的开销。所以&#xff0c;我们思考是否…...

编程日记 2024/11/23 11:25:33

如何使用Python代码实现给GPU预加热

如何使用Python代码实现给GPU预加热 一、引言二、使用深度学习框架进行预加热2.1 TensorFlow预加热2.2 PyTorch预加热三、使用CUDA进行预加热四、预加热的效果评估与优化五、结论与展望在高性能计算和深度学习领域，GPU（图形处理器）已经成为不可或缺的加速工具。然而，在实际…...

编程日记 2024/11/23 11:24:32

硬件知识 cadence16.6 原理图输出为pdf 网络名下划线偏移 （ORCAD）

1. cadence原理图输出为PDF网络名下划线偏移 生这种情况的原因 1. 设计的原理图图纸大小比正常的 A4图纸大。 2. 打印为PDF 的时候&#xff0c;打印机的设置有问题。 2.cadence原理图输出为 PDF网络名下划线偏移的情况 可以看到上图&#xff0c;网络名往上漂移。 3. 解决办法 …...

编程日记 2024/11/23 11:23:31

ffmpeg视频滤镜：提取缩略图-framestep

滤镜描述 官网地址 > FFmpeg Filters Documentation 这个滤镜会间隔N帧抽取一帧图片&#xff0c;因此这个可以用于设置视频的缩略图。总体上这个滤镜比较简单。 滤镜使用 滤镜参数 framestep AVOptions:step <int> ..FV....... set frame st…...

编程日记 2024/11/23 11:22:30

RecyclerView详解——（四）缓存复用机制

稍微看了下源码和部分文章&#xff0c;在此做个小小的总结 RecyclerView&#xff0c;意思为可回收的view&#xff0c;那么相对于listview&#xff0c;他的缓存复用肯定是一大优化。 具体而言&#xff0c;当一个列表项被移出屏幕后&#xff0c;RecyclerView并不会销毁其视图&a…...

编程日记 2024/11/23 11:21:23

进程 系统调用 中断

进程P通过执行系统调用从键盘接收一个字符的输入&#xff0c;已知此过程中与进程P相关的操作包括&#xff1a; ①将进程P插入就绪队列&#xff1b; ②将进程P插入阻塞队列&#xff1b; ③将字符从键盘控制器读入系统缓冲区&#xff1b; ④启动键盘中断处理程序&#xff1b; …...

编程日记 2024/11/23 11:19:21

演讲回顾丨杭州悦数 CTO 叶小萌：图数据库发展新航向——拥抱 GQL，融合 HTAP，携手 AI

本文为杭州悦数 CTO 叶小萌在“标准智能&#xff1a;新质生产力的原动力”悦数图数据库新产品发布会上的演讲回顾&#xff0c;主题为&#xff1a;《新标准、新期待&#xff1a;展望图数据库发展的关键方向》 各位嘉宾、悦数图数据库的用户以及线上的观众朋友们大家好&#xff0…...

编程日记 2024/11/23 11:18:19

Java安全—JNDI注入RMI服务LDAP服务JDK绕过

前言 上次讲到JNDI注入这个玩意&#xff0c;但是没有细讲&#xff0c;现在就给它详细地讲个明白。 JNDI注入 那什么是JNDI注入呢&#xff0c;JNDI全称为 Java Naming and Directory Interface&#xff08;Java命名和目录接口&#xff09;&#xff0c;是一组应用程序接口&…...

编程日记 2024/11/23 11:16:15

C++：设计模式-单例模式

单例模式&#xff08;Singleton Pattern&#xff09;是一种设计模式&#xff0c;确保一个类只有一个实例&#xff0c;并且提供全局访问点。实现单例模式的关键是防止类被多次实例化&#xff0c;且能够保证实例的唯一性。常见的实现手法包括懒汉式、饿汉式、线程安全的懒汉式等。…...

编程日记 2024/11/23 11:13:12

Softing工业将OPC UA信息建模集成到边缘应用和安全集成服务器中

Softing工业宣布将OPC UA&#xff08;统一架构&#xff09;信息建模集成到其边缘产品系列及安全集成服务器&#xff08;SIS&#xff09;中&#xff0c;这一技术进步使得在工业物联网&#xff08;IIoT&#xff09;应用中的数据集成、交换与控制更加无缝、有效。 &#xff08;OPC…...

编程日记 2024/11/23 11:11:10

WPF中如何让Textbox显示为一条直线

由于Textbox直接使用是一条直线 设置如下代码 可以让Textbox变为直线输入 <Style TargetType"TextBox"x:Key"UsernameTextBoxStyle"><Setter Property"Template"><Setter.Value><ControlTemplate TargetType"{x:Typ…...

编程日记 2024/11/23 11:08:08

VSCode汉化教程【简洁易懂】

我们安装完成后默认是英文界面。 找到插件选项卡&#xff0c;搜索“Chinese”&#xff0c;找到简体&#xff08;更具你的需要&#xff09;&#xff08;Microsoft提供&#xff09;Install。 安装完成后选择Change Language and Restart。...

编程日记 2024/11/23 11:07:06

跨平台多开账号防关联：轻松管理多个账号！

对于跨境电商、独立站以及社媒营销领域&#xff0c;如何高效管理多个账号、确保账号安全是企业面临的重大挑战。那么如何仅用一台电脑就能实现跨平台多开账号呢&#xff1f; 一、为什么需要跨平台多开账号并防关联&#xff1f; 1. 品牌推广&#xff1a;不同平台拥有不同的用户…...

编程日记 2024/11/23 11:06:05

DICOM图像处理：深入解析DICOM彩色图像中的Planar配置及其对像素数据解析处理的实现

引言 在DICOM（Digital Imaging and Communications in Medicine）标准中，彩色图像的存储与显示涉及多个关键属性，其中**Planar Configuration（平面配置）**属性（标签 (0028,0006)）尤为重要。当遇到彩色DICOM图像在浏览时被错误地分割为9张小图，而实际应显示为一…...

编程日记 2024/11/23 11:04:02

jupyter notebook的 markdown相关技巧

目录 1 先选择为markdown类型 2 开关技巧 2.1 运行markdown 2.2 退出markdown显示效果 2.3 注意点&#xff1a;一定要 先选择为markdown类型 3 一些设置技巧 3.1 数学公式 3.2 制表 3.3 目录和列表 3.4 设置各种字体效果&#xff1a;加粗&#xff0c;斜体&#x…...

编程日记 2024/11/23 11:01:58

Linux连接网络的三种方式

Linux 连接网络的三种常见方式如下&#xff1a; 桥接模式 原理&#xff1a;虚拟网络接口与物理网络接口或另一个虚拟接口 “桥接”&#xff0c;形成逻辑上的网络交换机&#xff0c;使所有通过该桥接设备的数据包能被转发到桥接组中的所有接口&#xff0c;如同在一个局域网内…...

编程日记 2024/11/23 10:59:56

##继承##

继承的概念 #继承是新模板基于老模板的基础上修改而成&#xff0c;制作新模板时不需要重新开始制作&#xff0c;可以在老模板的基础上进行修改.(如手机版本的换代&#xff0c;软件的版本更新等) #程序也可以继承 继承的格式: class 继承模块&#xff08;被继承模块&#xff…...

编程日记 2024/11/23 10:58:54

2024 APMCM亚太数学建模C题 - 宠物行业及相关产业的发展分析和策略 完整参考论文（1）

摘要 近年来，中国宠物食品行业迅速增长，但面临复杂的国际形势和多变的市场环境，因此科学地分析和预测该行业的发展趋势至关重要。本研究通过构建多个机器学习与统计回归模型，量化分析中国宠物食品行业的关键驱动因素，预测未来宠物食品总产值和出口值。 在数据处理部分，…...

编程日记 2024/11/23 10:53:48

uni-app 修改复选框checkbox选中后背景和字体颜色

编写css&#xff08;注意&#xff1a;这个样式必须写在App.vue里&#xff09; /* 复选框 */ /* 复选框-圆角 */ checkbox.checkbox-round .wx-checkbox-input, checkbox.checkbox-round .uni-checkbox-input {border-radius: 100rpx; } /* 复选框-背景颜色 */ checkbox.checkb…...

编程日记 2024/11/23 10:52:46