sjxxxx_

小白学习Java第二十三天＜进入Javaweb＞

课程介绍：

今日内容：

HTML概述
软件架构
HTML语言介绍
HTML入门案例
HTML常见标签

文本标签

媒体标签

超链接

表格

表单

框架

实体字符

div/span

H5新特性

一、HTML概述

HTML用于编写网页，我们日常中通过浏览器网络访问的网页大部分都是使用HTML编写。

通过鼠标右键查看网页源代码就能查看到具体的HTML代码。

网页内容包含：HTML代码、CSS代码、JavaScript代码等内容，俗称网页三剑客。

HTML代码：用于展示数据，即页面内容的呈现；

CSS代码：使页面内容展示不同的效果，即给页面内容化妆；

JavaScript代码：使整个页面显示的元素具有动画的效果，并能与用户实现动态交互；

二、软件架构

目前市场上有两种流行的软件架构：

C/S架构:Client/Server 客户端/服务器。要求用户安装一个客户端程序。

B/S架构：Browser/Server 浏览器/服务器。通过浏览器与服务器交互，不需要安装其他程序。

（一）C/S架构

C/S架构：Client/Server 客户端/服务器。要求用户安装一个客户端程序。

原理图:

主要特点:

交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。但是该结构的程序是针对性开发，变更不够灵活，维护和管理的难度较大。

常见应用：

qq音乐、王者荣耀、网易云、消消乐

优点：

用户体验好，效果炫

对信息安全的控制较强

应用服务器运行数据负荷较轻，部分计算功能在客户端完成

缺点：

占用硬盘空间

维护麻烦

安装使用依赖其他条件

（二）B/S架构

B/S架构：Browser/Server 浏览器/服务器。通过浏览器与服务器交互，不需要安装其他程序

原理图:

主要特点:

分布性强、维护方便、开发简单且共享性强、总体拥有成本低。但数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低。

常见应用：

12306、淘宝、京东...

优点：

维护和升级简单，无缝升级。

不用必须安装程序，操作系统内置了浏览器。大大减少了使用成本

缺点：

动画效果受浏览器限制

对信息安全控制较差。例如：网银就需要使用U盾，在浏览器端加密。

应用服务器运行数据负荷较重。大部分计算都在服务器端，增加服务器压力。使用Ajax可以改善部分用户体验。

（三）资源分类

资源分类分为:

静态资源和动态资源

1、静态资源

静态资源: 使用静态网页技术开发的资源(Html,CSS,JavaScript)

特点：

所有用户访问，得到的结果是一样的。

举例:

文本，图片，音频，视频，Html,CSS,JavaScript都属于静态资源

如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器种内置了静态资源的解析引擎，可以展示静态资源浏览器本身也是一个应用程序。

2、动态资源

动态资源: 是从资源的服务器里面的数据库拿出来的, 使用动态网页技术发布的资源。

特点：

所有用户访问，得到的结果可能不一样

举例：

jsp/servlet,php,asp…

如果用户请求的是动态资源，那么服务器会根据用户的需求从数据库获取动态数据，再将数据发送给服务器，与静态页面进行数据绑定转换为静态资源，再发送给客户端浏览器。

三、HTML语言介绍

（一）什么是HTML

HTML:超文本标记语言(Hyper Text Markup Language)。

超文本：一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。

简单说不仅可以加载文本还可以加载图片、视频、音频等

标记语言：由标签组成的语言，标记语言不是编程语言。如：...。

（二）HTML作用及版本

作用:

使用标记标签来描述网页，需要运行在浏览器上(推荐使用谷歌、火狐)

版本介绍：

超文本置标语言(第一版)——在1993年6月作为互联网工程工作小组工作草案发布（并非标准）。

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时。

HTML 3.2——1996年1月14日，W3C推荐标准

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

HTML 5.0——2008年发布，2012年形成稳定版本。

四、HTML入门案例

（一）HTML基本语法

基本语法包含：标签和属性

文件的后缀：html的后缀名是 .html(推荐使用) 或者 .htm
标签由尖括号包围的关键词，比如
标签分类：① 双边标签：如 ② 单边标签：如
标签的嵌套：要正确嵌套

正确演示：

错误演示：

标签不区分大小写（建议小写）
在开始标签中可以定义属性，属性是以键值对的形式，值需要引号引起来
标签名都是预定义好的，可以直接使用但不可以随便定义
xxx.xml 这样格式的文件，允许自定义标签
html语言的严谨性要弱一些

（二）创建第一个HTML文件

在本地的任意一个位置创建文本文档，将后缀名改成html或者htm

选择使用记事本或任何文本编辑工具打开文件

编写HTML标签

右键文件选择使用任意一个浏览器打开，开始你的HTML之旅吧！

（三）HTML编辑工具

简易编辑工具：记事本、Notepad++、EditPlus

集成开发工具：HBuilder、Webstorm(收费)、Sublime、VSCode。

使用VSCode开发第一个页面

步骤:

先创建一个文件当做项目的工作空间, 然后使用VSCode引入文件路径

2 . 创建项目名

3. 在项目下创建文件

4. 安装使用默认浏览器插件, 然后右键执行（快捷键ALT+B）

HTML基本文档结构如下:

1. ：声明文档类型

2. html：html文档的根标签

3. head: 头标签，用于指定html一些属性和引入外部资源

4. title：标题标签，设置当前页面的标题

5. meta标签：指定当前页面的字符编码

6. body：体标签，显示在页面中内容

7. 注释：

五、HTML常见标签

常见标签分类介绍：

文本标签、多媒体标签、列表标签、链接标签、表格标签、表单标签、框架标签、字符实体等。

（一）标题标签

HTML提供系列标签，这里的*代表1-6，用于修饰标题，其中

定义最大的标题，
定义最小的标题。

