前端必备之HTML基础知识点

已于 2023-11-29 18:01:43 修改
阅读量813 收藏 17
点赞数 2
分类专栏： 前端 文章标签： html 前端 html5 笔记 经验分享
于 2022-12-03 10:41:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ASHIYI66/article/details/127798237
版权

前端必备之HTML基础知识点

HTML

1、基础认知

  • HTML(HTML (Hyper Text Markup Language）中文译为︰超文本标记语言。专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。

  • HTML骨架标签由html标签（网页的整体）、head标签（网页的头部）、body标签（网页的身体）、title标签（网页的标题）组成。

  • HTML注释：

  • HTML标签的结构：

  1. 标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名
  2. 常见标签由两部分组成，我们称之为:双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容< p >< p/ >
  3. 少数标签由一部分组成，我们称之为:单标签。自成一体，无法包裹内容。< br >
  • HTML标签与标签之间的关系：
  1. 父子关系(嵌套关系)
<head>
	<title></title>
</head>
  1. 兄弟关系(并列关系)
<head></head>
<body></body>

2、排版标签

2.1 标题标签

  • 代码：
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
  • 语义：1~6级标题，重要程度依次递减
  • 特点：文字都有加粗；文字变大，并且h1~h6文字逐渐减小；独占一行
  • 注意点：标题标签对网页尤为重要，开发中有特定的场景，如新闻的标题，网页的logo部分

2.2 段落标签

  • 代码：
<p>我是一段文字</p>
  • 语义：段落
  • 特点：段落之间存在间隙独占一行

2.3 换行标签

  • 代码：
<br>
  • 语义：换行
  • 特点：单标签；让文字强制换行

2.4 水平线标签

  • 代码：
<hr>
  • 语义：主题的分割转换
  • 特点： 单标签，在页面中显示一条水平线

3、文本格式化标签

	<b>加粗</b>
    <strong>加粗</strong>
    <u>下划线</u>
    <ins>下划线</ins>
    <i>倾斜</i>
    <em>倾斜</em>
    <s>删除线</s>
    <del>删除线</del>
  • 语义：突出重要性的强调语境
  • 优点：有利于人的理解和记忆，有利于机器解析，对搜索引擎（SEO）有帮助
  • 推荐：strong/ins/rm/del 表示的强调语义更强烈

4、媒体标签

4.1 图片标签

  • 代码：
<img src ="" alt="">
  • 特点：单标签，img标签需要展示对应的效果，需要借助标签的属性进行设置

在这里插入图片描述

  • 属性注意点：标签的属性写在开始标签内部；标签上可以同时存在多个属性；属性之间以空格隔开；标签名与属性之间必须以空格隔开；属性之间没有顺序之分

src属性

  • 属性名：src
  • 属性值：目标图片的路径
  • 注意点：注意路径问题

alt属性

  • 属性名：alt
  • 属性值：替换文本
    • 当图片加载失败时，才显示alt的文本
    • 当图片加载成功时，不会显示alt的文本

title属性

  • 属性名：title

  • 属性值：提示文本

    • 当鼠标悬停时，才显示的文本

  • 注意点：title属性不仅可用于图片标签，还可以用于其他标签

width和height标签

  • 属性名：width和height

  • 属性值：宽度和高度

  • 注意点：

    • 只设置width和height中的一个，另一个没设置的会自动等比例缩放
    • 同时设置width和height两个，若设置不当此时图片可能会变形

4.2 路径

绝对路径

  • 指目录的绝对位置，可直接到达目标位置，通常从盘符开始的路径
  • 举例：
    • 盘符开头：D:\images\1.jpg
    • 完整的网络地址：https://www.itcast.cn/2018czgw/images/logo.gif

相对路径

  • 从当前文件开始出发找目标文件的过程
  • 同级目录：当前文件和目标文件在同一目录中

在这里插入图片描述

  • 代码步骤：

    • 方法一: < img src=“目标图片.gif”>
    • 方法二: < img src=“./目标图片.gif”>

  • 下级目录：目录文件在下级目录中

在这里插入图片描述

  • 代码步骤：< img src=“images/目标图片.gif”>

  • 上级目录：目录文件在上级目录中

在这里插入图片描述

  • 代码步骤：< img src=“…/目标图片.gif”>

4.3 音频文件

  • 代码：
  <audio src=" ./music.mp3" controls></ audio>
  • 常见属性：
属性名功能
src音频的路径
controls显示播放的控件
autoplay自动播放(部分浏览器不支持)
loop循环播放
  • 注意点：音频标签目前支持三种格式MP3、Wav、Ogg

4.4 视频文件

  • 代码：
<video src=" ./video.mp4" controls></video>
  • 常见属性：
属性名功能
src视频的路径
controls显示播放的控件
autoplay自动播放（谷歌浏览器中需要配合muted实现静音播放）
loop循环播放
  • 注意点：视频标签目前支持三种格式MP4、WebM、Ogg

5、链接标签

  • 代码：
<a href="./目标网页.html">超链接</a>
  • 特点：双标签；需要a标签点击之后去指定页面，需要设置a标签的href属性

href属性

  • 属性名：href

  • 属性值：目标网页的路径

    • 外部链接：< a href=“https : // www .baidu.com/”>百度一下< /a>
    • 内部链接：< a href =“./目标网页.html”>目标网页< /a>

  • 显示特点：

    • a标签默认文字有下划线
    • a标签从未点击过，默认文字显示蓝色
    • a标签点击过之后，文字显示为紫色

target属性

  • 属性名：target

  • 属性值：目标网页的打开形式

    取值效果
    _self默认值，在当前窗口中跳转（覆盖原网页）
    _blank在新窗口中跳转（保留原网页）

空链接

  • 代码：
<a href="#">空链接</a>
  • 功能：
    • 点击之后回到网页顶部
    • 开发中不确定该链接最终跳转位置，用空链接占个位置

6、列表标签、

6.1 无序列表（最常用）

  • 场景:在网页中表示一组无顺序之分的列表，如:新闻列表。

在这里插入图片描述

  • 标签组成:
标签名说明
ul表示无序列表的整体，用于包裹li标签
li表示无序列表的每一项，用于包含每一行的内容
  • 代码：
	<ul>
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
    </ul>
  • 显示特点:列表的每一项前默认显示圆点标识
  • 注意点:
    • ul标签中只允许包含li标签
    • li标签可以包含任意内容

6.2 有序列表（偶尔用）

  • 场景:在网页中表示一组有顺序之分的列表，如:排行榜。

在这里插入图片描述

  • 标签组成:
标签名说明
ol表示有序列表的整体，用于包裹li标签
li表示无序列表的每一项，用于包含每一行的内容
  • 代码：
	<ol>
        <li>C:100</li>
        <li>C++:95</li>
        <li>Java:80</li>
    </ol>
  • 显示特点:列表的每一项前默认显示序号标识
  • 注意点:
    • ol标签中只允许包含li标签
    • li标签可以包含任意内容

6.3 自定义列表（底部导航用）

  • 场景:在网页的底部导航通常会使用自定义列表来实现

在这里插入图片描述

  • 标签组成:
标签名说明
dl表示自定义列表的整体，用于包裹dt/dd标签
dt表示自定义列表的主题
dd表示自定义列表的针对主题的每一项内容
  • 代码：
	<dl>
        <dt>帮助中心</dt>
        <dd>账户管理</dd>
        <dd>购物指南</dd>
    </dl>
  • 显示特点:dd前会默认显示缩进效果
  • 注意点:
    • dl标签中只允许包含dt/dd标签
    • dt/dd标签可以包含任意内容

7、表格标签

7.1 表格的基本标签

  • 场景：在网页中以行+列的单元格的方式整齐展示和数据，如：学生成绩表
  • 基本标签：
标签名说明
table表格整体，可用于包裹多个tr
tr表格每行，可以用于包裹td
td表格单元格，可用于包裹内容
  • 注意点：标签的嵌套关系 table>tr>td

7.2 表格相关属性

  • 场景：设置表格基本展示效果
  • 常见相关属性：
属性名属性值效果
border数字边框宽度
width数字表格宽度
height数字表格高度
  • 代码：
	<!-- table 包含 tr, tr包含td -->
    <table border="1" width="600" height="400">
        <tr>
            <td>姓名</td>
            <td>成绩</td>
            <td>评语</td>
        </tr>
        <tr>
            <td>王兴唐</td>
            <td>100分</td>
            <td>优秀</td>
        </tr>
        <tr>
            <td>百的类</td>
            <td>85分</td>
            <td>良好</td>
        </tr>
    </table>
  • 注意点：实际开发对于样式效果推荐用CSS设置

7.3 表格标题和表头单元格标签

  • 场景：在表格中表示整体大标题和一列小标题
  • 其他标签：
标签名名称说明
caption表格大标题表示表格整体大标题，默认在表格整体顶部居中位置显示
th表头单元格表示一列小标题，通常用于表格第一行，默认内部文字加粗并居中显示
  • 代码：
	<table border="1">
        <caption><strong>学生成绩单</strong></caption>
        <tr>
            <!-- <td></td> -->
            <th>姓名</th>
            <th>成绩</th>
            <th>评语</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>100分</td>
            <td>真棒, 第一名</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>99分</td>
            <td>真棒, 第二名</td>
        </tr>
        <tr>
            <td>王二</td>
            <td>78</td>
            <td>再接再厉，第三名</td>
        </tr>
    </table>
  • 注意点：
    • caption标签书写在table标签内部
    • th标签书写在tr标签内部（用于替换td标签）

7.4 表格的结构标签

  • 场景：让表格的内容结构分组，突出表格的不同部分（头部、主体、底部），使语义更加清晰
  • 结构标签：
标签名名称
thead表格头部
tbody表格主体
tfoot表格底部
  • 代码：
	<table border="1">
        <caption><strong>学生成绩单</strong></caption>
        <thead>
            <tr>
                <!-- <td></td> -->
                <th>姓名</th>
                <th>成绩</th>
                <th>评语</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>100分</td>
                <td>真棒, 第一名</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>99分</td>
                <td>真棒, 第二名</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>王二</td>
                <td>78</td>
                <td>再接再厉，第三名</td>
            </tr>
        </tfoot>
    </table>
  • 注意：
    • 表格结构标签内部用于包裹tr标签
    • 表格的结构标签可以省略

7.5 合并单元格

  • 场景：将水平或垂直多个单元格合并成一个单元格
  • 步骤：
  1. 明确合并哪几个单元格
  2. 通过左上原则，确定保留谁删除谁
    • 上下合并 - - 只保留最上的，删除其它
    • 左右合并 - - 只保留最左的，删除其它
  3. 给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan）
属性名属性值说明
rowspan合并单元格的个数跨行合并，将多行的单元格垂直合并
colspan合并单元格的个数跨列合并，将多列的单元格水平合并
  • 代码：
	<table border="1">
        <caption><strong>学生成绩单</strong></caption>
        <thead>
            <tr>
                <!-- <td></td> -->
                <th>姓名</th>
                <th>成绩</th>
                <th>评语</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td rowspan="2">100分</td>
                <td>真棒</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>真棒</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总结</td>
                <td colspan="2">非常不错</td>
            </tr>
        </tfoot>
    </table>
  • 只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨：thead、tbody、tfoot）

8、表单标签

8.1 input系列标签

  • 场景：在网页中显示收集用户信息的表单效果，如：登录页、注册页
  • 标签名：input
    • input标签可以通过 type属性值的不同，展示不同效果
  • type属性值：
type属性值说明
text文本框，用于输入单行密码
password密码框，用于输入密码
radio单选框，用于多选一
checkbox多选框，用于多选多
file文件选择，用于之后上传文件
submit提交按钮，用于提交
reset重置按钮，用于重置
button普通按钮，默认无功能，之后配合js添加功能
  • 代码：
	<!-- 写什么就显示什么 -->
    文本框: <input type="text">
    <br>
    <br>
    <!-- 书写的内容都会变成点点显示 -->
    密码框: <input type="password">

    <br>
    <br>
    单选框: <input type="radio">

    <br>
    <br>

    多选框: <input type="checkbox">

    <br>
    <br>

    上传文件: <input type="file">

文本框

  • 场景：在网页中线束输入单行文本的表单控件
  • type属性值：text
  • 常用属性：
属性名说明
placeholder占位符，提示用户输入内容的文本

（扩展）value属性和name属性作用的介绍

  • value属性:用户输入的内容，提交之后会发送给后端服务器
  • name属性:当前控件的含义，提交之后可以告诉后端发送过去的数据是什么含义
  • 后端接收到数据的格式是: name的属性值= value的属性值

在这里插入图片描述

密码框

  • 场景：在网页中显示输入密码的表单控件
  • type属性值：password
  • 常用属性：
属性名说明
placeholder占位符，提示用户输入内容的文本
  • 代码：
	<input type="text" placeholder="请输入用户名">
    <input type="password" placeholder="请输入密码">
  • 注意点：type属性值不要拼错或者多加空格，否则相当于设置了默认值状态：text - > 文本框。

单选框

  • 场景：在网页中显示多选一的单选表单控件
  • type属性值：radio
  • 常用属性：
属性名说明
name分组。有相同name属性值的单选框为一组，一组中同时只能有一个被选中
checked默认选中
  • 代码：
	性别: <input type="radio" name="sex">男
          <input type="radio" name="sex" checked>女

    <input type="checkbox" checked>
  • 注意点：
    • name属性对于单选框有分组功能
    • 有相同name属性值的单选框为一组，一组中只能同时有一个被选中

复选框

  • 场景：在网页中显示多选多的多选表单控件
  • type属性值：checkbox
  • 常用属性：
属性名说明
checked默认选中

文件选择

  • 场景：在网页中显示文件选择的表单控件
  • type属性值：file
  • 常用属性：
属性名说明
multiple多文件选择
  • 代码：
<input type="file" multiple>

按钮

  • 场景：在网页中显示不同功能的按钮的表单控件

  • type属性值：

    标签名说明
    submit提交按钮，点击之后提交数据给后端服务器
    reset重置按钮，点击之后恢复表单默认值
    button普通按钮，默认无功能，配合js添加功能

  • 代码：

		用户名: <input type="text">
        <br>
        <br>
        密码: <input type="password">
        <br>
        <br>
        <!-- 按钮 -->
        <input type="submit" value="免费注册">
        <input type="reset">
        <input type="button" value="普通按钮">
        <!-- 属性  xx="xxx" -->
  • 注意点：
    • 如果需要实现以上按钮功能，需要配合form标签使用
    • form使用方法：用form标签把表单标签一起包裹起来

8.2 button按钮标签

  • 场景：在网页中显示用户点击的按钮
  • 标签名：button
  • type属性值
标签名说明
submit提交按钮，点击之后提交数据给后端服务器
reset重置按钮，点击之后恢复表单默认值
button普通按钮，默认无功能，配合js添加功能
  • 代码：
	<button>我是按钮</button>
    <button type="submit">提交按钮</button>
    <button type="reset">重置按钮</button>
    <button type="button">普通按钮, 没有任何功能</button>
  • 注意点：
    • 谷歌浏览器中的button默认是提交按钮
    • button标签是双标签，更便于包裹其他内容：文字、图片等

8.3 select下拉菜单标签

  • 场景：在网页中提供多个选择项的下拉菜单表单控件
  • 标签组成：
    • select标签：下拉菜单的整体
    • option标签：下拉菜单的每一项
  • 常见属性：selected - - 下拉菜单的默认选择
  • 代码：
	<select>
        <option>北京</option>
        <option selected>上海</option>
        <option>广州</option>
        <option>深圳</option>
    </select>

8.4 textarea文本域标签

  • 场景：在网页中提供可输入多行文本的表单控件
  • 标签名：textarea
  • 常见属性：
    • cols：规定了文本域内可见宽度
    • rows：规定了文本域内可见行数
  • 代码：
<textarea cols="60" rows="30"></textarea>
  • 注意点：
    • 右下角可以拖拽改变大小
    • 实际开发时针对于样式效果推荐用CSS设置

8.5 label系列标签

  • 场景:常用于绑定内容与表单标签的关系
  • 标签名: label
  • 使用方法①:
    1. 使用label标签把内容（如:文本）包裹起来
    2. 在表单标签上添加id属性
    3. 在label标签的for属性中设置对应的id属性值
  • 使用方法②:
    1. 直接使用label标签把内容（如:文本)和表单标签一起包裹起来
    2. 需要把label标签的for属性删除即可
  • 代码：
	性别: 
    <input type="radio" name="sex" id="nan"> <label for="nan">男</label>
   
	<label><input type="radio" name="sex"> 女</label>

9、语义化标签

9.1 没有语义的标签

  • 场景：实际开发网页时会大量频繁用到div和span这两个没有语义的布局标签
  • div标签：一行只显示一个
  • span标签：一行可以显示多个
  • 代码：
	普通文字

    <div>这是div标签</div>
    <div>这是div标签</div>

    <span>这是span标签</span>
    <span>这是span标签</span>

9.2 有语义的标签

  • 场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用
  • 标签：
标签名语义
header网页头部
nav网页导航
footer网页底部
aside网页侧边栏
section网页区块
article网页文章

在这里插入图片描述

  • 注意点：以上标签显示特点和div一致，但是比div多了不同的语义

10、字符实体

  • 问题：在html代码中同时并列出现多个空格、换行、缩进，最终浏览器只会解析出一个空格
  • 场景：在网页中展示特殊符号效果时，需要使用字符实体替代
  • 常见字符实体：
显示结果描述实体名称
空格&nbsp；
<小于号& lt;
>大于号& gt;
&和号& amp;
"引号& quot;
‘撇号& apos;(IE不支持)
￠分(cent)& cent；
£磅(pound)& pound；
¥元(yen)& yen；
€欧元(euro)& rueo；
§小节& sect；
©版权(copyright)& copy；
®注册商标& reg；
™商标& trade；
×乘号& times；
÷除号& divide；

11、更多

MDN Web Docs（旧称Mozilla Developer Network、Mozilla Developer Center，简称MDN）是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。

https://developer.mozilla.org/zh-CN/

会思想的苇草i
关注
  • 2
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端开发必备知识点杂谈
huangzhixin1996的博客
05-21 980
①解析 URL，判断是否命中缓存（DNS prefetch）②访问 DNS 服务器，将域名解析获取 IP 地址③三次握手建立 TCP 连接④发送 HTTP 请求⑤服务器处理请求并返回 HTTP 报文⑥浏览器解析渲染页面⑦断开连接：TCP 四次挥手。
前端必备知识点(html,css,bootstrap,javascript,jquery)
05-10
前端必备知识点(html,css,bootstrap,javascript,jquery)
前端面试必备知识点总结(持续更新)
Laollaoaolao的博客
03-08 5082
这篇博客是对前端面试所必须掌握的知识点的总结,并且这篇博客正在持续更新中… 1.JavaScript 基础 1.执行上下文/作用域/闭包 1.什么是执行上下文? 执行上下文是评估和执行JavaScript代码环境的抽象概念。每当JavaScript代码在运行时，他都是在执行上下文中运行。 执行上下文的类型 JavaScript共有三种执行上下文类型 全局执行上下文 这是基础的上下文,任何不在函数内部的代码都在全局上下文中.他会执行两件事:创建一个全局的window对象(浏览器环境的情况下),并且设
html最全知识点（超级详细）
2301_79099287的博客
05-23 927
一列格式自定义的列表（几乎不用）十一、 HTML中的特殊字符（记忆）有时候需要在页面中显示空格、等特殊字符这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！！div和span是没有语义的标签，一般用于页面布局使用（项目中会经常使用到）这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！！
前端基础知识总结
Shi_haoliu的博客
04-03 954
归纳，总结，理解。慢慢更新，打工人-http,html,es6,js
进阶中级前端必备知识点
前端程序员、项目经理、人工智能博主
12-20 1244
闭包说的通俗一点就是打通了一条在函数外部访问函数内部作用域的通道。正常情况下函数外部是访问不到函数内部作用域变量的，表象判断是不是闭包:函数嵌套函数,内部函数被return 内部函数调用外层函数的局部变量优点：可以隔离作用域，不造成全局污染缺点：由于闭包长期驻留内存，则长期这样会导致内存泄露如何解决内存泄露：将暴露全外部的闭包变量置为null适用场景：封装组件，for循环和定时器结合使用,for循环和dom事件结合.可以在性能优化的过程中,节流防抖函数的使用,导航栏获取下标的使用。
【前端三件套——CSS基础】网页开发必备知识
weixin_62542181的博客
05-10 5056
文章目录前言导读1. CSS引入方式1.1内嵌式1.2 外联式1.3 行内式2. 基础选择器 前言 上文笔者对HTML做了较为全面的总结，前端三件套三下五除二，我们就干掉三分之一了（狗头） 那么接下来就是我们的层叠样式表——CSS，它的作用就是给页面中的HTML标签设置样式的，那些下面就开启我们今天的旅程吧 导读 CSS语法： 选择器{ 属性名：属性值；} 选择器简单理解就是选择的标签名，如p，大括号里面的就是CSS的属性了，也就是将选择的标签设置某个样式 如： p{ color：re...
HTML基础知识点
qq_40046544的博客
07-27 8619
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
前端基础知识点
weixin_45875721的博客
07-30 3471
作为一名准大二学生，我准备提前预习前端的一些知识，所以就准备写了这篇文章，文章中有自己理解的，还有百度查到的，希望会对准备学习前端的同学有帮助。 1，什么是前端？ 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。 2，前端的核心技术 HTML， CSS， JavaScript。 这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这是前端的基础，一定...
Web前端必备：JavaScript基础知识梳理
weixin_51689029的博客
03-18 425
Web前端必须掌握的三种技能：HTML/CSS/JavaScript。其中JavaScript相对有一定的难度，甚至部分企业专门设置的JavaScript开发工程师的岗位。今天和大家分享一下JavaScript部分基础知识。 1、执行环境：有时也叫环境，是JavaScript中最为重要的一个概念，执行环境定义了变量或函数有权访问的其他数据。 2、变量对象：每一个执行环境都有一个与之关联的变量对象，环境中定义的所有的变量和函数都保存在这个的对象中。 3、作用域链：代码在环境中执行时，会创建变量对象的作用域链，
前端JavaScript必备知识点三
m0_52704461的博客
09-01 179
前端JavaScript必备知识点
前端知识点总结前端知识点总结
08-09
在前端开发中，掌握各种知识点是至关重要的。本文将对前端开发中的关键概念进行深入的总结，主要包括HTML、CSS、JavaScript、Vue.js组件通信以及一些实用技巧。 首先，基础的前端知识包括HTML、CSS和JavaScript。...
前端工程师面试必备开发知识视频教学合集
09-14
根据提供的标题、描述以及部分文件内容，我们可以梳理出一系列与前端开发面试相关的知识点。下面将对这些知识点进行详细的解析。 ### 1. 类型的传递（类型的传遇1.avi / 类型的传递2.avi） 在JavaScript中，了解...
前端面试必备1000题HTML+CSS+JS
12-24
面试中可能会涉及以下知识点： 1. HTML5新特性：包括离线存储、拖放功能、新的表单元素（如`<input type="date">`）以及语义化标签（如`<header>`、`<footer>`、`<article>`等）。 2. 元素嵌套与语义：理解元素的...
前端知识点梳理 web前端
05-09
随着不同设备和屏幕尺寸的普及，响应式设计成为前端必备技能。它确保网站在各种设备上都能提供良好的用户体验。通过媒体查询（Media Queries）、弹性布局（Flexbox）和网格布局（Grid）等技术，可以创建自适应的页面...
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 1184
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
html实现酷炫美观的可视化大屏(十种风格示例，附源码)
xcLeigh
07-25 2762
html实现酷炫美观的可视化大屏(十种风格示例，附源码)，大屏源码，可视化大屏模板源码，html可视化大屏源码下载，内含十种不同风格的大屏可视化代码，详细的讲解，酷炫的线条，美观的设计，让图文图表结合的更融洽。兼容各种大屏，调整页面到合适的分辨率，F12全屏观看。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
前端Web-JavaScript(上)
最新发布
Yu2uki的博客
07-31 1324
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会思想的苇草i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值