HTML5
  • 详细了解一下HTML中的表格table

      在CSS出现之前,table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正,使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格tabletable【默认样式】//IE7-浏览器不支持border-spacing
    table{
      border-collapse:separate;
      border-spacing:2px;
      border:1pxsolidgray;
    }【属性】  1、border(在html5中,border只能为1或 )(html5已废弃)border=0//没有边框
    border=8//8像素宽的边框  2、cellpadding(px/%)(html5已废弃)  规定单元边界与单元内容之间的间距  3、cellspacing(p

    2021-03-31 0 0 0 0
  • 深入浅析HTML中的图像

    imgimg表示image图像,从技术上讲,img标签并不会在网页中插入图像,而是从网页上链接图像。img 标签创建的是被引用图像的占位空间。【推荐:html文档】【必须属性】  1、src:地址  2、alt:图像替代文本,供探索引擎抓取使用【可选属性】  1、height:图像高度  2、width:图像宽度  3、ismap:为图像定义为服务器端图像映射  4、longdesc:与alt属性类似,提供多于1024字符的长文本描述  5、usemap:为图像定义客户端图像映射 usemap = #map元素的name或id属性imgsrc=test.jpgalt=测试图片width=100height=100  6、srcset:指定

    2021-03-29 0 0 0 0
  • 谈谈HTML中锚点及其使用

    概念a元素(或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,a元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有a元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接【推荐:html文档】[注意]任何文档流内容都可以被嵌套,只要不是交互内容类别(如按钮、链接等)属性hrefhref属性表示地址,共包括以下3种:1、链接地址ahref=http://www.baidu.com百度/a2、下载地址ahref=test.zip下载测试/a3、锚点(1)href:#id名ahref=#test目录/a
    brbrbrbrbrbrbrbrbrbr

    2021-01-24 0 0 0 0
  • 内联元素和块状元素的区别

    html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。内联元素在html中,span、em、a、p等标签是典型的内联元素。当然块状元素也可以通过设置display:inline;显示为内联元素,从而使块级元素具有内联元素的特点。【推荐:html文档】div{
    display:inline;
    }
    ...
    div我要变成内联元素!/div内联元素的特点:1、和其他元素在同一行上,不独占一行;2、元素的高度、宽度及顶部底部边距不可设置;(ps:内联元素的顶部底部边距margin-top及margin-bottom属性不起作用,而margin-left及margin-ri

    2021-01-24 0 0 0 0
  • HTML的10个最佳实践

    2021-01-20 0 0 0 0
  • 10个实用的 ES6 方法

    毫无疑问,JavaScript 是Web开发中最流行的编程语言之一。 无论使用的是 React,Vue 还是Angular,都只是 JavaScript。 JS围绕着广阔而至关重要的生态系统发展,提供了无数的框架和库,可帮助我们更快地开发应用程序。但是有时候最好退一步,尝试了解如何在没有使用库的情况下做事。 看看下面的代码片段,它们以优雅的方式解决了简单的问题,在日常项目也很实用,所以记好笔记,当遇到问题时就可直接来用使用。1.字符串反转在此示例中,我们使用展开运算符,Array的reverse方法和 String 的join方法来反转给定的字符串。constreverseStrin

    2021-01-14 0 0 0 0
  • HTML/CSS实现逆序列表(列表编号倒序)

    我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,有些就不那么好了。最终结果类似如下:CBA接着,我们来看看有哪些实现的方式。HTML中的reversed属性简单,最直接的解决方案是HTML中的reversed属性。olreversed
    liC/li
    liB/li
    liA/li
    /olreversed属性是一个布尔属性,reversed属性规定列表顺序为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。reversed属性除了 IE 大多数的

    2021-01-14 0 0 0 0
  • HTML/CSS实现逆序列表(列表编号倒序)

    我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,有些就不那么好了。最终结果类似如下:CBA接着,我们来看看有哪些实现的方式。HTML中的reversed属性简单,最直接的解决方案是HTML中的reversed属性。olreversed
    liC/li
    liB/li
    liA/li
    /olreversed属性是一个布尔属性,reversed属性规定列表顺序为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。reversed属性除了 IE 大多数的

    2020-11-21 0 0 0 0
  • 实现图片懒加载的几种方法

    懒加载就是延时加载,即当对象需要用到的时候再去加载。本文就来为大家介绍几种实现图片懒加载的方法,希望对大家有一定的帮助。懒加载,顾名思义,在当前网页,滑动页面到能看到图片的时候再加载图片故问题拆分成两个:如何判断图片出现在了当前视口 (即如何判断我们能够看到图片)如何控制图片的加载方案一如何判断图片出现在了当前视口clientTop,offsetTop,clientHeight以及scrollTop各种关于图片的高度作比对这些高度都代表了什么意思?这我以前有可能是知道的,那时候我比较单纯,喜欢死磕。我现在想通了,背不过的东西就不要背了

    2020-10-29 0 0 0 0
  • 聊聊有趣的HTML5 Canvas!

    Canvas 是 HTML5 提供的一个用于展示绘图效果的标签. Canvas 原意为画布, 在 HTML 页面中用于展示绘图效果. 最早 Canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现。canvas 的使用领域游戏大数据可视化数据banner 广告多媒体模拟仿真远程操作图形编辑判断浏览器是否支持 canvas 标签varcanvas=document.getElementById('canvas')
    if(canvas.getContext){
    console.log('你的浏览器支持Canvas!')
    }else{
    console.log('你的浏览器不支持Canvas!')
    }canvas 的基本用法1、使用 canvas 标签, 即可在页面

    2020-10-27 0 0 0 0
共有8页首页上一页12345678下一页尾页
点击图片直接加群
更多
ots网络logo

OTS网络安全门户主要提供网络信息安全教程、文章、工具,让更多的小伙伴加入我们的社区一起学习。

技术支持: 建站ABC | 管理登录