HTML—常用标签
常用标签：
标题标签：<h1></h1>......<h6></h6>
段落标签：<p></p>
换行标签：<br/>
列表：无序列表<ul><li></li></ul>
有序列表<ol><li></li></ol>
超链接：<a></a>
图像标签：<img/>表格：<table></table>
表单：<form></form>
标题标签：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>标题标签<!-- 一共六级标签，每一个标签会独占一行，默认左对齐align可以控制标签的内容在标签体中的水平对齐方式，值有left，right，center，默认是left--><h1 align = "left">一级标题</h1><h2 align = "center">二级标题</h2><h3 align = "right">三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6></body>
</html>网页效果
段落标签：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>段落标签<!-- 标尺线 --><hr/><p>《呐喊》是现代文学家鲁迅的短篇小说集，收录鲁迅于1918年至1922年所作的14篇短篇小说，1923年由北京新潮社出版，现编入《鲁迅全集》第1卷。小说集真实地描绘了从辛亥革命到五四运动时期的社会生活，从革命民主主义出发，抱着启蒙主义目的和人道主义精神，揭示了种种深层次的社会矛盾，对旧时中国的制度及部分陈腐的传统观念进行了深刻的剖析和比较彻底的否定，表现出对民族生存浓重的忧患意识和对社会变革的强烈希望。</p><p>《呐喊》是中国现代小说的开端与成熟的标志，开创了现代现实主义文学的先河。作品通过写实主义、象征主义、浪漫主义等多种手法，以传神的笔触和“画眼睛”、“写灵魂”的艺术技巧，形象生动地塑造了狂人、孔乙己、阿Q等一批不朽的艺术形象，深刻反映了19世纪末到20世纪20年代间中国社会生活的现状，有力揭露和鞭挞了封建旧恶势力，表达了作者渴望变革，为时代呐喊，希望唤醒国民的思想。奠定了鲁迅在中国现代文学史和现代文化史上的地位。 1999年6月，《呐喊》被《亚洲周刊》评选为20世纪中文小说100强之首</p></body>
</html>网页效果
换行标签：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>换行标签换行标签<br />换行标签换行标签</body>
</html>网页效果
列表：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><hr/><!-- 列表 --><!-- 无序列表 --><ul><li>无序列表1</li><li>无序列表2</li><li>无序列表3</li><li>无序列表4</li><li>无序列表5</li></ul><!-- 有序列表 --><ol><li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序列表4</li><li>有序列表5</li></ol><!-- 可通过type改变列表序号类型 --><ol type="I"><li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序列表4</li><li>有序列表5</li></ol></body>
</html>网页效果
超链接+图像：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>超链接<!-- href = "网页的地址"target = "_blank" 在新窗口打开网页target = "_self" 在当前窗口打开一个新网页 默认--><a href = "https://www.baidu.com/" target = "_blank">百度</a><a href = "https://www.baidu.com/" target = "_self">百度</a><hr /><!-- 图像也可以是超链接 --><a href = "https://www.baidu.com/" target = "_blank"><img src = "img/nike/1.png" width = "100px" height = "100px" /></a><img src = "img/nike/2.png" border = "1" /></body>
</html>网页效果
表格:
表格用法介绍：
table————表格标签
tr————表格行
th————单元格(表头 居中 加粗)
td————普通的单元格
表格中的内容只能放在单元格
cellspacing = "0" 取消单元格间的间隔
cellpadding————设置单元格内容到边框的距离
align = "center"————居中，水平位置
valign = "top"————置顶，垂直位置其他值：top，middle，bottom合并单元格
colspan = "4" ————跨多列合并，从哪个合并，就在哪个单元格中添加，
删除多余的单元格
rowspan = "2" ————跨行合并表格快捷生成方式：
table>tr*4>td*4————快速生成一个4行4列的表格
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border= "1" width = "400px" cellspacing = "0" cellpadding = "10"><tr height = "50px"><!-- <th></th>表头标签和td功能相同，区别是加粗中心 --><th>姓名</th><th>语文</th><th>数学</th><th>英语</th></tr><tr><td height = "80" align = "center" valign = "top">张三</td><td>90</td><td>80</td><td>70</td></tr><tr><td>李四</td><td>20</td><td>30</td><td>40</td></tr><tr><td>王五</td><td>60</td><td>70</td><td>80</td></tr></table></body>
</html>网页效果
合并单元格示例
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border = "1" width = "400px" height = "300px"><tr><td colspan = "3"></td><td></td></tr><tr><td></td><td></td><td></td><td rowspan = "2"></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table></body>
</html>网页效果
表单：
表单介绍：
网页表单中有许多可以输入或选择的组件，用户可以在表单中填写 信息，最终
提交表单，把客户端数据提交至服务器.
表单的使用：
<form action="" method = ""></form>
action后端地址；
method提交方式：一般为post或get方式，post的方法比较安全。
input 单行输入框
type = "text"文本
name = "自定义名称" 向后端提交的键
value = "" 向后端提交的值
placeholder = "输入框内的提示信息"
readonly = "readonly" 只读不能修改，但是可以提交
disabled = "disabled" 禁用组件不能修改，也不能提交
type = "password" 密码输入框，会自动隐藏输入的密码
type = "radio" 单择框，当多个框的名字相同时只能选择一个，达成互斥的关系
type = "checkbox"多选框
<select name = "一个名字即可">
<option value = "最终提交到后端的内容">陕西</option>
</select>下拉式选择框
type = "file" 选择文件
<textarea cols = "列数" rows = "行数"></textarea> 文本域输入框
type = "submit" 提交按钮
type = "reset" 重置按钮
type = "button" 普通按钮，需要为该按钮添加事件监听
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form action = "" method = "get">账号:<input type = "text" name = "account" placeholder="请输入账号" /><br />密码:<input type = "password" name = "password"/><br /><input type = "radio" name = "gender" value = "男"/>男<input type = "radio" name = "gender" value = "女"/>女<br /><input type = "checkbox" name = "class" value = "java"/>java<input type = "checkbox" name = "class" value = "mysal"/>mysql<input type = "checkbox" name = "class" value = "c"/>c<input type = "checkbox" name = "class" value = "python"/>python<br />籍贯:<select name = "province"><option value = "101">陕西</option><option value = "101">河南</option><option value = "101">湖南</option><option value = "101">四川</option></select><br />地址:<textarea cols = "22" rows = "3"></textarea><br /><input type = "file" name = "file"/><br /><input type = "submit"/><input type = "reset" /><input type = "button" value = "普通按钮" onclick = "alert(12345)"/></form></body>
</html>网页效果
相关文章：
HTML—常用标签
常用标签： 标题标签：<h1></h1>......<h6></h6>段落标签：<p></p>换行标签：<br/>列表：无序列表<ul><li></li></ul> 有序列表<ol>&…...
Midjourney绘图欣赏系列（七）
Midjourney介绍 Midjourney 是生成式人工智能的一个很好的例子，它根据文本提示创建图像。它与 Dall-E 和 Stable Diffusion 一起成为最流行的 AI 艺术创作工具之一。与竞争对手不同，Midjourney 是自筹资金且闭源的，因此确切了解其幕后内容尚不…...
深度学习应该如何入门？
深度学习是一门令人着迷的领域，但初学者可能会感到有些困惑。让我们从头开始，用通俗易懂的语言来探讨深度学习的基础知识。 1. 基础知识 深度学习需要一些数学和编程基础。首先，我们要掌握一些数学知识，如线性代数、微积分和概率…...
FreeRtos Queue（五）
本篇主要分析在中断中向队列里发消息xQueueGenericSendFromISR和在中断里从队列中读取消息xQueueReceiveFromISR。 前言: xQueueGenericSendFromISR 和 xQueueReceiveFromISR都是在中断里调用的而不是任务里调用的，所以队列满了或者是队列为空的时候自然就没有把当…...
解决虚拟机静态网址设置后还是变动的的问题
源头就是我的虚拟机静态网址设置好了以后但是网址还是会变动 这是我虚拟机的配置 vi /etc/sysconfig/network-scripts/ifcfg-ens33 这是出现的问题 进入这里 cd /etc/sysconfig/network-scripts/ 然后我去把多余的ens33的文件都删了 然后还不行 后来按照这个图片进行了下 然后…...
【教程】Github环境配置新手指南（超详细）
写在前面： 如果文章对你有帮助，记得点赞关注加收藏一波，利于以后需要的时候复习，多谢支持！ 文章目录 一、Github初始设置（一）登入Github（二）新建仓库 二、本地Git配置&am…...
突然发现一个很炸裂的平台！
平时小孟会开发很多的项目，很多项目不仅开发的功能比较齐全，而且效果比较炸裂。 今天给大家介绍一个我常用的平台，因含低代码平台，开发相当的快。 1，什么是低代码 低代码包括两种，一种低代码，…...
安卓开发面试题
安卓开发面试题 解释一下 Android 中的四大组件。 答：Android 中的四大组件是 Activity、Service、BroadcastReceiver 和 ContentProvider。其中，Activity 负责界面展示和与用户交互；Service 负责后台服务处理；BroadcastReceiver …...
es6面试题
ES6面试题 var、let、const区别 共同点：都是可以声明变量 区别： 1、var具有变量提升机制，let和const没有 2、var 声明的变量是函数作用域或全局作用域，而 const 和 let 声明的变量是块级作用域。 3、var可以多次声明同一个变量&a…...
Kafka MQ 生产者和消费者
Kafka MQ 生产者和消费者 Kafka 的客户端就是 Kafka 系统的用户，它们被分为两种基本类型:生产者和消费者。除 此之外，还有其他高级客户端 API——用于数据集成的 Kafka Connect API 和用于流式处理 的 Kafka Streams。这些高级客户端 API 使用生产者和消…...
tomcat优化与部署（三）------nignx优化与nginx +tomcat 部署
在目前流行的互联网架构中，Tomcat在目前的网络编程中是举足轻重的，由于Tomcat的运行依赖于JVM，从虚拟机的角度把Tomcat的调整分为外部环境调优 JVM 和 Tomcat 自身调优两部分 Tomcat 是一个流行的开源 Java 服务器，用于托管 Java …...
一个用libcurl多线程下载断言错误问题的排查
某数据下载程序，相同版本的代码，在64位系统中运行正常，但在32位系统中概率性出现断言错误。一旦出现，程序无法正常继续，即使重启亦不行。从年前会上领导提出要追到根，跟到底，到年后的今天&#…...
Docker的安装及MySQL的部署(CentOS版)
目录 1 前言 2 Docker安装步骤 2.1 卸载可能存在的旧版Docker 2.2 配置Docker的yum库 2.2.1 安装yum工具 2.2.2 配置Docker的yum源 2.3 安装Docker 2.4 启动和校验 2.5 配置镜像加速(使用阿里云) 2.5.1 进入控制台 2.5.2 进入容器镜像服务 2.5.3 获取指令并粘贴到…...
css 背景图片居中显示
background 简写 background: #ffffff url(https://profile-avatar.csdnimg.cn/b9abdd57de464582860bf8ade52373b6_misnice.jpg) center center / 100% no-repeat;效果如图：...
Python编程-如何轻松开启一个Web服务？
目录 前言 Flask：轻量级 Django：高级 Bottle：轻量级 Pyramid：灵活且可扩展 Tornado：可扩展、非阻塞 CherryPy：微型 轻量级的Web框架的选择 前言 在Python中开启一个Web服务有多种方法，选…...
鸡肋的Git
1.前言 对于大多数开发人员来说，我们大多数在学习或者工作过程中只关注核心部分，比如说学习Java，可能对于大多数人而言一开始都是从Java基础学起，然后408，Spring，中间件等，当你发现很多高深的技…...
iOS 中的 UITextField 如何设置才能只输入数字和小数点？
刚接触 iOS不久，接到一个iOS项目，其中有一个需求就是在一个 UITextField中只能输入数字和小数点，这个需求在Android中非常容易，只需要设置 <EditTextandroid:id"id/id_et_price"android:layout_width"match_par…...
阿珊详解Vue Router的守卫机制
🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 E…...
python淘宝网页爬虫数据保存到 csv和mysql(selenium)
数据库连接设置（表和字段要提前在数据库中建好） # 数据库中要插入的表 MYSQL_TABLE goods# MySQL 数据库连接配置,根据自己的本地数据库修改 db_config {host: localhost,port: 3306,user: root,password: ma*****6,database: may2024,charset: utf8mb…...
云计算中仲裁节点和仲裁可用区介绍
在云计算中，仲裁是指当多个节点或实例之间发生争议或冲突时，由一个独立的第三方机构或节点来解决争议或冲突的过程。仲裁通常用于解决云计算中的资源分配、数据一致性、服务质量等问题。 仲裁的作用主要有以下几点： 1. 保证资源分配的公平性…...
倍福PLC编程避坑指南：TwinCAT 2里那些新手容易搞混的功能块（R_TRIG、TON、CASE详解）
倍福PLC编程实战避坑：TwinCAT 2三大核心功能块深度解析 第一次在TwinCAT 2环境中完成控制逻辑编程后，发现状态机跳转异常、定时器不按预期工作？这可能是许多倍福PLC开发者共同的经历。本文将聚焦三个最易引发困惑的功能块——R_TRIG边沿检测、…...
Lumafly：空洞骑士模组管理终极指南，告别繁琐安装体验
Lumafly：空洞骑士模组管理终极指南，告别繁琐安装体验 【免费下载链接】Lumafly A cross platform mod manager for Hollow Knight written in Avalonia. 项目地址: https://gitcode.com/gh_mirrors/lu/Lumafly 你是否曾为空洞骑士模组安装的复杂…...
魔兽争霸3终极优化指南：WarcraftHelper让你的经典游戏在现代电脑焕然新生
魔兽争霸3终极优化指南：WarcraftHelper让你的经典游戏在现代电脑焕然新生 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 还在为魔兽争霸3…...
如何快速备份微信聊天记录：终极完整导出指南
如何快速备份微信聊天记录：终极完整导出指南 【免费下载链接】WeChatExporter 一个可以快速导出、查看你的微信聊天记录的工具 项目地址: https://gitcode.com/gh_mirrors/wec/WeChatExporter 你是否曾因为手机丢失或更换设备，而遗憾地丢失了重要…...
嵌入式系统启动三部曲：从U-Boot引导到Rootfs挂载
1. 嵌入式系统启动的三大支柱 第一次接触嵌入式Linux开发时，我被系统启动流程搞得晕头转向。直到后来才发现，整个启动过程就像一场精心编排的三幕剧，U-Boot、Kernel和Rootfs就是三位不可或缺的主角。让我用最直白的语言给你讲讲它们是怎么配合…...
启发式算法WebApp实验室：从搜索策略到群体智能的能力进阶（十一）
一、引言：从“求解问题”到“设计搜索策略”在复杂优化问题中，我们往往面对一个根本性困境：问题可以形式化，但最优解难以在可接受时间内获得例如：上百节点的路径规划（旅行商问题）大规模组合选择…...
别再傻傻分不清了！NumPy里np.dot、np.multiply和*的实战区别（附代码避坑）
NumPy乘法操作终极指南：从原理到避坑实战 刚接触NumPy时，最让人头疼的莫过于各种乘法操作的区别。记得我第一次实现神经网络前向传播时，因为错用了*代替np.dot，导致损失函数完全不收敛，调试了整整一个下午才发现问题所…...
避坑指南：在Win10上用VS2019编译ITK 5.2和RTK 2.3，我踩过的那些坑都帮你填平了
避坑指南：在Win10上用VS2019编译ITK 5.2和RTK 2.3，我踩过的那些坑都帮你填平了 医学图像处理开发者常需搭建ITKRTK环境，但官方文档往往只展示理想路径。本文将解剖我在Windows 10VS2019环境中部署ITK 5.2和RTK 2.3时遇到的7类典型故障&#x…...
Spring Security 3.2.0.RC1（Release Candidate 1）是 Spring Security 框架在 2013 年底发布的候选版本
Spring Security 3.2.0.RC1（Release Candidate 1）是 Spring Security 框架在 2013 年底发布的候选版本，标志着 3.2.x 系列的初步稳定。该版本引入了多项重要改进与新特性，包括： Java Config 支持增强：进一步…...
从设计系统角度看Element UI按钮：如何用el-button构建统一且高效的Vue界面
从设计系统视角重构Element UI按钮：打造高可维护的Vue组件规范 在2023年Ant Design发布的开发者调研报告中，超过62%的中大型项目团队反馈"UI组件滥用导致的维护成本"是前端技术债的主要来源。当我们审视一个日均PV过百万的Vue项目时࿰…...