web前端

HTML

HTML

超文本标记语言。

H5

HTML v5

get/post/delete/put ---- restful

web开发

结构+ 样式+动作

架构 + 装饰 + 交互

标签

文本相关

图片、图像、声音

导航

表格

列表

表单标签

布局标签

h5扩展

HTML入门

image-20241103093934776

HBuilder安装

下载

image-20241103100240088

运行HBuilder

image-20241103100119816

创建workspace存储项目

image-20241103100538125

创建项目

image-20241103102058577

image-20241103102159670

image-20241103102247286

image-20241103102356176

image-20241103102713585

image-20241103102759610

新建html

image-20241103102841013

image-20241103102925714

image-20241103103011673

image-20241103103042501

构建页面

标签

标签结构

  • 双标签
<x> 文本内容 </x>

  • 单标签

    <x/>

    image-20241103094230910

文本标签

image-20241103095102806

<h1>~<h6>
<p></p>

<h1>学校召开“三晒三比”之“晒进展比落实”活动现场汇报会</h1>
<h2>学校召开“三晒三比”之“晒进展比落实”活动现场汇报会</h2>
<h3>学校召开“三晒三比”之“晒进展比落实”活动现场汇报会</h3>
<h4>学校召开“三晒三比”之“晒进展比落实”活动现场汇报会</h4>
<h5>学校召开“三晒三比”之“晒进展比落实”活动现场汇报会</h5>
<h6>学校召开“三晒三比”之“晒进展比落实”活动现场汇报会</h6><p>
2024年10月9日，学校“三晒三比”之“晒进展比落实”活动现场汇报会在致远楼报告厅举行。全体在校校领导、校党委委员、副处级以上领导干部、教职工代表参加了会议。会议由校长王磊主持。
</p><p>本次现场汇报会分两个单元时间进行，27个职能部门、22个教学和业务单位逐一进行现场汇报，晒工作进度、亮落实举措、讲取得成效、表工作决心。汇报过程中，校领导和党委委员结合各单位汇报和工作实际情况进行了评议打分。</p>

image-20241103101723743

hr标签

水平线

<hr/>

image-20241103103315726

换行标签 br

br–break, 出现标签内

<br/>

image-20241103103740489

特殊符号

空格（英文空格）

&nbsp   ---一个空格

image-20241103150458080

image-20241103150522589

image-20241103150546665

image-20241103150605308

image-20241103150634377

image-20241103150651765

image-20241103150715913

image-20241103150737121

image-20241103150753697

image-20241103150809736

图片img

单标签img – image

<img/>

image-20241103104938462

src: 图片的网络路径

title: 图片描述

alt： 如果图片不能正常显示，展示alt的内容

width: 宽度 px

height： 高度 px

image-20241103110221863

image-20241103105954436

放入本地图片

image-20241103110956457

hml注释

ctrl + /

<!--  注释内容  -->

视频标签video

视频播放标签(双)

<video>   </video>

image-20241103114417195

导航标签a

页面导航

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>特殊符号</title></head><body><h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;滕王阁[téng wáng gé]</h3><hr /><a href="https://www.bilibili.com/video/BV1uW4y1t7gx/"><img src="https://ts1.cn.mm.bing.net/th/id/R-C.77c1f6fc2a31238e87f36ff6863f3588?rik=i8blk3eii9pdtw&riu=http%3a%2f%2fpic.baike.soso.com%2fp%2f20131220%2f20131220231535-1954022860.jpg&ehk=wmq3%2bNtRwr37bzIARSSUE%2bsJptGidAdumP2fewSMiTw%3d&risl=&pid=ImgRaw&r=0" alt=""  width="10%" height="10%"/></a><p><ahref="https://www.bilibili.com/video/BV1uW4y1t7gx/">滕王阁</a>，位于江西省南昌市东湖区沿江路，地处赣江东岸、赣江与抚河故道交汇处，为南昌市地标性建筑、豫章古文明之象征。始建于唐永徽四年（653年），为唐太宗李世民之弟滕王李元婴任江南洪州都督时所修，现存建筑为1985年重建景观；因初唐诗人王勃所作《滕王阁序》而闻名于世；与湖南岳阳岳阳楼、湖北武汉黄鹤楼并称为“江南三大名楼”，是中国古代四大名楼之一、“中国十大历史文化名楼”之一，世称“西江第一楼”。[12-14] [21]</p><p>滕王阁主体建筑高57.5米，建筑面积13000平方米；其下部为象征古城墙的12米高台座，分为两级；台座以上的主阁取“明三暗七”格式，为三层带回廊建筑，内部共有七层，分为三个明层、三个暗层及阁楼；正脊鸱吻为仿宋特制，高3.5米。[15]</p><p>2004年，包含滕王阁在内的江西省南昌市滕王阁旅游区被国务院批准列入为第五批国家重点风景名胜区名单。[11]2018年10月29日，包含滕王阁在内的江西省南昌市滕王阁旅游区被全国旅游景区质量等级评定委员会正式批准为国家AAAAA级旅游景区。 [2]</p></body>
</html>

