2019独角兽企业重金招聘Python工程师标准>>>

一、div和span

div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。

span也是表达“小区域、小跨度”的标签，但是是一个“文本级”的标签。

就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。

span里面是放置小元素的，div里面放置大东西的：

<p>
简介简介简介简介简介简介简介简介
<span>
<a href="">详细信息</a>
<a href="">购买</a>
</span>
</p>

二、表单

1、input标签的四种类型

<input type="text" /> 文本框

<input type="password" /> 密码框

<input type="radio"> 单选按钮

<input type="checkbox" /> 复选框

2、下拉列表

select就是“选择”，option“选项”。

select标签和ul、ol、dl一样，都是组标签。

<select>
<option>北京</option>
<option>河北</option>
</select>

3、多行文本框（文本域）

<textarea cols="30" rows="10"></textarea>

这个标签，是个标签对儿。对儿里面不用写东西。如果写的话，就是这个框的默认文字。

cols属性表示columns“列”，rows属性表示rows“行”。

值就是一个数，表示多少行，多少列。

4、三种按钮

按钮也是input标签，一共有三种按钮：

（1）普通按钮：

<input type="button" value="我是一个普通按钮" />

button就是英语“按钮”的意思。value就是“值”的意思，按钮上面显示的文字。

（2）提交按钮：

<input type="submit" />

submit就是英语“提交”的意思。这个按钮不需要写value自动就有“提交”文字。

这个按钮点击，表单真的能提交。这个表单就会被提交到，form标签的action属性中的那个页面中去。

（3）重置按钮：

<input type="reset" />

reset就是“复位”的意思。

5、label标签

本质上讲，“男”、“女”这两个汉字，和input元素没有关系。

<input type="radio" name="sex" /> 男
<input type="radio" name="sex" /> 女

label就是解决这个问题的。

<input type="radio" name="sex" id="nan" /> <label for="nan">男</label>
<input type="radio" name="sex" id="nv" /> <label for="nv">女</label>

input元素要有一个id，然后label标签就有一个for属性，和id相同，就表示绑定了，这个label和input就有绑定关系了。

复选框也有label：

<input type="checkbox" id="kk" />
<label for="kk">10天内免登陆</label>

什么表单元素都有label。

转载于:https://my.oschina.net/lsl1991/blog/1928437

【HTML】------HTML的标签相关推荐

Go 知识点（18）— 条件编译（编译标签、文件后缀）
1. 条件编译 Go 能根据所处环境选择对应的源码进行编译.让编译器只对满足条件的代码进行编译,将不满足条件的代码舍弃,这就叫做条件编译. 在 Go 中,也称之为 Build Constraints ...
Git 常用操作（2）- 创建标签
1. 列出标签在 Git 中列出已有的标签是非常简单直观的.只需要输入 git tag: $ git tag v0.1 v1.3 2. 创建标签 Git 使用两种主要类型的标签:轻量标签(light ...
Docker 入门系列（2）- Docker 镜像, 免 sudo 使用 docker 命令、获取查看、修改镜像标签、查找删除创建镜像、导入导出镜像
1. 免 sudo 使用 docker 命令如果还没有 docker group 就添加一个 sudo groupadd docker 将用户加入该 group 内 sudo gpasswd -a ...
JSTL标签库学习笔记
JSTL概述 apache的东西,依赖于EL 使用jstl需要导入jstl.jar包标签库 core 核心标签库 fmt 格式化标签库 sql 数据库标签库,过时 xml xml标签库,过时 JST ...
jquery过滤HTML标签方法
//过滤HTML标签 function removeHTMLTag(str) {str = str.replace(/<\/?[^>]*>/g, ''); //去除HTML tags ...
BCELoss BCEWithLogitsLoss 多标签损失函数
BCELoss 在图片多标签分类时,如果3张图片分3类,会输出一个3*3的矩阵. 先用Sigmoid给这些值都搞到0~1之间: 假设Target是: emmm应该是我上面每次都保留4位小数,算到最后误 ...
xgboost lightgbm catboost 多分类多标签
xgboost 与 lightgbm 官方均支持多分类任务,但不直接支持多标签分类任务,实现多标签任务的方法之一是结合sklearn 提供的 multiclass 子类,如OneVsRestClass ...
G6实现标签拖动连线画流程图
需求描述列出所有的task标签,拖动task标签在一旁画流程图,打包task的任务名及id和任务的执行流程以json的格式发给后端. 技术栈 G6,vue,h5自带的draggable实现拖动.也稍 ...
语义分割改进：通过视频传播和标签松弛
语义分割改进:通过视频传播和标签松弛 Improving Semantic Segmentation via Video Propagation and Label Relaxation 论文地址:h ...
噪声标签的负训练：ICCV2019论文解析
噪声标签的负训练:ICCV2019论文解析 NLNL: Negative Learning for Noisy Labels 论文链接: http://openaccess.thecvf.com/co ...

【HTML】------HTML的标签