前端开发知识(一)-html

1.前端开发需掌握的内容： 

2.前端开发的三剑客：html、css、javascript 

Vue可以简化JavaScpript流程。

Element（饿了么开发的） ：前端组件库。

Ngix：前端服务器。

3.前端开发工具：vscode

1)按下 感叹号 回车后，即可自动填写html的基本框架。

2)<br>是换行

3)<p>是段落标签，使用段落标签不仅会换行，段落之间还会有间距。

4)两个布局标签

   <div>:定义html文档中的一个区域部分，经常与CSS一起使用，用来布局页面。

标签之间会分段。

   <span>:用来组合行内元素。

5）表单标签：<form>用于采集用户数据

在input中，使用submit提交数据。(不用写名字，默认的名字提交，或者使用value=""修改按钮显示文字）。一定要写 name，否则提交后，也采集不到。

除submit外，reset用于清零，button配合javascpript使用。

 

方式一：在地址栏中显示采集数据 (默认是get）

<form>

        姓名：<input type="text" name="name”/><br /><br />

        年龄：<input type="text" name="age”/><br /><br />

        <input type="submit">

</form>

 

 点击提交后，在地址栏中，会采集到数据。

 

方式二： method 改为post,提交到消息体 

<form method="post">

        姓名：<input type="text" name="name”/><br /><br />

        年龄：<input type="text" name="age”/><br /><br />

        <input type="submit">

</form>

最终提交在消息体中，试用于 密码等不能明文展示的数据。 

 

数据最终是要提交到后台的，因为没有设置后台的地址，默认是提交到了本地的URL，如上图所示（将本地网址转化成一串地址。） 

通过action 设置后端程序地址：

<form method="post"  action="后端服务器地址">

...

</form>