编辑

阿华代码，不是逆风，就是我疯

你们的点赞收藏是我前进最大的动力！！

希望本文内容能够帮助到你！！

目录

零：HTML开发工具VSCode的使用

1：创建项目

2：创建格式模板：！+enter

3：修改标题title

4：标题标签h

5：段落标签p

6：换行标签

7：图片标签

8：超链接  a

9：表格标签

10：input标签

举例①：按钮+文本框

举例②：单选框+复选框

举例③：密码框+提交按钮

举例④：表单

11：select标签

12：div和span

一：引入

1：前端的源代码，可以直接在右键鼠标查看

2：前端的调试工具，也在浏览器中

二：HTML测试引入

1：html

2：h1~h6标签

建议可以先看看引入部分

零：HTML开发工具VSCode的使用

我们先安装好VSCode这款软件

1：创建项目

编辑

选择一个文件夹

编辑

编辑 编辑

输入名字并加上后缀.html，创建成功

编辑

2：创建格式模板：！+enter

编辑

编辑

3：修改标题title

注意注意：写完的代码一定要ctrl+s保存一下，不然浏览器界面是不会更新的

编辑

编辑

4：标题标签h

编辑

编辑

5：段落标签p

p标签首行不会缩进

编辑

编辑

6：换行标签<br/>

换行标签是一个单标签

编辑

7：图片标签<img src="图片路径">

编辑

效果如下

编辑

8：超链接  a

href：（使用超链接，就需要使用这个）表示点击后跳转的界面

target：打开方式

①默认为_self

②如果是_blank就是用新的标签页打开

编辑

9：表格标签

border = "1px"给表格加上边框

编辑

编辑 编辑 编辑

10：input标签

举例①：按钮+文本框

type是类型选项

按钮搭配value

placeholder是默认的

编辑

效果

编辑

举例②：单选框+复选框

type类型为radio（译为按钮）

name中的属性一致才可以多选一（这里用gender<性别>是自定义的，也可以改为sex）

编辑

复选（可以选多个）checkbox

编辑

实现效果：

编辑

举例③：密码框+提交按钮

编辑

实现效果

编辑

举例④：表单

描述了要把数据按照什么⽅式, 提交到哪个⻚⾯中

<form action="test.html">

... [form 的内容]

</form>

编辑

11：select标签

编辑

实现效果

编辑

12：div和span

重点理解：div独占一行

编辑

编辑

实现效果

编辑

一：引入

我们说的JavaEE是企业级开发，主要是学习Java在企业中如何应用。

PC端的应用开发结构模式主要分为C/S结构（客户端/服务器）和B/S结构（浏览器/服务器）

前端三剑客：HTML，CSS，JavaScript，三者相互协作作为前端的支柱

我们看到的这些网页都是由前端代码构建的

编辑

1：前端的源代码，可以直接在右键鼠标查看

编辑 编辑

2：前端的调试工具，也在浏览器中

F12

编辑

这是调试的工具栏：控制台，源代码，应用程序等等

编辑

使用一下这个工具

编辑

会跳到指定的代码处可以看到这是一个图片的链接，可以修改图片

编辑

如果我们想要修改一下文字

编辑

编辑

二：HTML测试引入

1：html

HTML超文本标记语言

超文本：在普通文本的基础上还可以进行字体，段落，行间距等修改，拆入图片，音频等

标记语言：由标签构成的语言

2：h1~h6标签

我们新建一个txt文档，输入下方红色框中的内容，保存，修改文件后缀为html，

编辑

浏览器呈现的效果

编辑

编辑

这个代码本身是不规范的，但是浏览器能够解析，是因为浏览器有很好的鲁棒性（你对它越粗鲁，它越棒）