首页 > 其他分享 >HTML重要标签重点及属性——之转生在异世界学前端

HTML重要标签重点及属性——之转生在异世界学前端

时间:2024-04-09 20:32:07浏览次数:14  
标签:表格 标签 dd 单元格 列表 HTML 转生 li

表格标签

table是用于定义表格的标签

tr是用于定义表格的行

td是用来定义表格的列,th是表头一般只有一个表头会加粗

表格属性border是设置边框值为1;1是有边框,

align设置居中对齐方式center,left,right

cellpadding设置文字跟单元格的间隔

cellspacing设置单元格直接的间隔        width表格的宽度

表格结构标签有<thead>(表格的头部区域一般是th)和<tbody>(表格的主体区域一般是td)

thead必须有tr标签,两个都是双标签

合并单元格的属性行合并rowspan="合并个数"     列合并colspan="合并个数"

(合并后需要删除掉合并的td)

    <table border="1">
        <tr>
            <th>单元格文字</th>
            <th>单元格文</th>
            <th>单元格文</th>
        </tr>
        <tr>
            <td>单元格文字</td>
            <td>单元格文</td>
            <td>单元格文</td>
        </tr>
    </table>

列表标签

1.无序列表

<ur>里面只能放li标签,li标签里面可以放任何标签

    <ul>
        <li>无序列表1</li>
        <li>无序列表2</li>
        <li>无序列表3</li>
    </ul>

2.有序列表

<ol>里面只能放li,li里面可以放任何标签使用跟ul一样

3.自定义列表

dl里面只能放dt,dd两个标签dt和dd没有数量限制一般是一个dt带多个dd

dt和dd里面可以放任何标签

    <dl>
        <dt>列表标题</dt>
        <dd>列表解释</dd>
        <dd>列表解释</dd>
        <dd>列表解释</dd>
    </dl>

标签:表格,标签,dd,单元格,列表,HTML,转生,li
From: https://blog.csdn.net/duyan0828/article/details/137563943

相关文章

  • IDEA中使用tomcatconfiguration做服务器后,无法从html跳转到servlet的原因
    就我的项目而言,因为我没有用maven中的tomcat插件,用的是IDEA中的tomcatconfiguration,所以刚启动服务器生成的网址是http://localhost:8080/brand_demo_war/,而因为我的项目叫brand-demo,servlet叫做selectAllServlet,所以正常情况浏览器跳转到该servlet后的url应该是http://localhos......
  • 你应该知道的21个html小技巧
    本文翻译自21HTMLTipsYouMustKnowAbout,作者:Shefali,略有删改。在这篇文章中,我将分享21个HTML技巧和代码片段,可以提高你的编码技能。链接联系人使用HTML创建可点击的电子邮件、电话和短信链接:<!--Emaillink--><ahref="mailto:[email protected]">SendEmai......
  • html中image 区域点击的优点
    在HTML中,图像(image)区域可以被用作交互元素,通过点击操作可以实现多种功能和优点。以下是点击图像区域的一些优点:用户友好的交互:图像是一种直观的视觉元素,用户很容易理解和与之交互。点击图像可以触发预定义的动作或事件,如导航到另一个页面、放大图片、播放视频等,这提供了一......
  • html 元素的 onEvent 与 addEventListener
    对于html元素的onEvent,我们想要给其添加functionhandler(){},有时候会弄不清楚到底是添加<divonEvent="handler">还是添加<divonEvent="handler()">下面两段等价的代码说明了问题<inputtype="file"onchange="showFile(this)"><script>......
  • ludic 基于纯python 开发动态html 页面的框架
    ludic使用了htmx进行页面的处理,同时基于starlette提供asgiweb能力包含的特性基于python的无缝的htmx集成快速开发web基于python类型系统的类型组件基于starlette的异步搞性能web处理基于pythonf-strings的html构建基于主题的组件css样式添加说明目前ludic......
  • Javaweb开发:HTML【1】
    目录Javaweb路线HTML基础知识DOCTYPE声明HTML标签文本版面的编辑演示标签使用对齐属性原样显示文字标签使用居中标签水平分割线标题文字标签特定文字样式标签超链接分为:内部链接、外部链接链接到同一文档的各个部分使用电子邮件背景图像的设定插入图像添加视频/音频滚动文字meta......
  • 21个HTML技巧你必须了解的
    在这篇文章中,我将分享21个HTML技巧,包括代码片段,可以提升你的编码技能。让我们立即开始吧。......
  • 一个简单的Java程序,结合HTML页面,用于随机抽取人员
    importjava.util.ArrayList;importjava.util.List;importjava.util.Random;importjava.util.Scanner;publicclassRandomNamePicker{publicstaticvoidmain(String[]args){Scannerscanner=newScanner(System.in);List<String&g......
  • openGauss 资源标签机制
    资源标签机制可获得性本特性自openGauss1.1.0版本开始引入。特性简介数据库资源是指数据库所记录的各类对象,包括数据库、模式、表、列、视图、触发器等,数据库对象越多,数据库资源的分类管理就越繁琐。资源标签机制是一种通过对具有某类相同“特征”的数据库资源进行分类标记而......
  • python计算机毕设【附源码】基于html的校园网设计与实现(django+mysql+论文)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:在信息技术快速发展的今天,互联网已经成为人们获取信息、交流沟通的重要平台。对于学校而言,拥有一个功能齐全、操作简便的校园网系统显得尤为重要。基于HTML......