首页 前端知识 2024年前端三大件之HTML篇,前端混合开发

2024年前端三大件之HTML篇,前端混合开发

2024-06-18 22:06:56 前端知识 前端哥 972 223 我要收藏

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

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

html5

跨度

小盒子

图像标签


在这里插入图片描述

老北京来了

图像标签:

alt 替换文本,图像显示不出来的时候用文字替换

显示不出来哈哈哈哈!

title 提示文本

显示不出来哈哈哈哈!
width 给图像设定宽度,height 给图像设定高度
显示不出来哈哈哈哈!
给图像设定边框
显示不出来哈哈哈哈!

在这里插入图片描述

超链接标签


在这里插入图片描述

老北京来了
1.外部链接:

Bilili

2.内部链接:

内部链接

3.空链接

空连接

4.下载链接 文件

下载文件

5.网页元素的链接

HTML中的特殊字符


在这里插入图片描述

表格标签


  1. 表格的基本语法

1.<table></table>是用于定义表格的标签

2.<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中

3.<td></td>标签用于定义表格中的单元格,必须嵌套在<tr></tr>标签中-

湖人总冠军
Header Data
  1. 表头单元格标签
湖人总冠军
fdfsd cdf
  1. 表格属性

表格标签这部分属性我们实际开发不常用,后面通过CSS来设置

在这里插入图片描述

湖人总冠军
湖人总冠军我去 小皮皮哈哈哈tql
  1. 表格结构标签

在这里插入图片描述

湖人总冠军
  1. 合并单元格
  • 跨行合并:rowspan=“合并单元格的个数”

  • 跨列合并:colspan=“合并单元格的个数”

在这里插入图片描述

列表标签


  1. 无序列表

<ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用<li>标签定义。

<ul>中只能嵌套<li>,直接在<ul>标签中输入嵌套标签或者文字是不允许的。

<li>相当于一个容器,可以容纳所有元素。

基本语法格式:

湖人总冠军
    • 列表项1
    • 列表项2
    • 列表项3
      1. 有序列表

      在HTML标签中,<ol>标签用于定义有序列表,列表排序以数字来显示,并使用<li>标签来定义列表项。

      <ol>中只能嵌套<li>,直接在<ol>标签中输入嵌套标签或者文字是不允许的。

      <li>相当于一个容器,可以容纳所有元素。

      基本语法格式:

      湖人总冠军

      小皮皮哈哈哈

      1. 列表项1
      2. 列表项2
      3. 列表项3
        1. 自定义列表

        在HTML标签中,<dl>标签用于定义自定义列表,该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

        <dl>只能包含<dt><dd>

        <dt><dd>个数没有限制,经常是一个<dt>对应多个<dd>

        基语法格式:

        湖人总冠军
        小皮皮
        小屁屁
        詹姆斯

        表单标签


        在HTML中,一个完整的表单通常有表单域,表单控件(表单元素)和提示信息三个部分组成。

        1. 表单域在这里插入图片描述

        2. 表单控件

        3. 输入表单元素

        在这里插入图片描述

        JavaScript 和 ES6

        在这个过程你会发现,有很多 JS 知识点你并不能更好的理解为什么这么设计,以及这样设计的好处是什么,这就逼着让你去学习这单个知识点的来龙去脉,去哪学?第一,书籍,我知道你不喜欢看,我最近通过刷大厂面试题整理了一份前端核心知识笔记,比较书籍更精简,一句废话都没有,这份笔记也让我通过跳槽从8k涨成20k。

        JavaScript部分截图

        如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

      转载请注明出处或者链接地址:https://www.qianduange.cn//article/12652.html
      标签
      评论
      发布的文章

      @JsonSerialize注解的使用

      2024-06-24 23:06:21

      npm install报错

      2024-06-24 23:06:56

      大家推荐的文章
      会员中心 联系我 留言建议 回顶部
      复制成功!