html的使用
一,HBuilder
–1,使用
直接解压就可以用,
创建项目: 直接点击 新建项目,输入项目名和选中项目存放位置,创建.
创建资源: 选中项目,右键,新建…
二,HTML
–1,概述
是超文本标记语言,专门用来制作网页的.
超文本: 网页中可以包含各种类型的元素.包括: 文字,数字,符号,图片,音频,视频…
标记语言: 是一个独特的语言,有独特的语法. 由大量的标记来描述的一门语言…
网页文件的后缀名: .html / .htm
–2,入门案例
<!-- 这是HTML的注释,这行用来作为文档声明行,声明这是一个HTML文档 -->
<!DOCTYPE html>
<!-- HTML是由大量标记组成,有开始标签和结束标签 -->
<html><!-- head用来描述网页的属性 --><head><meta charset="utf-8"> <!-- 设置网页的编码--><title>html</title><!-- 设置网页的标题 --></head><!-- body用来控制浏览器即将展示的内容 --><body>hello html~hello html~ <br/> <!-- br是换行,自闭标签-->hello html~ <!-- 是空格 --></body>
</html>三,HTML的常用标签
–1,标题标签
在网页中插入一些标题元素(居中,字号加大)
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>常用标签</title></head><body><!-- hbuilder的常用快捷键:复制粘贴ctrl c/v剪切ctrl x--><!-- 1.标题标签 h1大~h6小,自动换行,字体加粗 --><h1>31省份新增本土确诊41例 陕西35例</h1><h2>31省份新增本土确诊41例 陕西35例</h2><h3>31省份新增本土确诊41例 陕西35例</h3><h4>31省份新增本土确诊41例 陕西35例</h4><h5>31省份新增本土确诊41例 陕西35例</h5><h6>31省份新增本土确诊41例 陕西35例</h6></body>
</html>–2,列表标签
在网页中加入列表效果
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>常用标签</title></head><body><!-- 2.列表标签: 有序无序,列表项自动换行 --><h3>热搜榜</h3><!-- 2.1 无序列表:使用ul+li , unorderlist+list --><ul> <li>31省份新增本土确诊41例 陕西35例</li><li>稳住农业基本盘做好三农工作</li></ul><!-- 2.2 有序列表:使用ol+li , orderlist+list --><ol> <li>31省份新增本土确诊41例 陕西35例</li><li>稳住农业基本盘做好三农工作</li></ol></body>
</html>–3,图片标签 & 超链接标签
在网页中加入图片元素
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>常用标签</title></head><body><!-- 练习:做一个能被点击的图片 --><a href="https://www.baidu.com"> <img src="3.jpg"/> </a><br /><!-- 4.超链接 href属性用来让超链接可以被点击,也可以指定点击的跳转网址target属性用来让指定超链接的打开方式,默认是_self当前窗口打开_blank是用新窗口打开--><a href="#">百度一下</a> <br /><a href="https://www.baidu.com/" target="_blank">百度一下</a> <br /><!-- 4.2.锚定:从一个位置回到指定的另一个位置 --><a name="top">我是顶部</a><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><h1>北京富婆通讯录</h1><a href="#top"> ^ </a> <br /><!-- 3.图片标签: 同行展示多个图片src属性用来指定图片位置/路径(如果图片和网页文件在同级文件夹可以直接写图片名称)width属性用来指定图片的宽度,单位是像素pxheight属性用来指定图片的高度,单位是像素px--><img src="3.jpg" width="30%" height="800px"/><img src="3.jpg"/><img src="3.jpg"/></body>
</html>–4,Input标签
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>常用标签</title></head><body><!-- 1.input标签,表示输入框 -->普通的输入框: <input type="text"/> <br />密码输入框: <input type="password"/><br />数字输入框: <input type="number"/><br />日期输入框: <input type="date"/><br />星期输入框: <input type="week"/><br />单选框: <input type="radio"/>男 <br />多选框: <input type="checkbox"/>吃饭 <br />普通按钮:<input type="button" value="保存"/><button>注册</button><br />提交按钮:把用户在浏览器输入的数据,提交给后端的java程序来处理<input type="submit" value="保存"/><button type="submit">保存</button></body>
</html>相关文章：
html的使用
一,HBuilder –1,使用 直接解压就可以用, 创建项目: 直接点击 新建项目,输入项目名和选中项目存放位置,创建. 创建资源: 选中项目,右键,新建… 二,HTML –1,概述 是超文本标记语言,专门用来制作网页的. 超文本: 网页中可以包含各种类型的元素.包括: 文字,数字,符号,图片,音频,…...
docker linux（centos 7） 安装
这是个目录 1:安装1:手动安装(适用于centos7)之一2:手动安装(适用于centos7)之二3：一键安装docker4:二进制安装1：下载二进制包2：解压3：移动文件4：后台运行docker5：测试 dicker命令表999：遇到的问…...
C语言sizeof和strlen的区别？
sizeof和strlen有什么区别？ sizeof本质是运算符（sizoof既是关键字也是运算符，不是函数哈），而strlen就是函数。sizeof后面如果是类型，则必须加括号，如果是变量，可以不加括号。 sizeof…...
小文智能GPT助手介绍
如何使用小文交互的GPT助手，让AI更加智能，适用更多场景？ 在小文智能最新推出的4.0版本，有一个新功能，叫做GPT助手。GPT助手，顾名思义，即在小文智能的场景中，接入ChatGPT，…...
SpringBoot使用i18n国际化
使用的SpringBoot版本是2.3.5 <parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.3.5.RELEASE</version><relativePath/> </parent> 一、简单测试…...
Jmeter的自动化测试实施方案
前言： Jmeter是目前最流行的一种测试工具，基于此工具我们搭建了一整套的自动化方案，包括了脚本添加配置、本地配置和运行、服务器配置等内容，完成了自动化测试闭环，通过这种快捷简便高效的方式，希望可以解…...
nginx优化相关
https://blog.csdn.net/liuxiao723846/article/details/46862381 Nginx反向代理，当后端为Https时的一些细节和原理_nginx反向代理https_赶路人儿的博客-CSDN博客 nginx - 寒星12345678999 - 博客园 (cnblogs.com)...
美客多（mercadolibre)测评下单技术（养号环境搭建详解）
MercadoLibre（美客多）是拉丁美洲的一个网购平台。该公司为其客户提供电子商务交易的购买，出售，支付和收集机制。目前全球第十大电商市场——巴西是MercadoLibre的主要市场，占据近60%的平台营收，接着是阿根廷…...
UE5- c++ websocket客户端写法
# 实现目标 ue5 c 实现socket客户端，读取服务端数据，并进行解析 #实现步骤 {projectName}.Build.cs里增加 "WebSockets","JsonUtilities", "Json"配置信息，最终输出如下： using UnrealBuildTool;…...
C语言——函数的使用
无参无返回值 语法格式如下： // 函数定义 void 函数名() {函数体 }// 函数调用 函数名();函数名是标识符的一种，需要遵循规则函数只需要定义一次，反复调用只定义函数, 不调用函数, 函数永远不会被执行案例需求： 编写一个函数&am…...
DVWA XSS
反射型 low 查看源代码，没有任何过滤 构造 medium 这里是过滤了 high 这里把双写和大小写和JavaScript都过滤了,用事件来绕过<img src0 οnerrοralert(“xss”)> impossible 这里使用htmlspecialchars进行实体转换并且输出的结果还不能使用事件来…...
石油化工智慧安监方案：TSINGSEE青犀视频AI智能识别安全生产风险预警平台建设
一、行业背景 石油化工生产存储企业属于高温、高压、易燃、易爆、有毒的危险行业，其生产装置大型化、密集化、生产工艺复杂、生产过程紧密耦合。随着互联网技术的发展，运用先进的AI、物联网、大数据、云计算等技术手段不断提高石油化工行业的安全监管水…...
R语言图形绘制
（1）条形图 > barplot(c(1,2,4,2,6,4,3,5)) > barplot(c(1,2,4,2,6,4,3,5),horiz TRUE) #besideTRUE 表示将多个组别的图形并排显示，使它们在水平方向上对齐 #而当 besideFALSE（默认值）时，多个组别的…...
2023第七届蓝帽杯 初赛 web LovePHP
LovePHP 直接给了源码。 network查看到，PHP版本是7.4.33 题目要求我们GET一个my_secret.flag参数，根据PHP字符串解析特性，PHP需要将所有参数转换为有效的变量名，因此在解析查询字符串时，它会做两件事： 删…...
Pytorch 的基本概念和使用场景介绍
文章目录 一、基本概念1. 张量（Tensor）2. 自动微分（Autograd）3. 计算图（Computation Graph）4. 动态计算图（Dynamic Computation Graph）5. 变量（Variable） 二、…...
git 基础入门
Git基础入门 Git是一个分布式 版本管理系统，用于跟踪文件的变化和协同开发。 版本管理：理解成档案馆，记录开发阶段各个版本 分布式&集中式 分布式每个人都有一个档案馆，集中式只有一个档案馆。分布式每人可以管理自己的档案…...
openssl 生成自签名证书
1、openssl生成CA根证书 1.1、生成CA私钥 openssl genrsa -out root_ca.key 2048 注意：私钥必须妥善保管，既不能丢失，也不能泄露。如果发生丢失和泄露，必须马上重新 生成，以使旧的证书失效。 1.2、通过ca私钥生成pem格…...
微服务dubbo和nexus
微服务是一种软件开发架构风格，它将一个应用程序拆分成一组小型、独立的服务，每个服务都可以独立部署、管理和扩展。每个服务都可以通过轻量级的通信机制（通常是 HTTP/REST 或消息队列）相互通信。微服务架构追求高内聚、低耦合&am…...
uView1.0的Upload组件上传图片
<template><u-uploadref"uUpload":file-list"fileList"accept"image/jpeg,image/png" //允许选择图片文件:sizeType"sizeType":max-size"2 * 1024 * 1024" //限制上传的图片文件最大为 2Moversize"over…...
【LeetCode题目详解】第九章 动态规划part03 343. 整数拆分 96.不同的二叉搜索树 （day41补）
本文章代码以c为例！ 一、力扣第343题：整数拆分 题目： 给定一个正整数 n ，将其拆分为 k 个 正整数 的和（ k > 2 ），并使这些整数的乘积最大化。 返回 你可以获得的最大乘积 。 示例 1: 输…...
【MySQL】第五节 - 事务实战详解：从基础到并发控制（附 Navicat 可运行实验脚本）
《MySQL 事务实战详解：从基础到并发控制（附 Navicat 可运行实验脚本）》 为什么你必须掌握 MySQL 事务？ 在现代应用系统中，数据一致性是核心诉求。事务（Transaction） 是保证数据完整性的“黄金…...
XBeeATCmds库：Arduino嵌入式AT命令封装实践
1. XBeeATCmds 库概述：面向嵌入式开发者的 AT 命令封装实践XBeeATCmds 是一个专为 Arduino 平台设计的轻量级 C 封装库，其核心目标是将 Digi XBee 系列模块（包括 Series 1、Series 2/2B、Series 3 及兼容 Zigbee、802.15.4、DigiMesh 协议的模…...
手把手教你给51单片机项目“瘦身”：多传感器数据采集与显示的优化技巧
51单片机多传感器系统优化实战：从臃肿代码到高效工程的蜕变之路 当你的51单片机项目开始集成第三个、第四个传感器时，是否发现代码变得越来越难以维护？LCD显示刷新变得卡顿，传感器数据互相干扰，甚至整个系统会莫名其妙…...
使用Papanastasiou正交模型求解‘宾汉姆浆液在5mm开度裂隙中，注浆压力1MPa、塑...
使用Papanastasiou正交模型求解宾汉姆浆液单一裂隙注浆扩散范围 裂隙开度5mm，注浆管半径2.5cm，注浆压力1MPa 塑性粘度6PaS，屈服应力2Pa COMSOL注浆打开COMSOL新建一个流体模型，先别急着点确定——宾汉姆流体这种带屈服应力的家伙&…...
实战向 Python 汽车推荐系统 Django框架 可视化 协同过滤算法 数据分析 大数据 机器学习（建议收藏）✅
博主介绍：✌全网粉丝10W,前互联网大厂软件研发、集结硕博英豪成立工作室。专注于计算机相关专业项目实战6年之久，选择我们就是选择放心、选择安心毕业✌ > 🍅想要获取完整文章或者源码，或者代做，拉到文章底部即可与…...
iperf3网络性能测试工具完全指南：从安装到企业级应用
iperf3网络性能测试工具完全指南：从安装到企业级应用 【免费下载链接】iperf3-win-builds iperf3 binaries for Windows. Benchmark your network limits. 项目地址: https://gitcode.com/gh_mirrors/ip/iperf3-win-builds 在当今数字化时代，网络…...
【深度验证】ArcGIS Band Collection Statistics相关性分析结果偏差的根源探究
1. 当GIS分析结果与统计软件不一致时 最近在做一个遥感数据分析项目时，我遇到了一个奇怪的现象：同样的数据集，在ArcGIS中使用Band Collection Statistics工具计算出的皮尔逊相关系数，与在Excel和R中计算的结果存在明显差异。起初我…...
如何编写全面的golang-lru单元测试：覆盖所有边界条件的完整指南
如何编写全面的golang-lru单元测试：覆盖所有边界条件的完整指南 【免费下载链接】golang-lru Golang LRU cache 项目地址: https://gitcode.com/gh_mirrors/go/golang-lru 在Go语言开发中，缓存是提升性能的关键组件，而golang-lru作为一…...
TradingAgents-CN本地化部署实战指南：多智能体金融框架避坑策略
TradingAgents-CN本地化部署实战指南：多智能体金融框架避坑策略 【免费下载链接】TradingAgents-CN 基于多智能体LLM的中文金融交易框架 - TradingAgents中文增强版 项目地址: https://gitcode.com/GitHub_Trending/tr/TradingAgents-CN 一、问题发现&#x…...
ssm+java2026年毕设蔬果批发网络平台【源码+论文】
本系统（程序源码）带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容一、选题背景关于农产品电商交易模式的研究，现有研究主要以综合电商平台（如淘宝、京东）的农产品销售模式…...