标题标签：
标题1
...
标题6

（二）段落标签

段落标签，使得文本独立成段。

属性解析:

属性名

属性说明

align

段落对齐方式

left左对齐（默认）

center 居中

right 右对齐

文本格式化标签

文本格式化标签:主要用于修饰文本内容的标签。

1、换行标签

换行标签，是一个单标记标签，每次需要换行就添加一个
标签，换几行加几个。

2、分割线标签

标签在HTML页面中创建一条水平的分割线，用于定义内容的主题变化。

属性解析:

属性名	属性说明
width	定义水平线的长短单位是像素/百分比
size	定义水平线的粗细单位是像素/百分比
color	定义水平线的颜色颜色可以是英文单词：例如red,blue,yellow,pink 颜色也可以是编码：#FF0000

3、加粗标签

> 、标签可以使字体加粗。

4、斜体标签

、标签可以使字体倾斜。

5、上标标签

2⁵ 可以表示为25

下标标签

H_{2_O}可以表示为H2O

7、字体格式化标签

用于设置字体尺寸、字体颜色等。

属性解析:

属性名

属性说明

size

定义字体大小, 默认大小3号。

取值范围:1~7

1号最小，7号最大

color

设置字体的颜色

颜色可以是英文单词：例如red,blue,yellow

颜色也可以是编码：#FF0000

8、居中标签

居中标签:
标签用于将文本居中显示。

（五）HTML多媒体标签

1、HTML图片标签

如果我们想要在HTML网页中展示图片，首先需要准备好图片，格式不限，jpg、png、gif 均可。

标签:

通常情况我们会将图片copy到项目的img文件夹下：

属性解析：

属性名

属性说明

src

设置图片的引用路径，可以是相对路径或绝对路径

相对路径

    ./ 当前目录

../ 上一级目录

../../ 上上一级目录

2. 绝对路径

网络绝对路径：通过url地址加载资源如：https://timgsa.baidu.com/timg?image/xx.png

磁盘绝对路径需要通过本地访问该页面如：D:\\images\\1.jpg

width

设置图片的宽度，以像素为单位。

height

设置图片的高度，以像素为单位

title

悬浮文字，当鼠标悬浮到图片上时的提示文字

alt

替代文本，由于某种原因图片无法显示时会使用替代文本替代图片内容。

2、HTML音频标签

标签定义声音，比如音乐或其他音频流。

子标签，资源意思

属性解析:

属性名

属性说明

src

要播放的音频的 URL，是source标签的属性

controls

如果出现该属性，则向用户显示控件，比如播放按钮

autoplay

如果出现该属性，则音频在就绪后马上播放。

loop

如果出现该属性，则每当音频结束时重新开始播放

muted

规定视频输出应该被静音

代码示例：

效果演示：

3、HTML视频标签

标签定义视频，比如电影片段或其他视频流。

子标签

属性解析:

属性名

属性说明

src

要播放的视频的 URL

controls

如果出现该属性，则向用户显示控件，比如播放按钮

height

设置视频播放器的高度

width

设置视频播放器的宽度

loop

如果出现该属性，则当媒介文件完成播放后再次开始播放

muted

规定视频的音频输出应该被静音

autoplay

如果出现该属性，则视频在就绪后马上播放。

代码示例：

效果演示：

（六）HTML列表标签

定义无序列表
定义有序列表
列表项, 是ul和ol的子标签

特别说明：

    ul和ol标签都有type属性，可以用来设置列表项前面的项目符号类型。

属性解析:

属性名

属性说明

type

定义列表的符号类型。

有序列表：取值：A、a 、I 、i 、1 等(默认type="1")

无序列表：取值：disc 实心圆、square 方块、circle 空心圆(默认type="disc")

（七）超链接标签

超链接标签是在html页面中提供一种页面间跳转的方式。

语法结构：

目标地址” target=”目标”>热点文字或图片

属性解析：

属性名

属性说明

href

访问目标的url地址（必填）

地址取值:

目标路径或者锚点

target

定义打开页面的方式 ,常用的两种方式取值为：

取值：

_blank 在新的选项卡中打开

_self 在本页面打开（默认）

（八）HTML表格标签

2.1、表格标签

HTML中一个表格由
标签及一个或多个加若干
标签组成。

table:表格容器标签

tr：行

td: 列（单元格）

语法格式：






常用标签:

标签名

作用

table

父标签，相当于表格的容器

tr

用来定义行，写在
标签内
标签内

td

用来定义列（单元格），写在

th

表格的列标题: 加粗，居中

caption

表格的标题

thead

标签定义表格的表头

tbody

标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容

tfoot

标签定义表格的页脚（脚注或表注）。该标签用于组合 HTML 表格中的表注内容。

属性解析：

属性名

属性说明

border

表格边框的宽度(粗细)

width

表格的宽度

height

表格的高度

align

可以用在
标签中，表示表格相对于整个浏览器窗口的居中对齐；也可用在或
标签中，设置单元格内容的对齐方式

取值：left 居左、right 居右、center 居中

bgcolor

表格的背景颜色(table/tr/td 小的会覆盖大的)

rowspan

合并行（跨行）只能用在td/th

colspan

合并列（跨列）只能用在td/th

cellspacing

单元格之间的空白

cellpadding

表格边缘与内容之间的空白

普通案例代码1：

DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>表格标签title>

head>

<body>



   <table border="1px"  align="center" width="400px" cellspacing="0px" cellpadding="10px" bgcolor="green">

       <tr align="center" bgcolor="orange">

           <td>姓名td>

           <td>年龄td>

           <td>爱好td>

       tr>

       <tr  align="center">

           <td bgcolor="red">张三td>

           <td>23td>

           <td>唱歌td>

       tr>

       <tr  align="center">

           <td>李四td>

           <td>24td>

           <td>跳舞td>

       tr>

       <tr  align="center">

           <td>王五td>

           <td>25td>

           <td>爬山td>

       tr>

   table>

