HTML简单学习记录

本文介绍了HTML元素的使用,如锚链接、列表、表格、视频和音频的嵌入,以及CSS和JavaScript在页面布局和表单交互中的作用。同时提到了前端开发面试准备和求职策略。
摘要由CSDN通过智能技术生成
头像

头像

头像

头像

头像

头像

头像

回到顶部

在这里插入图片描述

点击跳转到顶部

其中:

  • name属性已经被淘汰(<a name="top">顶部</a>),当前流行用top属性(<a top="top">顶部</a>
锚链接可以用来跳转到页面指定位置
功能性链接

如邮箱链接:

点击联系我

行内元素和块元素

  • 块元素

无论内容多少,该元素独占一行 (p、h1-h6…)

  • 行内元素

内容撑开宽度,左右都是行内元素的可以在排在一行( a . strong . em …)

列表

列表是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式展现出来,以便浏览者能更快捷地获得相应的信息

列表的分类:

  • 有序列表:
    • Java
    • python
    • C/C++
      • 无序列表
      • Java
      • python
      • C/C++
        • 自定义列表
        学科
        Java
        python

        表格

        简单通用、结构稳定

        基本结构:

        • 单元格

        • 跨行

        • 跨列

        表格学习
        1 2-1 2-2 2-3 2-4 3-1 3-2 3-3

        其中:

        • <table></table>:创建表格
        • <tr></tr>:创建行
        • <td></td>:创建列
        • colspan:跨行
        • rowspan:跨列

        视频和音频

        视频

        音频

        其中:

        • controls:控制选项,设置视频可播放
        • autoplay:自动播放

        页面的简单布局

        | 元素名 | 描述 |

        | — | — |

        | header | 标题头部区域的内容(用于页面或页面中的一块区域) |

        | footer | 标记脚部区域的内容(用于整个页面或页面的一块区域) |

        | section | web页面中的一块独立区域 |

        | article | 独立的文章内容 |

        | aside | 相关内容或应用(常用于侧边栏) |

        | nav | 导航类辅助内容 |

        iframe内联框架

        在这里插入图片描述

        表单语法

        在这里插入图片描述

        其中:

        • action:表单提交的位置,可以是网站,也可以是一个请求处理地址
        • method:post,get 提交方式
        get方式提交可以在url中看到提交的信息,高效但不安全  
        
        post方式提交在url中无法看到提交的信息,比较安全,也用来传输大文件
        
        表单元素格式

        | 属性 | 说明 |

        | — | — |

        | type | 指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button,默认为text |

        | name | 指定表单元素的名称 |

        | value | 元素的初始值。type为radio时必须指定一个值 |

        | size | 指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位 |

        | maxlength | type为text或password时,输入的最大字符数 |

        | checked | type为radio或checkbox时,指定按钮是否为被选中 |

        单选框

        性别:

        多选框

        <input type=“checkbox” …>

        按钮
        • input type=”button“ :普通按钮

        • input type=”image“ :图像按钮

        • input type=”submit“ :提交按钮

        • input type=”reset“ :重置按钮(清空表单)

        下拉框
        1 2 3 4
        文本域
        文本内容
        文件域
        邮件验证

        验证比较初级

        url验证

        验证比较初级

        数字验证
        滑块(音量)
        搜索框
        总结
        • 对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。

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

        • 算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???)

        • 在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

        • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

        第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~

        祝大家都有美好的未来,拿下满意的 offer。

      • 26
        点赞
      • 25
        收藏
        觉得还不错? 一键收藏
      • 0
        评论

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

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

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值