html基础学习
初识HTML
HTML: 超文本标记语言
一.HTML的基本结构
根控制标记(头) 头控制标记(头)
标题
标题标记
头控制标记(尾)
网页显示区域(一般要实现的代码都在这里写)
</body> 根控制标记(尾)
二.网页的基本标签
- 标题标签
<h1> 一级标题</h1>
<h2> 二级标题</h2>
<h3> 三级标题</h3>
<h4> 四级标题</h4>
<h5> 五级标题</h5>
<h6> 六级标题</h6>- 段落标签
-
换行标签
-
水平线标签
-
字体标识标签 粗体 用strong
斜体 ：em
-
特殊符号
空格  
大于号 >
小于号 <
版权所有 ©
三.图像标签
<img src = "", alt = "">
src为必填项 表示图片的地址
alt 表示图片的名字四.超链接
-
锚链接
(1)需要一个锚标记
(2) 跳转到标记#
-
功能性链接 ：邮箱链接 mailto:
-
行内元素和块元素
五.列表
有序列表
<ol><li></li><li></li></ol>无序列表
<ul><li></li><li></li></ul>自定义列表
<dl>标签<dt>列表名称</dt><dd>列表内容</dd>
</dl>六 表格标签
<table><tr>行</tr><td>列</td></table><td colspan = "4"> 跨列</td>
<td rowspan = "4"> 跨行</td>七 媒体元素
音频 audio
视频 video
八 网页的简单布局
头部
脚部
主体
九 内联框架
iframe
<iframe src = "path" name = "mainFrame"></iframe>十 表单
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
post：比较安全，适合传输大文件
get: 可以再URL中看到我们提供的信息，不安全但是高效
<form action="1.我的第一个网页.html" method="get"><!--文本输入框--><p>名字：<input type="text" name="username" value="hhh" maxlength="8" size="30" readonly></p><!--密码框--><p>密码：<input type="password" name="pwd" hidden></p><!--单选框--><p>性别：<input type="radio" value="boy" name="sex" checked disabled/>男<input type="radio" value="girl" name="sex"/>女</p><!--多选框--><p>爱好：<input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="code" name="hobby" checked>敲代码<input type="checkbox" value="chat" name="hobby">聊天</p><!--按钮--><p>按钮：<input type="button" name="btn1" value="点击变长"><!--<input type="image" src="../resources/image/1.PNG" >--></p><!--下拉框，列表框--><p>国家：<select name="列表名称" ><option value="China">中国</option><option value="us">美国</option><option value="rth" selected>瑞士</option></select></p><p>文本域：<textarea name="textarea" id="" cols="10" rows="10">文本内容</textarea></p><p>文件域：<input type="file" name="files" ></p><!--邮件验证--><p>邮箱：<input type="email" name="email"></p><!--URL--><p>URL：<input type="url" name="url"></p><!--数字--><p>数字：<input type="number" name="number" max="200" min="0" step="10"></p><!--滑块--><p>滑块：<input type="range" name="voice" max="100" min="0" step="1"></p><!--搜索框--><p>搜索框：<input type="search" name="search" max="200" min="0" step="10"></p><p><input type="submit"><input type="reset"></p>十一 表单的应用
隐藏域 hidden
只读 readonly
禁用 disabled
十二 表单初级验证
提示信息 placeholder
非空判断 required
正则表达式 pattern
相关文章：
html基础学习
初识HTML HTML: 超文本标记语言 一.HTML的基本结构 根控制标记(头) 头控制标记(头) 标题 标题标记 头控制标记(尾) 网页显示区域(一般要实现的代码都在这里写) </body> 根控制标记(尾) 二.网页的基本标签 标题标签 <h1> 一级标题</h1> <…...
leetcode_贪心算法
贪心算法相关题简单题目455.分发饼干1005.K次取反后最大化的数组和860.柠檬水找零序列问题376.摆动序列法一：贪心法法二：动态规划单调递增的数字简化版本有点难度53.最大子序和贪心算法动态规划134.加油站968.监控二叉树两个维度权衡问题分发糖果406.根据…...
C语言每日一题】——杨氏矩阵
【C语言每日一题】——倒置字符串😎前言🙌杨氏矩阵🙌总结撒花💞😎博客昵称：博客小梦 😊最喜欢的座右铭：全神贯注的上吧！！！ 😊作者简介…...
最佳iOS设备管理器imazing 2.16.9官网Mac/Windows下载电脑版怎么下载安装
imazing 2.16.9官网Mac/Windows下载电脑版是款针对苹果设备所打造的管理工具。iMazing为用户提供多种设备管理功能，每一位用户都能以自己的形式管理苹果设备。iMazing与苹果设备连接后，用户就可以轻松传输文件，浏览保存信息等。 应用介绍 iM…...
八大排序算法之堆排序的实现+经典TopK问题
目录 一.堆元素的上下调整接口 1.前言 2.堆元素向上调整算法接口 3.堆元素向下调整算法接口 二.堆排序的实现 1.空间复杂度为O(N)的堆排序(以排升序为例) 思路分析: 代码实现: 排序测试: 时空复杂度分析: 2. 空间复杂度为O(1)的堆排序(以排降序为例) 将数组arr调…...
使用AppSmith（PagePlug ）低代码平台快速构建小程序应用实践
文章目录一、入门（一）介绍（二）功能特性（三）体验一下（四）参考教程二、使用Appsmith构建商城微信小程序（一）说明（二）应用配置࿰…...
第52章 短信验证服务和登录的后端定义实现
1 Services.Messages.SmsValidate using Core.Domain.Messages; using Data; using Microsoft.EntityFrameworkCore; namespace Services.Messages { /// <summary> /// 【短信验证服务--类】 /// <remarks> /// 摘要： /// 通过类中的方法成员实…...
谷歌验证码的使用
1. 表单重复提交之验证码 1.1 表单重复提交三种常见情况 提交完表单。服务器使用请求转来进行页面跳转。这个时候，用户按下功能键 F5，就会发起最后一次的请求。造成表单重复提交问题。解决方法：使用重定向来进行跳转用户正常提交服务器&…...
Git学习入门（1）- git的安装与配置
title: git学习（1） - git的安装与配置CSDN: https://blog.csdn.net/jj6666djdbbd?typeblogBlog: https://helloylh.comGithub: https://github.com/luumodtags: gitabbrlink: 12001description: 本文主要讲解了git的安装，配置基本工作date: …...
【Python】使用Playwright断言方法验证网页和Web应用程序状态
作为测试框架，Playwright 提供了一系列断言方法，您可以使用它们来验证网页和 Web 应用程序的状态。在这篇博客中，田辛老师将介绍 Playwright 中可用的各种断言方法，并为每种方法提供示例。 assert page.url() expected_url &…...
libgdx导入blender模型
具体就是参考 官网 https://libgdx.com/wiki/graphics/3d/importing-blender-models-in-libgdx blender 教程可以看八个案例教程带你从0到1入门blender【已完结】 这里贴一下过程图。 1.初始环境搭建略过。 2.打开blender 选中摄像机和灯光，右键进行删除。 3.选中…...
【20230227】回溯算法小结
回溯法又叫回溯搜索法，是搜索的一种方式。回溯法本质是穷举所有可能。如果想让回溯法高效一些，可以加一些剪枝操作。回溯算法解决的经典问题：组合问题切割问题子集问题排列问题棋盘问题如何去理解回溯法？回溯法解决的问题都可以抽…...
centos安装rocketmq
centos安装rocketmq1 下载rocketmq二进制包2 解压二进制包3 修改broker.conf4 修改runbroker.sh和runserver.sh的JVM参数5 启动NameServer和Broker6 安装rockermq dashboard(可视化控制台)1 下载rocketmq二进制包 点击rocketmq二进制包下载地址，下载完成之后通过ft…...
汇编语言程序设计（二）之寄存器
系列文章 汇编语言程序设计（一） 寄存器 在学习汇编的过程中，我们经常需要操作寄存器，那么寄存器又是什么呢？它是用来干什么的？ 它有什么分类？又该如何操作？… 你可能会有许多的…...
华为OD机试Golang解题 - 单词接龙 | 独家
华为Od必看系列 华为OD机试 全流程解析+经验分享,题型分享,防作弊指南）华为od机试，独家整理 已参加机试人员的实战技巧华为od 2023 | 什么是华为od，od 薪资待遇，od机试题清单华为OD机试真题大全，用 Python 解华为机试题 | 机试宝典文章目录 华为Od必看系列使用说明本期题目…...
Elasticsearch的搜索命令
Elasticsearch的搜索命令 文章目录Elasticsearch的搜索命令数据准备URI Searchq（查询字符串）analyzer（指定查询字符串时使用的分析器）df（指定查询字段）_source（指定返回文档的字段）s…...
为什么人们宁可用Lombok，也不把成员设为public？
目录专栏导读一、从零了解JavaBean1、基本概念2、JavaBean的特征3、JavaBean的优点二、定义最简单的JavaBean三、思考一个问题，为何属性是private，然后用get/set方法？四、下面系统的分析以下，why?五、不和谐的声音，禁…...
【Redis】Redis 如何实现分布式锁
Redis 如何实现分布式锁1. 什么是分布式锁1.1 分布式锁的特点1.2 分布式锁的场景1.3 分布式锁的实现方式2. Redis 实现分布式锁2.1 setnx expire2.2 set ex px nx2.3 set ex px nx 校验唯一随机值，再删除2.4 Redisson 实现分布式锁1. 什么是分布式锁 分布式锁其实…...
C++ 断言
文章目录前言assertstatic_assert前言 断言(Assertion)是一种常用的编程手段，用于排除程序中不应该出现的逻辑错误。它是一种很好的Debug工具。其作用是判断表达式是否为真。C提供了assert和static_assert来进行断言。在C库中也有断言，其中断言与C的相同…...
C++修炼之练气期第五层——引用
目录 1.引用的概念 2.引用的性质 3.常量引用 4.使用场景 1.作参数 2.作返回值 5.传值与传引用的效率比较 6.值和引用作为返回值的性能比较 7.引用与指针 指针与引用的不同点 要说C语言中哪个知识点最难学难懂，大部分人可能和我一样的答案——指针。C既然…...
Linux链表操作全解析
Linux C语言链表深度解析与实战技巧 一、链表基础概念与内核链表优势1.1 为什么使用链表？1.2 Linux 内核链表与用户态链表的区别 二、内核链表结构与宏解析常用宏/函数 三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势5.1 插入效率5.2 安全…...
微软PowerBI考试 PL300-选择 Power BI 模型框架【附练习数据】
微软PowerBI考试 PL300-选择 Power BI 模型框架 20 多年来，Microsoft 持续对企业商业智能 (BI) 进行大量投资。 Azure Analysis Services (AAS) 和 SQL Server Analysis Services (SSAS) 基于无数企业使用的成熟的 BI 数据建模技术。 同样的技术也是 Power BI 数据…...
Cesium1.95中高性能加载1500个点
一、基本方式： 图标使用.png比.svg性能要好 <template><div id"cesiumContainer"></div><div class"toolbar"><button id"resetButton">重新生成点</button><span id"countDisplay&qu…...
Keil 中设置 STM32 Flash 和 RAM 地址详解
文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...
HBuilderX安装（uni-app和小程序开发）
下载HBuilderX 访问官方网站：https://www.dcloud.io/hbuilderx.html 根据您的操作系统选择合适版本： Windows版（推荐下载标准版） Windows系统安装步骤 运行安装程序： 双击下载的.exe安装文件 如果出现安全提示&…...
在QWebEngineView上实现鼠标、触摸等事件捕获的解决方案
这个问题我看其他博主也写了，要么要会员、要么写的乱七八糟。这里我整理一下，把问题说清楚并且给出代码，拿去用就行，照着葫芦画瓢。 问题 在继承QWebEngineView后，重写mousePressEvent或event函数无法捕获鼠标按下事…...
处理vxe-table 表尾数据是单独一个接口，表格tableData数据更新后，需要点击两下，表尾才是正确的
修改bug思路： 分别把 tabledata 和 表尾相关数据 console.log() 发现 更新数据先后顺序不对 settimeout延迟查询表格接口 ——测试可行 升级↑：async await 等接口返回后再开始下一个接口查询 ________________________________________________________…...
[免费]微信小程序问卷调查系统(SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】
大家好，我是java1234_小锋老师，看到一个不错的微信小程序问卷调查系统(SpringBoot后端Vue管理端)【论文源码SQL脚本】，分享下哈。 项目视频演示 【免费】微信小程序问卷调查系统(SpringBoot后端Vue管理端) Java毕业设计_哔哩哔哩_bilibili 项…...
数学建模-滑翔伞伞翼面积的设计，运动状态计算和优化 ！
我们考虑滑翔伞的伞翼面积设计问题以及运动状态描述。滑翔伞的性能主要取决于伞翼面积、气动特性以及飞行员的重量。我们的目标是建立数学模型来描述滑翔伞的运动状态，并优化伞翼面积的设计。 一、问题分析 滑翔伞在飞行过程中受到重力、升力和阻力的作用。升力和阻力与伞翼面…...
Visual Studio Code 扩展
Visual Studio Code 扩展 change-case 大小写转换EmmyLua for VSCode 调试插件Bookmarks 书签 change-case 大小写转换 https://marketplace.visualstudio.com/items?itemNamewmaurer.change-case 选中单词后，命令 changeCase.commands 可预览转换效果 EmmyLua…...