body>

html>

跨行跨列表格代码2：

DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>跨行跨列的表格标签title>

head>

<body>

   <table border="1px" width="500px">

       <caption><h2>学生信息表h2>caption>

       <tr align="center">

           <th>学号th>

           <th>姓名th>

           <th>性别th>

           <th>个人简介th>

       tr>

       <tr align="center">

           <td>1001td>

           <td>张三td>

           <td>男td>

           <td>我学习最好td>

       tr>

       <tr align="center">

           <td>1002td>

           <td>李四td>

           <td>男td>

           <td rowspan="2">我是一名演员td>

       tr>

       <tr align="center">

           <td>1003td>

           <td>王五td>

           <td>女td>

       tr>

       <tr align="center">

           <td>1004td>

           <td colspan="2">小六td>

           <td>小绵阳td>

       tr>

   table>

body>

html>

（九）HTML表单标签

表单的作用：HTML 表单的主要作用是接收用户的输入，当用户提交表单时，浏览器将用户在表单中输入的数据打包，并发送给服务器，从而实现用户与Web服务器的交互。

表单是控件的容器，一个表单由form元素、表单控件和表单按钮三部分组成。

2、案例相关标签

2.1、表单标签

是在页面中创建出一个表单，表单标签在HTML中是没有效果展示的，能展示的是表单中的各种标签。如果数据需要提交给服务器，负责收集数据的标签必须放在表单之中。

表单控件和表单按钮

属性解析:

属性名

属性说明

action

数据提交的路径，指向数据提交的服务器地址

method

数据提交的方式，常用取值：get、post

enctype

规定在发送到服务器之前应该如何对表单数据进行编码

取值三种方式:

application/x-www-form-urlencoded:默认的编码方式。但在用文本的传输和MP3等大型文件的时候，使用这种编码就显得效率低下(也就是说上传文本格式的文件)。

multipart/form-data:指定传输数据为二进制类型，比如图片，mp3，文件，文件上传时使用。

text/plain：纯文本的传输。空格转换为"+"号，但不对特殊字符编码。

2.2、输入域标签

标签用于获取用户输入信息，通过指定type值达到搜集不同信息的目的。是我们在html中最常用的标签。

语法：

input属性：

属性名

属性说明

id

为当前组件提供一个唯一的标识

type

定义表单输入项input的组件类型

详见下一个表格type属性值说明

name

为当前组件提供一个名称

服务器会根据当前的名称获取当前组件提供的数据

value

为当前组件设置值。

value属性的设置策略：

①文本框、密码框这样的表单输入项，可以不强制指定value，因为用户可以自由输入

②单选框、复选框这样的表单输入项，必须强制指定value，因为用户无法输入，只能选择，如果不指定value，那么提交上去的只有on

checked

设置单选框/复选框的默认选中状态（全选、反选）

readonly

设置该标签的参数值只读，用户无法手动更改。

但是数据是可以正常提交

disabled

设置该标签不可用（禁用），参数值无法更改，且参数值也无法提交

size

组件的长度

maxlength

设置允许输入的最大的长度

placeholder

输入框的提示信息

input-type属性值说明:

属性值

说明

text

文本框(默认)，单行的输入字段，用户可在其中输入纯文本。

password

密码框。内容为非明文

radio

单选框。必须将其设置为同一组(name的名字必须相同)

checkbox

复选框。必须将其设置为同一组(name的名字必须相同)

file

附件框。用于文件上传。

hidden

隐藏域。数据可以通过表单发送至服务器，但是浏览器不会显示。

submit

提交按钮。用于控制表单提交数据。

name属性一般不用设置，设置value属性将按钮起一个名字

reset

重置按钮。用于将所有的表单输入项恢复到 默认状态

image

图形提交按钮，与submit按钮等价

button

普通按钮。需要和JavaScript事件一起用

2.3、下拉列表标签：



属性解析:

属性值

说明

name

下拉列表框的名字。

属性selected选中项、value为当前下拉项的值

multiple

multiple 属性规定输入字段可选择多个值

2.4、文本域标签

写法格式:

HTML提供了多行输入的文本控件

属性解析:

属性值

说明

cols

设置文本域的列数

rows

设置文本域的行数

注意:如果需要固定文本域行列的大小,需要使用CSS样式固定;

<style>

     textarea {

         resize: none;

     }

style>

2.5、按钮标签

标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

完整代码：

DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>表单标签title>

    <style>

        textarea{

            resize: none;

        }

    style>

head>

<body>



   <form name="regist" action="demo02-标题标签.html" method="post" >

        <p>账号:<input name="username" type="text" maxlength="4" placeholder="请输入账号">p>

        <p>密码:<input name="password" type="password">p>

        <p>性别:



            <input name="sex" type="radio" checked="checked" value="男">男

            <input name="sex" type="radio" value="女">女

        p>

        <p>

            爱好:

            <input name="hobby" type="checkbox" value="唱歌">唱歌

            <input name="hobby" type="checkbox" value="跳舞">跳舞

            <input name="hobby" type="checkbox" value="打篮球">打篮球

            <input name="hobby" type="checkbox" value="rap">rap

        p>

        <p>

            头像:<input name="pic" type="file">

            <input type="hidden" name="id" value="">

        p>

        <p>

            城市:

            <select name="city" id="city">

                <option value="0">==请选择==option>

                <option value="北京">北京option>

                <option value="上海">上海option>

                <option value="杭州" selected="selected">杭州option>

            select>

        p>

        <p>

            个人简介:<br>

            <textarea name="introduce" id="introduce" cols="30" rows="3">textarea>

        p>

        <p>

            <input type="button" name="btn" value="提交">

            <input type="submit" name="sub" value="注册">

            <input type="reset" name="ret" value="重置">

            <input type="image" name="btnimg" src="img/btn.jpg" width="100px" height="80px" value="abc">

        p>

        <button><img src="img/btn.jpg" alt="">button>

   form>