image-20241103115603181

表格标签

table, thead, tr(table row), th, tbody, td(table data), tfoot

列扩容 colspan

行扩容

表格的应用

image-20241103143640903

image-20241103143836888

image-20241103155754489

表单标签

image-20241103162927484

image-20241103171647427

form

<form action="url地址" ></form>

button

按钮

<button> 提交</button>

input

按钮

<input type="submit" />

<form action="https://www.bilibili.com"><button>跳转</button><input type="submit" value="提交按钮"></form>

image-20241103163548808

单选框

单选按钮

<td><input type="radio" name="gender" />男<input type="radio" name="gender" />女
</td>

复选框

<td><input type="checkbox" name="hobby" />羽毛球<input type="checkbox" name="hobby" />算命<input type="checkbox" name="hobby" />健身<input type="checkbox" name="hobby" />电子竞技
</td>

下拉框

<td><select><option>请选择您的专业</option><option>计算机</option><option>网络</option><option>人工智能</option><option>信息与计算科学</option></select>
</td>

日期

<td><input type="date" />
</td>

文件上传

<input type="file"  />

数值输入

<input type="number" />

文本域

<textarea rows="5"></textarea>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.xdnf.cn/news/7464.html

如若内容造成侵权/违法违规/事实不符，请联系一条长河网进行投诉反馈，一经查实，立即删除！

相关文章

[react]10、react性能优化

[react]10、react性能优化

1、列表&key 一、React更新流程 React在props或state发生改变时&#xff0c;会调用React的render方法&#xff0c;会创建一颗不同的树。React需要基于这两颗不同的树之间的差别来判断如何有效的更新UI。 同层节点之间相互比较&#xff0c;不会垮节点比较;不同类型的节点&am…
阅读更多...
基础网络安全知识

基础网络安全知识

1.ctfhub技能树 1.1 Web-SQL注入 Web-SQL注入-整数型 && 字符型 && MySQL结构 参考&#xff1a;5.9.6MySql注入 Web-SQL注入-报错注入 step1: 查库名 ?id1 and extractvalue(1,concat(0x7e,database(),0x7e))-- step2: 查看表名 ?id1 and extractvalue(1…
阅读更多...
一、初识C语言（1）

一、初识C语言（1）

1.C语言识别的是二进制语言 C语言是一门计算机语言&#xff0c;计算机是硬件&#xff0c;硬件分通电&#xff08;1&#xff09;和 未通电&#xff08;0&#xff09;两种情况&#xff0c;所以C语言识别的都是0 / 1信号&#xff0c;也就是二进制语言。 2.C语言文件类型以及基本框…
阅读更多...
传输协议设计与牧村摆动(Makimoto‘s Wave)

传输协议设计与牧村摆动(Makimoto‘s Wave)

有一条活鱼和一条死鱼&#xff0c;你准备怎么做&#xff0c;你会将活鱼红烧或将死鱼清蒸吗&#xff1f;好的食材只需要最简单的烹饪&#xff0c;不好的食材才需要花活儿。 我此前的文字几乎都在阐述一个观点&#xff0c;广域网就是那条死鱼&#xff0c;数据中心则是那条活鱼。…
阅读更多...
80后聊架构：架构设计中两个重要指标，延时与吞吐量(Latency vs Throughput) | 架构师之路...

