【学习笔记】Html，VUE

Html

1.小demo，图片，有序无序标签

2.输入框input标签，超链接，顶部跳转

3.表格标签

4.form标签-提交数据

只有form标签才能提交数据

5.提交数据三个要求：

1.form2.提交按钮3.name属性

*注: name属性相同可以指定选择一个性别框

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rqDePBcW-1639577280204)(https://s2.loli.net/2021/12/06/RvF9JTeCoqWIyB8.png)]

6.提交数据的两种方式：get和post

get：是mothod的默认值，把数据在地址栏显示，不安全。

post：解决了get提交的问题

7.method，action

method指定数据提交方式

action指定java程序的访问方式

后面接地址，提交后跳转 action=“http://baidu.com”

#-代表不跳转

8.div,p，span

div-块标签

p-段落

span-行

9.音频，视频

10.value，checked

给value设置值可以在地址栏保存对应的值，

解决单选多选都提交on的问题，给学历添加value，优化

checked可以默认选中

css

修饰html网页的一种技术

css分类

**1.行内css：**一行代码添加css修饰

**2.内部css：**指在head标签中使用style标签，添加css的代码

**3.外部css：**指单独生成.css文件，里面写css代码，哪个网页需要就引入哪个网页。

语法：

选择器{属性名：属性值；属性名：属性值；属性名：属性值；}

学习重点：

1.选择器有哪些

2.属性名

测试css出现的位置

测试css的选择器

css的特殊语法，可以选中元素

分类：基本选择器（标签名选择器，类选择器，id选择器）+ 高级选择器（分组选择器，属性选择器）

基本选择器：标签名，class，id选择器

id官方说不能相同，是为了高效，但是相同是可以用的

高级选择器：分组选择器，属性选择器

盒子模型*********

指的是将HTML中所有元素都看成一个盒子，盒子与盒子之间的距离，包括盒子的边框以及盒子边框和盒子内容的距离都可以设置。

JS

js是一门 基于对象 和 事件驱动 的