当前位置: 首页 > 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.lryc.cn/news/591472.html

相关文章:

  • Easy ARM2132
  • 测试学习之——Pytest Day3
  • 【git】使用教程
  • HTTP 状态码笔记
  • element-plus——图标推荐
  • milvus向量数据库连接测试 和 集合维度不同搜索不到内容
  • 嵌入式时钟系统
  • C++ 返回值优化(Return Value Optimization, RVO)
  • c++列表初始化
  • MyUI轮播Carousel组件文档
  • Windows10笔记本电脑开启BIOS
  • deep learning(李宏毅)--(六)--loss
  • “显著性”(Saliency)是计算机视觉中的一个重要概念,主要指的是图像或视频中最吸引人注意力的区域或对象
  • 川翔云电脑:云端算力新标杆,创作自由无边界
  • 产品经理如何绘制流程图
  • 4.PCL点云的数据结构
  • 上证50etf期权交易限制的是什么?
  • 【JAVA新特性】Java 8 新特性实战
  • 小程序性能优化全攻略:提升用户体验的关键策略
  • Java List 集合详解:从基础到实战,掌握 Java 列表操作全貌
  • Kubernetes 学习笔记
  • 【JEECG 组件扩展】JSwitch开关组件扩展单个多选框样式
  • 基于pytorch深度学习笔记:1.LeNetAlexNet
  • XXE漏洞4-XXE无回显文件读取-PentesterLab靶场搭建
  • Kotlin密封类
  • 6. 工程化实践类:《Webpack 5 性能优化全指南:从构建速度到输出质量》
  • 如何成为高级前端开发者:系统化成长路径。
  • 自动化测试工具 Selenium 入门指南
  • CTF Crypto基础知识
  • python(one day)——春水碧于天,画船听雨眠。