body>

html>

（十）HTML框架标签

1、框架可以使页面分开布局

2、案例相关标签

2.1、框架标签

写法格式:

框架标签标签是在本页面内用多窗口将多个页面整合在一起的一个框架集。每一个页面都是独立的，需要用子标签来确定页面的位置。通过行和列控制整体布局，用cols确定列数，用rows确定行数。

特别注意事项:

标签与标签不能同时共存

属性解析:

属性值

说明

cols

对页面进行列切割

一般我们用百分比确定比例，最后一个值用*匹配剩余量

单位：像素/百分比

rows

对页面进行行切割

一般我们用百分比确定比例，最后一个值用*匹配剩余量

单位：像素/百分比

问题: 框架标签是否可以嵌套? 答: 可以

效果演示:

2.2、框架子标签

标签是标签的子标签, 用于页面引入.

属性解析：

属性名

属性说明

src

指定页面的路径

noresize

框架分割后禁止调整

name

该框架的名称

用于和a标签target连用

案例代码：

第一步：创建框架集页面，注意没有body标签

第二步：创建子页面top.html,left.html,右侧需要显示页面

top.html

left.html:

右侧:

注意：左侧导航链接时打开的内容位置

给右侧框架起个名字：

修改left.html页面中链接标签的target属性：

（十一）实体字符

有些字符，像(<)这类的，对HTML来说是有特殊意义的，所以这些字符是不允许在文本中使用的。要在HTML中显示(<)这个字符，我们就必须使用实体字符。

实体字符语法：&实体字符名;

实体字符表:

字符实体语法结构：

&实体名称;

常见的实体字符有：

空格：   小于符号：< 大于符号：> 双引号："   版权符号：©

（十二）DIV标签与Span标签

DIV是一个块级元素, 默认没有任何样式, 需要配合CSS一起使用才能发挥作用,用div+css可以制作出精美的网页;

扩展: 介绍一个块级标签(行内标签): span

总结:

DIV是一个块级元素, 它包含的元素会自动换行, 单独占一行;

Span是一个行内元素, 它包含的元素不会自动换行, 有多少内容就占多少空间;

（十三）HTML5新特性

什么是 HTML5？

HTML5 是最新的 HTML 标准。

HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。

HTML5 拥有新的语义、图形以及多媒体元素。

HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。

HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 语义标签，多媒体内容，更好的页面结构，更好的形式处理等。

常见语义标签:

：描述了文档的头部区域，用于定义内容的介绍展示区域

：定义元素规定独立的自包含内容。

：述了文档的底部区域，一个页脚通常包含文档的作者，著作权信息，链接的使用条款，联系信息等。

你可能感兴趣的:(Java小白,javascript,前端,开发语言)

2.2[frontEnd]ESLint CQU_JIAKE 前端 java
ESLint是一个开源的JavaScript和TypeScript代码质量和代码风格检查工具。它可以帮助开发者检测代码中的问题（如语法错误、潜在的错误、不一致的代码风格等），从而提高代码质量和可维护性。主要功能检测语法错误：ESLint可以检测代码中的语法错误，例如未关闭的括号、缺少分号等。代码风格检查：ESLint可以强制代码风格的一致性，例如：缩进风格（2空格或4空格）。引号类型（单引号或双引

前端性能优化之SSR优化 xiangzhihong8 前端前端
我们常说的SSR是指Server-SideRendering，即服务端渲染，属于首屏直出渲染的一种方案。SSR也是前端性能优化中最常用的技术方案了，能有效地缩短页面的可见时间，给用户带来很好的体验。SSR渲染方案一般来说，我们页面加载会分为好几个步骤：请求域名，服务器返回HTML资源。浏览器加载HTML片段，识别到有CSS/JavaScript资源时，获取资源并加载。现在大多数前端页面都是单页面应

基础篇：ArkTS基础语法介绍言程序plus 鸿蒙Next开发 javascript arkts 鸿蒙
前言：目前流行的编程语言TypeScript是在JavaScript基础上通过添加类型定义扩展而来的，而ArkTS则是TypeScript的进一步扩展。TypeScript深受开发者的喜爱，因为它提供了一种更结构化的JavaScript编码方法。ArkTS旨在保持TypeScript的大部分语法，为现有的TypeScript开发者实现无缝过渡，让移动开发者快速上手ArkTS。ArkTS比typeS

前端面经分享（25/03/18） CreatorRay react 面试前端前端面试 react
北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React如何捕获子组件的错误React给节点加key会有什么效果最近俩家公司都用WebSocket做了什么HTTP各个版本的区别跨域的常见解决方案前端常见布局WebSocket和SSE的区别A页面滚动到一

智慧物流数字管理系统设计案例分析 UI设计开发服务商数据分析数据挖掘
你好，宝子们！艾斯视觉团队在此，我们专注于UI设计和前端开发领域10年有余。非常高兴能与您分享我们的经验和见解。如果您觉得有所帮助，请给予我们支持和关注，并随时私信我们，共同探讨进步！谢谢您的鼓励！随着科技的飞速发展，数字化已经成为现代物流业的重要发展趋势。智慧物流数字管理系统旨在通过先进的技术手段，实现物流信息的实时共享、智能分析和优化决策，从而提高物流效率、降低成本并提升客户满意度。本文将以一