80后聊架构：架构设计中两个重要指标，延时与吞吐量(Latency vs Throughput) | 架构师之路...

《架构师之路&#xff1a;架构设计中的100个知识点》 3.延时与吞吐量 有朋友问我说&#xff0c;架构优化时&#xff0c;什么时候要重点优化延时&#xff0c;什么时候要重点优化吞吐量&#xff1f; 画外音&#xff1a;补充阅读材料在最后。 延时&#xff08;Latency&#xff09;…
阅读更多...
全星魅-物联网定位终端-北斗定位便携终端-北斗有源终端

全星魅-物联网定位终端-北斗定位便携终端-北斗有源终端

在当今快速发展的物流运输行业中&#xff0c;精准定位与实时监控已成为确保货物安全与高效运输的关键因素。为了满足这一需求&#xff0c;QMCZ10作为一款集4G&#xff08;LTE Cat1&#xff09;通讯技术与智能定位功能于一体的终端产品&#xff0c;应运而生。它不仅具备普通定位…
阅读更多...
网络编程（一）：UDP socket api =＞ DatagramSocket DatagramPacket

网络编程（一）：UDP socket api =＞ DatagramSocket DatagramPacket

目录 1. TCP 和 UDP 1.1 TCP / UDP 的区别 1.1.1 有连接 vs 无连接 1.1.2 可靠传输 vs 不可靠传输 1.1.3 面向字节流 vs 面向数据报 1.1.4 全双工 vs 半双工 2. UDP socket api 2.1 DatagramSocket 2.1.1 构造方法 2.1.2 receive / send / close 2.2 DatagramPacket …
阅读更多...
JDBC入门

JDBC入门

什么是JDBC JDBC&#xff08;Java DataBase Connectivity&#xff09;就是Java数据库连接&#xff0c;说白了就是用Java语言来操作数据库。原来我们操作数据库是在控制台使用SQL语句来操作数据库&#xff0c;JDBC是用Java语言向数据库发送SQL语句。 使用JDBC 使用JDBC会用到它…
阅读更多...
ReactPress：深入解析技术方案设计与源码

ReactPress：深入解析技术方案设计与源码

ReactPress Github项目地址&#xff1a;https://github.com/fecommunity/reactpress 欢迎提出宝贵的建议&#xff0c;欢迎一起共建&#xff0c;感谢Star。 ReactPress是一个基于React框架开发的开源发布平台&#xff0c;它不仅仅是一个简单的博客系统&#xff0c;更是一个功能全…
阅读更多...
Linux挖矿病毒（kswapd0进程使cpu爆满）

Linux挖矿病毒（kswapd0进程使cpu爆满）

一、摘要 事情起因:有台测试服务器很久没用了&#xff0c;突然监控到CPU飙到了95以上&#xff0c;并且阿里云服务器厂商还发送了通知消息&#xff0c;【阿里云】尊敬的xxh: 经检测您的阿里云服务&#xff08;ECS实例&#xff09;i-xxx存在挖矿活动。因此很明确服务器中挖矿病毒…
阅读更多...
Stable Diffusion LoRA, LyCoris

Stable Diffusion LoRA, LyCoris

本节内容&#xff0c;给大家带来的是stable diffusion的LoRA与LyCoris模型课程。我们在上节课程中&#xff0c;已经详细讲解了关于大模型的使用。在stable diffusion中打造一个大模型&#xff0c;需要基于大量特定特征的图像集进行训练&#xff0c;我们通常将这个过程称之为Dre…
阅读更多...
[RoarCTF 2019]Easy Calc 1

[RoarCTF 2019]Easy Calc 1

