前端编程之路一一HTML的常用标签大全,关于前端性能优化的几点建议

circle(空心圆圈)

square(实心方块)

none(无样式)

2.有序列表

    • 第一项
    • 第二项
    • type属性: start是从数字几开始

      1 数字列表,默认值

      A 大写字母

      a 小写字母

      Ⅰ大写罗马

      ⅰ小写罗马

      3.标题列表

      标题1
      内容1
      标题2
      内容1
      内容2

      image

      image

      表格

      表格是一个二维数据空间,一个表格由若干行组成,一个行又有若干单元格组成,单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。

      表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式(即按行和列组织)的数据。

      表格的基本结构:

      序号 姓名 爱好 1 老吊 炸团 2 老王 日天

      效果如图:

      image

      属性:

      border: 表格边框.

      cellpadding: 内边距 (内边框和内容的距离)

      cellspacing: 外边距.(内外边框的距离)

      width: 像素 百分比.(最好通过css来设置长宽)

      rowspan: 单元格竖跨多少行

      colspan: 单元格横跨多少列(即合并单元格)

      image

      image

      image

      image

      一般很少用上面这些属性

      input标签

      元素会根据不同的 type 属性,变化为多种形态

      image

      input属性说明:

      name:表单提交时的“键”,注意和id的区别

      value:表单提交时对应项的值

      type=“button”, “reset”, "submit"时,为按钮上显示的文本年内容

      type=“text”,“password”,"hidden"时,为输入框的初始值

      type=“checkbox”, “radio”, “file”,为输入相关联的值

      checked:radio和checkbox默认被选中的项

      readonly:text和password设置只读

      disabled:所有input均适用

      代码示例:

      日期

      时间

      性别

      男 女

      爱好

      女 男 宝剑 电影

      显示效果:

      image

      综合练习代码:

      1

      2

      3

      4

      5 qd0201

      6

      7

      8 ul{

      9 background: #3CDAE5;color: #FBF9F9 10 }

      11

      12

      13

      14

      15

      16

      17 点我传送

      18 点我传送

      19

      我是div

      20 我是span

      21

      22

      23

        24

      • Mysql从删库到跑路
      • 25

      • C++从入门到入土
      • 26

        27

        28

          29

        • 大数据
        • 30

        • Python
        • 31

          32

            33

          1. 我信你个鬼
          2. 34

          3. 下水道三帅
          4. 35

            36

            37

            标题1

            38

            内容1  <>©&¥®

            39

            标题2

            40

            内容2  ><&©¥®

            41

            42

            43

            44

            45

            46

            47 序号

            48 姓名

            49 爱好

            50

            51

            52

            53

            54 1

            55 狗子

            56 宝剑

            57

            58

            59 2

            60 二蛋

            61

            62

            63

            64

            65

            66

            67

            68

            69

            70

            71 <!-- disabled放在form表单中提交后得不到该值 72 将disabled=“disabled” 改为 readonly = "readonly"只读即可

            73 -->

            74

            75

            76

            77

            78

            79

            80

            81

            82

            83

            84

            自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

            深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

            因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
            img
            img
            img
            img
            img
            img

            既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

            由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

            如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
            img

            最后

            正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

            CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

            [外链图片转存中…(img-pEhTJZKq-1711826496862)]
            [外链图片转存中…(img-LFSD6NKw-1711826496862)]
            [外链图片转存中…(img-MA61T3ED-1711826496863)]
            [外链图片转存中…(img-MQr0LLuW-1711826496863)]

            既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

            由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

            如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
            [外链图片转存中…(img-0E1Axwmm-1711826496864)]

            最后

            正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

            CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

            前端资料图.PNG

          评论
          添加红包

          请填写红包祝福语或标题

          红包个数最小为10个

          红包金额最低5元

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

          抵扣说明:

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

          余额充值