web快速入门之基础篇-html：10、表格-常用属性：th、align、valign

最新推荐文章于 2024-05-11 11:34:50 发布
最新推荐文章于 2024-05-11 11:34:50 发布
阅读量1k 收藏 1
点赞数
分类专栏： web前端（H5）
本文为博主原创文章，不得随意转载，转载请注明出处！！！
本文链接：https://blog.csdn.net/YuDBL/article/details/104099192
版权

目录

一、前言

二、实例演示

实例代码

效果演示

三、知识点说明

常用属性:th/align/valign

1、th 标签

2、align 和 valign 标签

一、前言

上一篇文章我整理以前的笔记是：表格-常用属性：border、width、height，详细可参考博文 web快速入门之基础篇-html：9、表格-常用属性：border、width、height 这篇文章我将整理笔记：表格-常用属性：th、align、valign

二、实例演示

实例代码

我们先来看看一个例子，如下代码：03_th、align、valign.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>这是title标题</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>

		<h3>---(1)th表头单元格，定义表头内容、td标准单元格，定义常见普通内容---</h3>
		<table border="1" width="300" height="250">
			<tr>
				<th>字母_th</th>
				<th>数字_th</th>
			</tr>
			<tr>
				<td>a_td</td>
				<td>123_td</td>
			</tr>
			<tr>
				<td>c_td</td>
				<td>456_td</td>
			</tr>
		</table><br />
		
		<h3>---(2)：align水平布局、valign垂直布局---</h3>
		<table border ="1" width="300" height="250">
		<tr>
			<td >abc</td>
			<td align="middle">bac</td>
			<td align="right">cba</td>
		</tr>
		<tr>
			<td valign="top">bcd</td>
			<td >cdb</td>
			<td valign="bottom">dcb</td>
		</tr>
		</table>
		
	</body>
</html>

效果演示

用谷歌浏览器打开运行，效果如下：

三、知识点说明

常用属性:th/align/valign

1、th 标签

定义表格内的表头单元格。

HTML 表单中有两种类型的单元格：

表头单元格 - 包含表头信息（由 th 元素创建）

标准单元格 - 包含数据（由 td 元素创建）

 

th 定义表头内容，元素内部的文本通常会呈现为居中的粗体文本，

td 定义普通内容，元素内的文本通常是左对齐的普通文本。

详见：

http://www.w3school.com.cn/tags/tag_th.asp

 

2、align 和 valign 标签

align：水平布局(默认为左)

valign：垂直布局(默认为中)

 

 

 

 

 

 

 

 

 