[RoarCTF 2019]Easy Calc 1 审题 题目就是一个计算器。 看到源代码有 calc.php 进入看到waf的源代码 知识点 RCE 解题 审核代码 <?php error_reporting(0); if(!isset($_GET[num])){show_source(__FILE__); }else{$str $_GET[num];$blacklist [ , \t, \r, \n,\, &q…
阅读更多...
文本转SQL（Text-to-SQL），场景介绍与 Spring AI 实现

文本转SQL（Text-to-SQL），场景介绍与 Spring AI 实现

在众多的 AI 大模型的应用场景中&#xff0c;Text-to-SQL&#xff0c;也就是文本转 SQL&#xff0c;是其中实用性很高的一个。Text-to-SQL 充分利用了大模型的优势&#xff0c;把用户提供的自然语言描述转换成 SQL 语句&#xff0c;还可以执行生成的 SQL 语句&#xff0c;再把查…
阅读更多...
Oracle 23AI创建示例库

Oracle 23AI创建示例库

一、示例库介绍 多年来&#xff0c;Oracle 一直使用简单的数据库模式 SCOTT 及其两个突出的表 EMP 和 DEPT&#xff0c;用于文档和培训中的各种示例。但不少小伙伴并不知道如何创建这些示例数据&#xff0c;其实Oracle官方上就有提供对应的方法&#xff0c;本文就带领大家完成…
阅读更多...
默认 iOS 设置使已锁定的 iPhone 容易受到攻击

默认 iOS 设置使已锁定的 iPhone 容易受到攻击

苹果威胁研究的八个要点 苹果手机间谍软件问题日益严重 了解 Apple 苹果的设备和服务器基础模型发布 尽管人们普遍认为锁定的 iPhone 是安全的&#xff0c;但 iOS 中的默认设置可能会让用户面临严重的隐私和安全风险。 安全研究员 Lambros 通过Pen Test Partners透露&#…
阅读更多...
微博舆情分析：使用Python进行深度解析

微博舆情分析：使用Python进行深度解析

目录 一、准备工作 二、基础理论知识 三、步骤详解 数据预处理 情感分析 关键词提取 四、案例分享 数据爬取 数据分析 五、优化 六、结论 在当今信息爆炸的时代&#xff0c;社交媒体平台如微博已成为公众表达意见和情感的重要渠道。微博舆情分析通过对大量微博数据进…
阅读更多...
Unet++改进3：添加NAMAttention注意力机制

Unet++改进3：添加NAMAttention注意力机制

本文内容：添加NAMAttention注意力机制 目录 论文简介 1.步骤一 2.步骤二 3.步骤三 4.步骤四 论文简介 识别不太显著的特征是模型压缩的关键。然而，它在革命性的注意机制中尚未得到研究。在这项工作中，我们提出了一种新的基于归一化的注意力模块(NAM)，它抑制了较不显著…
阅读更多...
潮玩宇宙方块兽系统开发：可定制UI与多种游戏内嵌助力个性化体验

潮玩宇宙方块兽系统开发：可定制UI与多种游戏内嵌助力个性化体验

潮玩宇宙方块兽系统开发正在推动潮玩与游戏的融合&#xff0c;通过个性化的UI设计和多游戏内嵌模式&#xff0c;为用户带来了独一无二的体验。本文将从可定制UI、多游戏内嵌功能以及系统实现等方面入手&#xff0c;探讨如何构建一个极具吸引力的潮玩宇宙方块兽系统。 一、可定制…
阅读更多...
利用亚马逊AWS IoT核心和MQTT进行数据采集的综合指南

利用亚马逊AWS IoT核心和MQTT进行数据采集的综合指南

论文标题&#xff1a;A Comprehensive Guide on Data Acquisition Utilizing Amazon AWS IOT Core and MQTT 中文标题&#xff1a;利用亚马逊AWS IoT核心和MQTT进行数据采集的综合指南 作者信息&#xff1a; Tanishq. I. KohliPradip R. Selokar 两位作者均来自印度那格浦尔…
阅读更多...
高校宿舍信息管理系统小程序

高校宿舍信息管理系统小程序

作者主页&#xff1a;编程千纸鹤 作者简介&#xff1a;Java领域优质创作者、CSDN博客专家 、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、多年校企合作经验&#xff0c;被多个学校常年聘为校外企业导师&#xff0c;指导学生毕业设计并参…
阅读更多...
最新文章

Copyright @ 2022~2023