首页 > 其他分享 >标签,属性与布局元素

标签,属性与布局元素

时间:2024-02-23 16:35:02浏览次数:23  
标签:表格 标签 元素 tr th td 属性

HTML常用元素与元素 1.标签 元素的功能 描述html元素的功能:

, 双标签 内容由用户提供:

Hello world

单标签/空元素:没有内容也叫空元素,内容有某个属性指定, : ) 2.属性 必须写到起始标签中,使用“名-值对”的方式:,

Hello

不同的类型的标签,具有不同的属性,但是总有一些通用的,共有的属性 通用属性: id:匹配唯一元素,唯一性由用户保证,浏览器不检查 class:匹配满足条件的一类元素 style:设置当前元素的样式 title:鼠标停留时的弹窗(不常用) 推荐3个vscode插件 Auto Rename Tag Auto Close Tag Prettier-Code formatter(设置自定义默认格式化程序:default formatter更改为prettier-code formatter,设置自动保存:auto save 更改为onfocuschange 3.布局元素 所有的布局元素,默认都是块元素,所以独占一行显示 页眉header 主体: 左边栏aside class=“left” 中间内容区main class=“content” 右边栏aside class=“right” 页脚footer 4.列表元素 列表元素是一组标签构成的 经典语法ul+li:无序列表 如果列表顺序很重要将ul改为ol:有序列表 导航列表:ul+li+a 图文列表导航:ul+li+a+img 5.表格元素 表格是列表的plus+版本 列表相当于多行单列的一个特殊的表格 表格也是一个多标签的符合元素 最简单的表格:table+tr+th/td 表格内容必须全部写到单元格元素td/th中 创建表格元素的第一步必须先创建一个行元素tr,再写td/th,作为单元的容器 标题caption 表头 表头中一般应该用th,代替td,因为它自带加粗和居中效果 标题 表尾 完整表格:table+thead+tr+th/td+tbody+tr+td+tfoot+tr+td 通常thead和tfood只需要一个,tbody可以有多个 6.表格的行与列的合并 列的合并:colspan=# 将以下的几列进行合并,一旦合并只有第一列的数据有效 行的合并:rowspan 行与列的合并属性必须添加到td/th上,不能添加到tr上

标签:表格,标签,元素,tr,th,td,属性
From: https://www.cnblogs.com/sansheng123/p/18029849

相关文章

  • 代码随想录算法训练营day02 | leetcode 977. 有序数组的平方、35.搜索插入位置、34.在
    题目链接:977.有序数组的平方-简单题目描述:给你一个按非递减顺序排序的整数数组nums,返回每个数字的平方组成的新数组,要求也按非递减顺序排序。示例1:输入:nums=[-4,-1,0,3,10]输出:[0,1,9,16,100]解释:平方后,数组变为[16,1,0,9,100]排序后,数组变为[0,1,9,16,100]......
  • CSS Border Bottom常用属性详解
    原文链接:https://www.python100.com/html/90865.html一、border-bottom的基本使用border-bottom:单位边框样式颜色;border-bottom是css中用来设置底部边框的属性。border-bottom的属性值包括三个,分别是:边框宽度(单位),边框样式(solid、dotted、dashed等)和边框颜色(十六进制......
  • Golang Gorm 的标签tag
    当使用GORM进行数据库模型映射时,可以使用多种标签来定义字段的行为。以下是一些常用的GORM标签:gorm:"primary_key":定义字段作为模型的主键。gorm:"column:<column_name>":指定字段在数据库表中的列名。gorm:"type:<data_type>":指定字段的数据库数据类型。gorm:"......
  • xpath寻找标签
    语法格式如下1标签名#找xml中所有这个标签2/#只找一层3//#子子孙孙都会找4.#从当前路径下5..#上一层6@属性名#找有这个属性的标签数据准备doc='''<html><head><basehref='http://example.com/'/><title>Examplew......
  • 从C#接口的属性获取多个实现类中字段的值
    privateList<string>GetImplName(){List<string>ls=newList<string>();vartypes=AppDomain.CurrentDomain.GetAssemblies().SelectMany(a=>a.GetTypes().Where(t=>......
  • 使用delete和Vue.delete删除数组元素的区别
    JavaScript中的delete运算符可以删除对象的属性,但是它不适用于数组。如果你试图使用delete运算符删除数组中的元素,你会发现该元素的值变为undefined,而数组的长度并没有改变。Vue.js提供了一个名为Vue.delete的方法,它可以帮助我们在删除数组元素时触发响应式更新。与原生JavaScrip......
  • Css中的display属性linline-block(行内区块元素)的详解和应用
    原文链接:https://www.cnblogs.com/lijinwen/p/5679864.html说inline-block(行内区块元素)之前,先说下他另外的2个兄弟display:inline;内联元素,简单来说就是在同一行显示。他没有高度,给内联元素设置width和height是没效果的。display:block;块级元素,简单来说就是就是有换行,会换......
  • 代码随想录算法训练营day 1 | 704 二分查找 27 删除元素
    704二分查找数组基础数组空间地址连续、随机访问时间复杂度O(1)、删除和移动时间复杂度O(n)vector和array区别:vector底层实现为array;array是栈上开辟空间、vector是堆上开辟空间;array不支持迭代器访问,支持指针和索引、vector还支持迭代器访问二分查找适用场景有序数组、数组......
  • 1 Spring5 自定义标签开发
    spring5 自定义脚本开发步骤1 定义bean,publicclassUser{privateStringid;privateStringuserName;privateStringemail;privateStringpassword;publicStringgetId(){returnid;}publicvoidsetId(St......
  • 深入剖析 Java 类属性与类方法的应用
    Java类属性Java类属性,也称为字段,是类中的变量。它们用于存储与类相关的数据。创建类属性在类定义中声明属性:publicclassMain{intx;//属性Stringname;//属性}访问类属性使用点语法访问对象的属性:MainmyObj=newMain();myObj.x=5;//设置属性值Sy......