前端面经真题解析10-字节/抖音电商/前端/超详细记录浪里个浪zxf 前端面试前端
文章目录1.自我介绍2.介绍下自己的项目3.看你项目里面用了axios,说下请求拦截和响应拦截怎么做？4.说下项目里面前后端交互过程及设计？5.怎么处理切换分页请求数据的，优化手段？6.说下你爬取别人网站数据的时候，别人如果设置了拦截，你的解决方案是？7.你说下http请求的refer字段？**Origin字段：****Referer字段：****Host字段****区别：**8.看你做了路由懒加

【网易雷火秋招】前端面经分享编程自学-领绿学长前端求职招聘面试
网易网易雷火是国内一流且最有创新力的游戏研发团队，是网易杭州的第一个游戏工作室。雷火开创性的打造了《逆水寒》、《永劫无间》、《倩女幽魂》、《全明星街球派对》等一众爆款游戏；并在二次元、FPS、主机游戏等方向上持续探索，《代号：无限大》等在研项目收到玩家广泛关注。与此同时，我们与全球合作伙伴一起共同构建开放、协同、共荣共生的产业生态，致力于让中国游戏走出去，让世界听见雷火声音。雷火还拥有国内专业从事

【万字总结】前端全方位性能优化指南（四）——虚拟DOM批处理、文档碎片池、重排规避庸俗今天不摸鱼 Web性能优化合集前端性能优化
前言在浏览器宇宙中，DOM操作如同「时空裂缝」——一次不当的节点更新可能引发连锁重排，吞噬整条渲染流水线的性能。本章直面这一核心矛盾，以原子级操作合并、节点记忆重组、排版禁忌破解为三重武器，重构DOM更新的物理法则。通过虚拟DOM的批处理引擎将千次操作坍缩为单次提交，借助文档碎片池实现90%节点的跨时空复用，再以transform替代top等20项反重排铁律，我们将彻底终结「JavaScript线

ArkTS 基础语法介绍怀男孩笔记 harmonyos
ArkTS基础语法编程语言介绍什么是ArkTS？ArkTS是HarmonyOS生态的应用开发语言。它基于TypeScript（TS），并在此基础上进行了增强和优化，提供了声明式UI范式、状态管理支持等能力，帮助开发者以更简洁、自然的方式开发应用。ArkTS强化了静态类型检查，支持并发编程增强，并与TS/JS生态高效互操作，兼容性良好。ArkTS的主要特点包括：静态类型检查：在编译阶段检测更多错误，

前端面经分享（25/03/19） CreatorRay 前端面试前端面试
北京一家做协同办公软件出海的公司，技术一面，20k-40k，要求3-5年详细聊了一下上家公司的项目上家公司的项目是不做了吗，离职原因是什么，你觉得公司的这个产品怎么样在做AI类的业务时，作为前端感觉跟常规业务有什么区别详细聊了一下上上家公司的项目细节讲一下项目里用编辑器做了什么事遇到过什么难解决的问题项目里提供的UI自动化的功能是怎么做的聊了一下写博客的事情有没有了解过浏览器底层的东西最近在研究或

实现高德地图自定义点标记跳动，点标记随缩放大小显示和隐藏时光请留微笑 javascript 前端 vue.js
高德地图的自定义标记（Marker）添加一个循环动画效果，比如让图标上下跳动，你可以利用CSS动画或JavaScript动画库（如GSAP）。使用GSAP来创建动画，下面我将展示两种GSAP和CSS类来为Marker的内容添加循环动画。方法一：通过CSS动画实现图标上下跳动首先自定义点标记，在点标记显示内容content中自定义一个图标，这里我用的是element中的图标，给标签一个类名，如i-i

vite中使用Web Worker 脚本
MDN对WebWorker的说明WebWorker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外，它们可以使用XMLHttpRequest（尽管responseXML和channel属性总是为空）或fetch（没有这些限制）执行I/O。一旦创建，一个worker可以将消息发送到创建它的JavaScript代码，通过将消息发布到该代码指定的事件处理器（反

【VSCode】VSCode常用插件 Ctrl Z. vscode ide 编辑器
Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode：简体中文支持插件HTML/CSS/JavaScriptSnippets：支持HTML/CSS/JavaScript快速匹配输入HTMLSnippets：这个插件提供了一系列HTML代码片段，通过简单的缩写就可以快速生成常用的HTML结构。例如，输入!并按下Tab键，就可以快速生成一个完

LangChain入门：使用Python和通义千问打造免费的Qwen大模型聊天机器人南七小僧人工智能网站开发 AI技术产品经理服务器数据库 windows
前言LangChain是一个用于开发由大型语言模型（LargeLanguageModels，简称LLMs）驱动的应用程序的框架。它提供了一个灵活的框架，使得开发者可以构建具有上下文感知能力和推理能力的应用程序，这些应用程序可以利用公司的数据和APIs。这个框架由几个部分组成。LangChain库：Python和JavaScript库。包含了各种组件的接口和集成，一个基本的运行时，用于将这些组件组合

浏览器开发者工具深度调试指南：从入门到高阶技巧 109702008 编程网络人工智能网络
浏览器开发者工具（DevTools）是现代前端工程师的"瑞士军刀"，本文将系统解析其核心功能与实战技巧，助您掌握高效调试的终极奥义。一、基础操作与核心功能1.1工具启动方式快捷键：F12（Win/Linux）|Cmd+Opt+I（Mac）右键菜单：网页任意位置右键→检查（Inspect）移动端调试：启用设备模式（Ctrl+Shift+M）1.2核心面板全景图面板名称核心功能快捷键切换Element

探索 LangChain、Hugging Face、LM Studio 等 AI 应用工具 Alex程 langchain 人工智能
目录1.LangChainv0.2简介安装概念指南简单试用(1)模型选择(2)基础操作(3)更多操作Runnable调用链的连接Runnable并行自定义函数RunnableLambda额外assign参数(4)langchain.js2.HuggingFace简介如何调用API3.LMStudio简介LMStudio服务器JavaScript/TypeScriptSDK4.Dify.AI简介安装

