【HTML】

news/2024/11/19 7:27:21/

文章目录

  • 1.DOCTYPE和lang和字符集
  • 2. 表格
  • 3.列表
  • 4.单选按钮/复选按钮
  • 5. 下拉框
  • 6.input标签的 name value id

1.DOCTYPE和lang和字符集

  • 文档类型声明,告诉浏览器使用哪种版本的HTML显示网页。
<!DOCTYPE html>
  • 定义当前文档显示的语言,en为英文,zh-CN为中文。
<html lang="en">
  • 规定HTML使用哪种编码方式
<meta charset="UTF-8">

2. 表格

    <table><tr><th></th><th></th></tr><tr><td></td><td></td></tr></table>

合并单元格
在这里插入图片描述
跨行 colspan
跨列 rowspan

3.列表

无序列表

    <ul><li>苹果</li><li></li><li>香蕉</li></ul>

在这里插入图片描述
有序列表

    <ol><li>苹果</li><li></li><li>香蕉</li></ol>

在这里插入图片描述

4.单选按钮/复选按钮

单选按钮

	<form><input type="radio" name="fruit"/>苹果<input type="radio" name="fruit"/>香蕉<input type="radio" name="fruit"/></form>

在这里插入图片描述
复选按钮

 	<form><input type="checkbox" name="traffic">自行车<input type="checkbox" name="traffic">汽车</form>

在这里插入图片描述
单选按钮/复选按钮有相同的name

5. 下拉框

    <select><option>苹果</option><option>香蕉</option><option></option></select>

在这里插入图片描述

6.input标签的 name value id

name是控件的名称
value是控件的值
id是控件的身份标志。


http://www.ppmy.cn/news/39841.html

相关文章

使用 Docker run 命令简化容器化

使用 Docker run 命令简化容器化 Docker run 是在 Docker 容器中运行应用程序的基本命令。在开始使用 Docker 之前&#xff0c;了解一些重要的命令非常重要。 在本博客中&#xff0c;我们将解释 Docker run 命令的基本语法&#xff0c;并探索其一些最常见的选项&#xff0c;以…

Java 抽象类详细讲解

目录 Java抽象类概念 Java抽象类示例 继承Animal类的子类的示例 Java抽象类详细使用方法 1、定义抽象类 2、继承抽象类 3、实现抽象方法 4、完整示例代码 Java抽象类概念 Java中抽象类是指用abstract关键字修饰的类,它不能被实例化,只能被继承。抽象类通常用于定义一…

Android Wifi开发——WLAN直连(十三)

WLAN 直连 (对等连接或P2P) 技术,通过 WLAN 进行直接互联。使用这些 API,您可以实现支持 WLAN P2P 的设备间相互发现和连接,从而获得比蓝牙连接更远距离的高速连接通信效果。对于多人游戏或照片共享等需要在用户之间共享数据的应用而言,这一技术非常有用。 一、概览 源码…

大学生学完python靠几个接单网站兼职,实现经济独立

程序员就是当今时代的手艺人&#xff0c;程序员可以通过个人的技术来谋生。而在工作之余接私单可以作为一种创富的途径&#xff0c;受到程序员的广泛认可。说句实在话&#xff0c;现在这个时代&#xff0c;很多人仅靠主业顶多维持基本生活&#xff0c;想让自己、家人生活好一点…

MySQL 数据表操作

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、从最简单的表操作开始二、表的创建 1)、基本语法2)、注意总结前言 在MySQL数据库中&#xff0c;表是一种很重要的数据库对象&#xff0c;是组成数据库的基…

观察者模式及其应用(多种语言实现)

软件设计模式发布-订阅模式 及其应用作者&#xff1a;李俊才 &#xff08;jcLee95&#xff09;&#xff1a;https://blog.csdn.net/qq_28550263?spm1001.2101.3001.5343 邮箱 &#xff1a;291148484163.com 本文地址&#xff1a;https://blog.csdn.net/qq_28550263/article/de…

Matlab傅里叶级数展开(附结果图)

Matlab傅里叶级数展开&#xff08;附结果图&#xff09; 代码下载链接 代码下载链接 代码下载链接 如下图所示&#xff1a;

RestAPI

RestAPI4.RestAPI4.0.导入Demo工程4.0.1.导入数据4.0.2.导入项目4.0.3.mapping映射分析4.0.4.初始化RestClient4.1.创建索引库4.1.1.代码解读4.1.2.完整示例4.2.删除索引库4.3.判断索引库是否存在4.4.总结4.RestAPI ES官方提供了各种不同语言的客户端&#xff0c;用来操作ES。…