被开发耽误的大厨
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
html valign标签,HTML中的align和valign这两个属性
weixin_42303721的博客
06-19 2278
转自；https://www.douban.com/note/325833958/align和valign属性均是规定表格相对于周围元素的对齐方式，区别就在于：1、align属性趋向于左右对齐，其值包含：left、right、center在 HTML 4.01 中，不赞成使用 body 元素的 align 属性；在 XHTML 1.0 Strict DTD 中，不支持 body元素的 align ...
HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
12-30
表格的标题可以放在表格的上方或者下方，这可以通过属性进行调整。默认的表格标题放在表格上方。 基本语法 <Caption VALIGN=top>… <Caption VALIGN=bottom“> … 语法解释 TOP为居上，BOTTOM为居底。 文件范例：10-...
align和valign属性
热门推荐
qq_zxt的博客
04-16 1万+
align和valign属性的区别： 1.align属性趋向于左右对齐(水平对齐)，其值包含：left、right、center 2.valign属性趋向于垂直对齐，其值包含：top（对内容进行上对齐）、bottom（对内容进行下对齐）、middle（对内容进行居中对齐）、baseline（与基线对齐） table 学生考试成绩单 姓名 语文 数学
2024年Web前端最全前端基础篇-深入了解 HTML 表格标签、表单标签和表单项标签，Web前端基础面试常常死在这几个问题上
最新发布
2401_84438488的博客
05-11 388
我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。
php中valign,关于html valign属性的作用和使用方法详解(附使用方法实例)
weixin_33230433的博客
03-27 1501
本篇文章为大家介绍了关于html标签中的valign属性和html标签中的valign属性，一个属性能在不同的标签下运用，这种属性都是比较好记的，不是很难，希望大家认真阅读。html valign属性的定义和用法：valign 属性规定单元格中内容的垂直排列方式。valign属性趋向于垂直对齐，其值包含：top(对内容进行上对齐)、bottom(对内容进行下对齐)、middle(对内容进行居中对齐...
web前端设计与开发——HTML基础（六）标签（四）div、ul、ol、table、tr、td、th（有标签中文意思）
zjj8008120308的博客
07-02 7094
1.div 全称 division 意为“区分” 2.ul 全称 unordered list 意为“无序列表” 3.ol 全称 ordered list 意为“有序列表” 4.table中 tr：英文全称是＂tablerow＂的缩写”的缩写。 td：英文全称是＂tabledatacell＂，中文意思是“表中的数据单元”。 th：英文全称是＂tableheadercell＂的缩写，在中文中是“表头单元格”的意思。 div主要是划分区域，方便CSS处理 无序列表 有序列表 表格t.
valign 简单使用
shao_junne博客
08-20 1974
实用小技巧设置表格对齐align属性对应的替代cssvalign属性 关于获取内容的jQuery语句： $("span").attr("value"); //获取span的value属性值 设置表格对齐 align属性 规定表格相对于周围元素的水平对齐方式. <tr align="left"> <th align="center"> <td align="right"> 对应的替代css <tr style="floa
HTML表格标记教程(43):表头的垂直对齐属性VALIGN
01-19
<th valign=Top> <th valign=Middle> <th valign=Bottom> 语法解释 Top为居上，Middle为居中，Bottom为居下。 文件范例：10-41.htm 设定表头的垂直对齐方式。01 <!– —————————— –>02 <!– 文件...
HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
12-30
在垂直方向上，可以设定单元格的对齐方式，分别有居上、居中、居下3种。 基本语法 语法解释 TOP为居上，MIDDLE为居中，...HTML>06 <HEAD>07 <TITLE>设定单元格垂直对齐</TITLE>08 </HEAD
html-table:作业-3
05-30
4. `align`和`valign`属性：用于设置表格或单元格的对齐方式（水平和垂直）。 例如： ```html <table border="1" cellpadding="5" cellspacing="0" width="100%" align="center"> <!-- 表格内容 --> ``` 四、...
version-align:跨包清单对齐版本
05-10
npm install -g version-align 支持的清单 NPM：package.json Bower：bower.json 作曲家：composer.json 注意：您可能希望在清单中看到清单格式-请提出问题中的建议，或者，如果您感到慷慨，请打开拉取请求！ :)...
HTML筑基知识点四
m0_61282942的博客
07-15 100
CSS知识点
Web前端学习笔记6（align-items，align-content，flex-flow，flex，align-self，order）
m0_60531106的博客
08-24 480
让子盒子沿侧轴来对齐侧轴居中对齐：align-items: center;拉伸，子盒子不要给高度：align-items: stretch;
web前端入门——HTML表格元素属性（附多种类型的表格）
L3gacy
03-30 2503
表格元素 表格基础 table: 表格标签 tr: 行 td: 单元格 border="设置边框" bordercolor="边框颜色" cellspacing="单元格边框与边框之间的距离" cellpadding="单元格与内容之间的距离" 注意: 给table添加 width="宽度" height="高度" ...
web表格（详解）
m0_52896041的博客
11-27 4364
web表格（详解）
web基础：表格
小蕊的博客
10-30 1705
注意：table里只能包含tr，tr里面也只能包含td，td里面可以包含其他标签。table 是表格标签，里面包含行tr，tr包含td单元格。6.cellpadding表格内文字与边框间距。3.bgcolor，background行背景。4.bordercolor表格边框颜色。5.valign行文字的垂直对齐方式。4.align行文字的水平对齐方式。6.bordercolor边框颜色。7.bgcolor表格背景颜色。3.border表格边框宽度。6.表格标题的垂直对齐方式。
Web前端，HTML表格相关标签和属性，在网页中表格结构的显示
星辰迷上大海的博客
04-20 3221
Web前端，HTML表格相关标签和属性，在网页中表格结构的显示
java web html 的th是什么意思呢？
Txwtech笛克特科
05-03 4125
&lt;th&gt;简易Servlet计算器&lt;/th&gt;  &lt;!--th指表格的表头--&gt;&lt;%@ page language="java" contentType="text/html" pageEncoding="GBK"%&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans
web 页面布局：（一）align与表格布局
文盲的专栏
07-04 724
从古早时代开始，学习页面内容的布局

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

被开发耽误的大厨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值