《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅 JJCTO袁龙前端 react.js 前端框架
文章标题《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅在前端开发的浪潮中，React.js已经成为开发者们不可或缺的利器。它以其高效、灵活的特性，成为构建现代Web应用的首选框架之一。然而，随着项目复杂度的增加，如何更好地管理状态、优化性能、提升代码可维护性，成为每个开发者必须面对的挑战。幸运的是，我最近出版的《React开发实践：掌握Redux与Hooks应用》这

Webpack常见面试题总结 xiangzhihong8 React Native 前端 webpack 前端 javascript
一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS文件中。约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script标签对应一个模块，然后再调用模块化的成员。比如：但这种模块化开发的弊端也十分

最完整的webpack Dll打包与采坑总结仰望星空的代码 Vue.js踩坑记 vue.js webpack dll打包打包优化
webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。在前端项目依赖第三方库过多，项目比较大文件比较多时，webpack打包的速度也会被拖成蜗牛，是时候优化一下webapck的打包速度了。在优化打包速度方面有不少方法方式，其中一个比较重要的方式是DllPlugin。DllPlugin把第三方库打包成动态链接库（动态链接库：windows系统中库文件概念，这里是借用了这一概念。），Dl

Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据 hh_fine java websocket html
JavaWebSocket与项目页面（通常是HTML+JavaScript）之间建立连接并传输数据1.创建JavaWebSocket服务器：使用JavaWebSocketAPI创建一个WebSocket服务器端点。2.在HTML页面中使用JavaScript连接WebSocket：通过JavaScript的WebSocketAPI与JavaWebSocket服务器建立连接。3.双向数据传输：实现服

Ts学习笔记初学者7. 学习笔记 typescript
一、Ts与Js区别TsJsJavaScript的超集，用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页。强类型，支持静态和动态类型动态弱类型语言可以在编译期间发现并纠正错误只能在运行时发现错误不允许改变变量的数据类型变量可以被赋予不同类型的值二、Ts基础类型：boolean,number,string,undefined,null,any,unknown,void，neverany,un

Lodash源码分析-every,some,size,includes 初学者7. Loadsh源码分析 javascript 前端
collection相关的函数，collection指的是一组用于处理集合（如数组或对象）的工具函数。lodash源码研读之every,some,size,includes一、源码地址GitHub地址:GitHub-lodash/lodash:AmodernJavaScriptutilitylibrarydeliveringmodularity,performance,&extras.官方文档地址

Lodash源码分析-uniq,uniqBy,uniqWith 初学者7. Loadsh源码分析 javascript 前端
lodash源码研读之uniq,uniqBy,uniqWith一、源码地址GitHub地址:GitHub-lodash/lodash:AmodernJavaScriptutilitylibrarydeliveringmodularity,performance,&extras.官方文档地址:Lodash官方文档二、结构分析uniq,uniqBy,uniqWith基于baseUniq模块。三、函数介

前端开发：Webpack的使用总结三掌柜666 web前端知识汇总 webpack 前端 javascript
前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。还有就是在前端求职面试的时候，Webpack相关的知识点也是面试官必定考察的，那么本篇博文就来分享一下关于Webpack使用相关的知识点，记录下来，方便后期查阅使用。Webpack概念Webpack其实是一个前端资源加载/打包工

UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING）集成显卡前端项目实践 uni-app vscode ide
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。快速开发模板unibest：最好的uniapp开发框架，由uniapp+Vue3+Ts+Vite5+UnoCss+VSCode(可选webstorm)+uni插件+wot-ui（

【Spring AI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建 un_fired spring 人工智能 java
系列文章目录【SpringAI】基于专属知识库的RAG智能问答小程序开发——完整项目（含完整前端+后端代码）【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心ChatClient对象相关构造函数【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建文章目录系列文章目录前言1.Service层知识库构建与检索函数详

个人AI助手的未来：Yi AI开源系统助力快速搭建耶耶Norsea 网络杂烩人工智能开源
摘要YiAI推出了一站式个人AI助手平台解决方案，助力用户快速搭建专属AI助手。该平台采用全套开源系统，涵盖前端应用、后台管理及小程序功能，并基于MIT协议开放使用。同时，平台集成了本地RAG方案，利用Milvus与Weaviate向量数据库支持本地部署，为用户提供高效、灵活的数据处理能力。关键词个人AI助手,快速搭建,开源系统,本地RAG,向量数据库一、YiAI开源系统概述1.1个人AI助手的发

2025React岗位前端面试题180道及其答案解析,看完稳了,万字长文,持续更新.... 祈澈菇凉前端
1.什么是React？它的主要特点是什么？答案解析：React是一个用于构建用户界面的JavaScript库，主要用于构建单页应用。其主要特点包括：组件化：React应用由多个可重用的组件组成，便于管理和维护。虚拟DOM：React使用虚拟DOM提高性能，通过最小化实际DOM操作来优化渲染过程。单向数据流：数据在组件之间以单向流动的方式传递，简化了数据管理和调试。声明式编程：React允许开发者以

Python前端开发 PITSU 正则表达式 html css3 mysql
Python前端开发1.前端三剑客（HTML，CSS和JavaScript）1.1HTML1.1.1HTML简介HyperTextMark-upLanguage,指的是超文本标记语言；html是开发网页的语言；html中的标签大多数都是成对出现的,格式:1.1.2HTML结构第一行是文档声明部分HTML：分为页头，页身和页脚。标签大部分是成对出现1.1.3第一行文档声明部分HTML在vscode中

FastAPI测试策略：参数解析单元测试 qcidyu 文章归档异常传播验证依赖注入测试请求模拟技术测试覆盖率优化 Pydantic验证测试单元测试策略参数解析测试
扫描二维码关注或者微信搜一搜：编程智域前端至全栈交流与成长探索数千个预构建的AI应用，开启你的下一个伟大创意第一章：核心测试方法论1.1三层测试体系架构#第一层：模型级测试deftest_user_model_validation():withpytest.raises(ValidationError):User(age=-5)#第二层：依赖项测试deftest_auth_dependency()

