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

HTML常用标签汇总(精简版)

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>简单标记</title>
</head><body><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>段落:<p>段落</p>下划线:<hr>换行:<br>加粗:<b>加粗</b> <strong>加粗</strong>斜体:<i>斜体</i> <em>斜体</em>上标:x<sup>2</sup>下标:y<sub>3</sub>对文字修饰:<font size="40" color="red">红色文字</font><br>列表:<br>1.无序列表:默认是黑色小圆点<ul><li>1</li><li>2</li><li>3</li></ul>2.有序列表:通过type设置方式<ol type="A"><li>qq</li><li>dd</li><li>qd</li><li>dq</li></ol>3.自定义列表:<dl><dt>1</dt><dt>2</dt><dt>3</dt><dt>4</dt></dl><br>表格标记:<br><!-- 设置表格边框 --><table border="1" cellpadding="1" cellspacing="0"><!-- tr行,td列 --><tr><td>学号</td><td>姓名</td><td>性别</td></tr><tr><td>1</td><td>张三</td><td></td></tr><tr><td>2</td><td>李四</td><td></td></tr><tr><td>3</td><td>赵五</td><td></td></tr></table><br>表单标记:<br><form action=""><!-- 文本框type="text" id不能重复,不能数字开头--><input type="text" id="text" size="60" maxlength="5"><!-- 密码框tpye="pass",显示提示信息 --><input type="password" placeholder="请输入信息" id="password"><!-- 下拉列表:select里面嵌套option --><select><option value="1"></option><option value="2"></option><option value="3"></option><option value="4"></option></select>单选按钮:<!-- 单选按钮 checked是默认选中的具有相同 name 属性的单选按钮(radio button)之间才会互相排斥,即只能选择其中一个。--><input type="radio" name="sex" checked><input type="radio" name="sex"><hr><!-- 或者写成下面这种,下面这种在点击字的时候也会直接选中 --><label for="male">男:</label><input id="male" name="sex" type="radio" value="1" checked><label for="female">女:</label><input id="female" name="sex" type="radio" value="0">多选框:checkbox足球<input type="checkbox" name="habby" checked>蓝球<input type="checkbox" name="habby">排球<input type="checkbox" name="habby" checked><hr><!-- 或者同样下面这种,下面这种在点击字的时候也会直接选中 --><input id="c1" type="checkbox" value="1"><label for="c1">篮球</label><input id="c2" type="checkbox" value="2"><label for="c2">足球</label><input id="c3" type="checkbox" value="3"><label for="c3">排球</label><br>文本域:<textarea name="" id="" cols="30" rows="10">请输入内容</textarea><br>其他标记:<br>超链接:<a href="https://www.163.com" target="_blank">https://www.163.com</a><br>图片:<br><img src="imgs/壁纸.jpeg" alt="壁纸1" width="70"><br>div:<br><div>我是块标记,没有任何样式,可以根据需要变成自己想要的</div>span:<span>我是无任何样式的行内标记(不换行)</span><!-- iframe画中画:在一个页面嵌套另外一个页面 --><iframe src="https://www.163.com" frameborder="0"></iframe><br><!-- 实体符号 -->小于号: &lt;大于号:&gt空格: &nbsp;商标:&copy;</form></body></html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http://www.dtcms.com/a/283684.html

相关文章:

  • 模型移植实战:从PyTorch到ONNX完整指南
  • ionic 切换开关操作指南
  • iOS 构建配置与 AdHoc 打包说明
  • 从零开发推客小程序系统:完整技术方案与实战经验
  • C语言:20250717笔记
  • Redis深度解析:从缓存原理到高并发实战
  • AI算法机器学习主要类型
  • 专业云端视觉计算解决方案:云渲染云电脑
  • 【AI论文】基于反射生成模型的测试时动态缩放方法
  • 【软件测试】软件测试分类与方法解析:目标到工具
  • HANA SQLScript中的变量类型汇总
  • 云原生环境下的安全控制框架设计
  • USB导出功能(QT)
  • Windows10笔记本电脑开启BIOS
  • 云手机网络加速全攻略:解决游戏卡顿与APP连接失败困扰
  • 玖[9],相机/镜头/光源
  • yolo位置损失中的权重项的作用是什么
  • YOLO融合[CVPR2025]EVSSM中的EDFFN模块
  • LeetCode20
  • 2D视觉系统标定流程与关键要求
  • 不同相机CMOS噪点对荧光计算的影响
  • 前端设计模式应用精析
  • Java零基础快速入门
  • Python应用指南:使用PyKrige包实现ArcGIS的克里金插值法
  • Ceph OSD.419 故障分析
  • git的cherry-pick
  • AI安全威胁之MCP Server投毒攻击实践
  • Git 多人协作实战:从基础操作到分支管理全流程记录
  • LiteSQL:让C++与数据库无缝对接的ORM利器
  • 物联网主机在化工园区安全风险智能化管控平台中的应用