html的上标签和下标签,HTML常用标签(下)

HTML常用标签(下)

1. 表格标签

1.1 语法

表头单元格
普通单元格内的文字

这是

表头单元格

这是

普通单元格

1.2 属性

这些属性通过CSS设置。

属性名

描述

align

表格相对周围元素的对齐方式(left、center、right)

border

表格是否有边框,默认没有("":没有,1:有)

cellpadding

单元边缘与其内容之间的空白,默认为1px

cellspacing

单元格之间的空白,默认为2px

width

表格的宽度

对于cellpadding与cellspacing的区别:

9b932cc87991a8deb3e84b396f71ec4d.png

1.3 表格结构标签

表格结构标签可以将表格分为头部和主体,使表格结构分明,便于后续修改。

表格的头部,内部必须有tr

表格的主体

1.4 合并单元格

跨行合并:rowspan="合并单元格的个数"

跨列合并:colspan="合并单元格的个数"

73ccd627b8e9c036aaaa8a2b22814f30.png

合并单元格总结:

先确定是跨行还是跨列

找到目标单元格,写上合并方式=合并的单元格数量

删除多余的单元格

2. 列表标签

2.1 无序列表

  • 列表项1
  • 列表项2
  • 列表项3

无序列表的各个

之间是并列的。(兄弟关系),中可以嵌套其它

2.2 有序列表

  1. 列表项1
  2. 列表项2
  3. 列表项3

有序列表的各个

之间是并列的。(兄弟关系)中只能嵌套,中可以嵌套其它

2.3 自定义列表

一个名词
这个名词的解释1
这个名词的解释2
中只能包含和和个数无限制,经常是一个对应多个

c85f3b7817b1c8d5978aae7b1d68ed8b.png

这种就是用自定义列表做的。

3. 表单标签

3.1 表单的组成

590ee8e39de52db7107ae510789d0a17.png

3.2 表单域

form会把它范围内的扁担元素信息提交给服务器

属性

作用

action

填接受并处理表单数据的服务器的url

method

设置表单的提交方式(get或post)

name

指定表单的名称

3.3 表单元素

(1)

type属性的属性值如下:

属性值

描述

button

可点击按钮

checkbox

复选框

file

输入字段和浏览按钮,供文件上传

hidden

隐藏的输入框

image

图像形式的提交按钮

password

密码框

radio

单选按钮

reset

重置按钮

submit

提交按钮

text

单行的输入框,默认宽度为20字符

其它属性如下:

属性

描述

name

input元素的名称

value

input元素的默认显示在输入框的值

checked

当值为checked时,input元素首次加载时被选中

maxlength

input元素的输入字符的最大长度(正整数)

注:

要求单选按钮和复选框要有相同的name值

checked属性主要针对于单选按钮和复选框,主要用于用户一打开页面就可以默认选中某个表单元素

(2)

用于绑定一个表单元素。当点击标签内的文本时,浏览器就会自动将光标转到或者选择对应的表单元素上,以此增加用户体验。

注:标签的for属性要与相关元素的id属性相同

(3)

下拉列表。

选项1

选项2

选项3

选项4

中至少包含一对

表示当前项为默认选中项

(4)

多行文本框。

文本内容

一周学会HTML----Day03常用标签(下)

form 标签 表单(重要) 表单用途 用于收集用户信息,提交给服务器 基本使用 (action,method,enctype) 要提交的表单必须放到form里 input select textar ...

帝国cms灵动标签下常用标签

这里简单整理下灵动标签下的常用标签 标题名称:=$bqr['title']?>  =esub($bqr[title],22)?> 限制字符22个 标题链接:= ...

HTML常用标签

HTML常用标签: HTML文档格式: 首先,HTML是一种超文本标签语言,它是制作网页的基础. 其次,HTML文档中至少包含基本的和成对的 .&lt ...

html常用标签介绍

常用标签介绍 文本 最常用的标签可能是了,它用于改变字体,字号,文字颜色. 点击查看效果 6

CSS常用标签

CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; / ...

HTML基础(一)——一般标签、常用标签和表格

第一部分  HTML    --开始标签

网页上的控制信息 页面标题

9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)

网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

WP主题制作常用标签代码

WordPress模板结构 style.css : CSS文件index.php : 主页模板archive.php : Archive/Category模板404.php : Not Found 错 ...

html一般标签、常用标签、表格

body的属性: bgcolor               页面背景色 text                    文字颜色 topmargin            上边距 leftmargi ...

随机推荐

Delphi面向对象---接口

从Delphi3开始支持接口.接口定义了能够与一个对象进行交互操作的一组过程和函数.对一个接口进行定义包含两个方面的内容: 1)一方面是实现这个接口 2)另一方面是定义接口的客户 一个类能够实现多个接 ...

MS SqlServer学习笔记(索引)

1.索引分类 MS SqlServer提供了两种索引:聚集索引和非聚集索引: 聚集索引是将数据按照索引的顺序存放 非聚集索引是将索引和数据分离存放,通过指针将二者联系到一起. 因为两种索引对比: 使用 ...

Java for LeetCode 032 Longest Valid Parentheses

Given a string containing just the characters '(' and ')', find the length of the longest valid (wel ...

【转】Javascript错误处理——try…catch

无论我们编程多么精通,脚本错误怎是难免.可能是我们的错误造成,或异常输入,错误的服务器端响应以及无数个其他原因. 通常,当发送错误时脚本会立刻停止,打印至控制台. 但try...catch语法结构可以 ...

MUI ios下用video标签默认全屏播放

前几天用Hbuilder+MUI做了个应用,里边用到标签,在Android下正常,但是在苹果手机老是默认全屏播放. 解决办法: 首先在video标签加上playsinline ...

IDEA与Elicpse

IDEA的项目 = Elicpse的工作区 Elicpse的项目 = IDEA的模块 修改信息提示 Alt+/ 关闭当前窗口 Ctrl+W

使用Axure RP原型设计实践07,注册判断

本篇实现注册页的一些功能.本项目是通过用户名和电子邮件进行注册的. 在本篇之前,在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理. 打 ...

manifest.json文件介绍

{ // 必须 "manifest_version": 2, // 清单文件的版本,这个必须写,而且必须是2 "name": "My Extensio ...

源码安装postgresql数据库

一般情况下,postgresql由非root用户启动. 1.创建postgres用户 groupadd postgres useradd -g postgres postgres 下面的操作都在pos ...

ADO.NET教程(1)初识ado.net

ADO.NET简介 ADO.NET使用到的类 需掌握的方法和属性 ado.net连接实例 ADO.NET的名称起源于ADO(ActiveX Data Objects),是一个COM组件库,用于在以往的 ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值