redis学习笔记——不仅仅是存取数据 Everyday都不同 returnSource expire/del incr/lpush 数据库分区 redis
最近项目中用到比较多redis，感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品，如果好好利用它，会带来很多意想不到的效果。（因为我搞java，所以就从jedis的角度来补充一点东西吧。PS：不一定全，只是个人理解，不喜勿喷） 1、关于JedisPool.returnSource(Jedis jeids) 这个方法是从red

SQL性能优化-持续更新中。。。。。。 atongyeye oracle sql
1 通过ROWID访问表--索引你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高. 2 共享SQL语句--相同的sql放入缓存 3 选择最有效率的表

[JAVA语言]JAVA虚拟机对底层硬件的操控还不完善 comsci JAVA虚拟机
     如果我们用汇编语言编写一个直接读写CPU寄存器的代码段，然后利用这个代码段去控制被操作系统屏蔽的硬件资源，这对于JVM虚拟机显然是不合法的，对操作系统来讲，这样也是不合法的，但是如果是一个工程项目的确需要这样做，合同已经签了，我们又不能够这样做，怎么办呢？那么一个精通汇编语言的那种X客，是否在这个时候就会发生某种至关重要的作用呢？ &n

lvs- real 男人50 LVS
#!/bin/bash # # Script to start LVS DR real server. # description: LVS DR real server # #. /etc/rc.d/init.d/functions VIP=10.10.6.252 host='/bin/hostname' case "$1" in sta

生成公钥和私钥 oloz DSA 安全加密
package com.msserver.core.util; import java.security.KeyPair; import java.security.PrivateKey; import java.security.PublicKey; import java.security.SecureRandom; public class SecurityUtil {

UIView 中加入的cocos2d，背景透明 374016526 cocos2d glClearColor
要点是首先pixelFormat:kEAGLColorFormatRGBA8，必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll

mysql常用命令香水浓 mysql
连接数据库 mysql -u troy -ptroy 备份表 mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql 恢复表（与恢复数据库命令相同） mysql -u troy -ptroy mm_database < user.sql 备份数据库 mysqldump -u troy -ptroy

我的架构经验系列文章 - 后端架构 - 系统层面 agevs JavaScript jquery css html5
系统层面：高可用性所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说，可以采用两种方式，如果可以做业务可以做负载均衡则通过负载均衡实现集群，然后针对每一台服务器进行监控，一旦发生故障则从集群中移除；如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制，实现Active机在出现故障之后虚拟IP转移到Standby的快速

利用ant进行远程tomcat部署 aijuans tomcat
在javaEE项目中，需要将工程部署到远程服务器上，如果部署的频率比较高，手动部署的方式就比较麻烦，可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤（http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html），但是在tomcat7以上不适用，需要修改配置，具体如下： 1.配置tomcat的用户角色

获取复利总收入 baalwolf 获取
public static void main(String args[]){ int money=200; int year=1; double rate=0.1; &

eclipse.ini解释 BigBird2012 eclipse
大多数java开发者使用的都是eclipse，今天感兴趣去eclipse官网搜了一下eclipse.ini的配置，供大家参考，我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌，看官方文档，这样我们会知道问题的真面目是什么，对问题也有一个全面清晰的认识。 Overview 1、Eclipse.ini的作用 Eclipse startup is controlled by th

AngularJS实现分页功能 bijian1013 JavaScript AngularJS 分页
对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。 &nbs

[Maven学习笔记三]Maven archetype bit1129 ArcheType
archetype的英文意思是原型，Maven archetype表示创建Maven模块的模版，比如创建web项目，创建Spring项目等等. mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式， mvn archetype 1.在LearnMaven-ch03目录下，执行命令mvn archetype:gener

【Java命令三】jps bit1129 Java命令
jps很简单，用于显示当前运行的Java进程，也可以连接到远程服务器去查看 [hadoop@hadoop bin]$ jps -help usage: jps [-help] jps [-q] [-mlvV] [<hostid>] Definitions: <hostid>: <hostname>[:

ZABBIX2.2 2.4 等各版本之间的兼容性 ronin47
zabbix更新很快，从2009年到现在已经更新多个版本，为了使用更多zabbix的新特性，随之而来的便是升级版本，zabbix版本兼容性是必须优先考虑的一点客户端AGENT兼容 zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4：如果你升级zabbix server，客户端是可以不做任何改变，除非你想使用agent的一些新特性。 Zabbix代理（p

unity 3d还是cocos2dx哪个适合游戏？ brotherlamp unity自学 unity教程 unity视频 unity资料 unity
unity 3d还是cocos2dx哪个适合游戏？问：unity 3d还是cocos2dx哪个适合游戏？答：首先目前来看unity视频教程因为是3d引擎，目前对2d支持并不完善，unity 3d 目前做2d普遍两种思路，一种是正交相机，3d画面2d视角，另一种是通过一些插件，动态创建mesh来绘制图形单元目前用的较多的是2d toolkit，ex2d，smooth moves，sm2，

百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序 bylijinnan java 算法面试百度招聘
import java.util.Arrays; /** * 最早是在陈利人老师的微博看到这道题： * #面试题#An array with n elements which is K most sorted，就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K * 设计一个排序算法。It should be faster than O(n*lgn)。

获取checkbox复选框的值 chiangfai checkbox
<title>CheckBox</title> <script type = "text/javascript"> doGetVal: function doGetVal() { //var fruitName = document.getElementById("apple").value;//根据

MySQLdb用户指南 chenchao051 mysqldb
原网页被墙，放这里备用。 MySQLdb User's Guide Contents Introduction Installation _mysql MySQL C API translation MySQL C API function mapping Some _mysql examples MySQLdb

HIVE 窗口及分析函数 daizj hive 窗口函数分析函数
窗口函数应用场景：（1）用于分区排序（2）动态Group By （3）Top N （4）累计计算（5）层次查询一、分析函数用于等级、百分点、n分片等。函数             说明 RANK()     &nbs

PHP ZipArchive 实现压缩解压Zip文件 dcj3sjt126com PHP zip
PHP ZipArchive 是PHP自带的扩展类，可以轻松实现ZIP文件的压缩和解压，使用前首先要确保PHP ZIP 扩展已经开启，具体开启方法就不说了，不同的平台开启PHP扩增的方法网上都有，如有疑问欢迎交流。这里整理一下常用的示例供参考。一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11

精彩英语贺词 dcj3sjt126com 英语
I'm always here             我会一直在这里支持你               &nb

基于Java注解的Spring的IoC功能 e200702084 java spring bean IOC Office


java模拟post请求 geeksun java
一般API接收客户端（比如网页、APP或其他应用服务）的请求，但在测试时需要模拟来自外界的请求，经探索，使用HttpComponentshttpClient可模拟Post提交请求。此处用HttpComponents的httpclient来完成使命。 import org.apache.http.HttpEntity ; import org.apache.http.HttpRespon

Swift语法之 ---- ?和!区别 hongtoushizi ?swift !
转载自： http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html Swift语言使用var定义变量，但和别的语言不同，Swift里不会自动给变量赋初始值，也就是说变量不会有默认值，所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错： var stringValue : String //

centos7安装jdk1.7 jisonami jdk centos
安装JDK1.7 步骤1、解压tar包在当前目录 [root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz 步骤2：配置环境变量在etc/profile文件下添加 export JAVA_HOME=/usr/java/jdk1.7.0_75 export CLASSPATH=/usr/java/jdk1.7.0_75/lib

数据源架构模式之数据映射器 home198979 PHP 架构数据映射器 datamapper
前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录，相较于这三种数据源架构模式，数据映射器显得更加“高大上”。一、概念数据映射器（Data Mapper）：在保持对象和数据库（以及映射器本身）彼此独立的情况下，在二者之间移动数据的一个映射器层。概念永远都是抽象的，简单的说，数据映射器就是一个负责将数据映射到对象的类数据。 &nb

在Python中使用MYSQL pda158 mysql python
缘由　　近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到数据库中。　　了解到 Python在这方面有优势，便选用之。　　由于我有台 server上面安装有 mysql，自然使用之。在进行数据库的这个操作过程中遇到了不少问题，这里记录一下，大家共勉。　　 python中mysql的调用　　百度之后能够通过MySQLdb进行数据库操作。

单例模式 hxl1988_0311 java 单例设计模式单件
package com.sosop.designpattern.singleton; /* * 单件模式：保证一个类必须只有一个实例，并提供全局的访问点 * * 所以单例模式必须有私有的构造器，没有私有构造器根本不用谈单件 * * 必须考虑到并发情况下创建了多个实例对象 * */ /** * 虽然有锁，但是只在第一次创建对象的时候加锁，并发时不会存在效率

27种迹象显示你应该辞掉程序员的工作 vipshichg 工作
1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术，但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的，老板在检查你刚刚完成的工作时，要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中，而不是用在开发好的软件上。 8、部署前5分钟才开始测试。

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

属性名	属性说明
src	设置图片的引用路径，可以是相对路径或绝对路径相对路径 ./ 当前目录 ../ 上一级目录 ../../ 上上一级目录 2. 绝对路径网络绝对路径：通过url地址加载资源如：https://timgsa.baidu.com/timg?image/xx.png 磁盘绝对路径需要通过本地访问该页面如：D:\\images\\1.jpg
width	设置图片的宽度，以像素为单位。
height	设置图片的高度，以像素为单位
title	悬浮文字，当鼠标悬浮到图片上时的提示文字
alt	替代文本，由于某种原因图片无法显示时会使用替代文本替代图片内容。

属性名	属性说明
src	要播放的音频的 URL，是source标签的属性
controls	如果出现该属性，则向用户显示控件，比如播放按钮
autoplay	如果出现该属性，则音频在就绪后马上播放。
loop	如果出现该属性，则每当音频结束时重新开始播放
muted	规定视频输出应该被静音

属性名	属性说明
src	要播放的视频的 URL
controls	如果出现该属性，则向用户显示控件，比如播放按钮
height	设置视频播放器的高度
width	设置视频播放器的宽度
loop	如果出现该属性，则当媒介文件完成播放后再次开始播放
muted	规定视频的音频输出应该被静音
autoplay	如果出现该属性，则视频在就绪后马上播放。

小白学习Java第二十三天＜进入Javaweb＞

课程介绍：

今日内容：

一、HTML概述

二、软件架构

（一）C/S架构

（二）B/S架构

（三）资源分类

三、HTML语言介绍

（一）什么是HTML

（二）HTML作用及版本

四、HTML入门案例

（一）HTML基本语法

（二）创建第一个HTML文件

（三）HTML编辑工具

五、HTML常见标签

（一）标题标签

定义最大的标题，定义最小的标题。 标题标签： 标题1...标题6

定义最小的标题。 标题标签：

标题1

标题6

（二）段落标签

（五）HTML多媒体标签

（六）HTML列表标签

（七）超链接标签

（八）HTML表格标签

（九）HTML表单标签

（十）HTML框架标签

案例代码：

（十一）实体字符

（十二）DIV标签与Span标签

（十三）HTML5新特性

定义最大的标题，
定义最小的标题。

标题标签：
标题1
...
标题6

定义最小的标题。

标题标签：