HTML基础

 1.input标签常用的type属性值

 

 2.占位符

在tpye后面加上 placeholder="(里面输入占位内容)" 即可

3. 单选框以及多选框详细操作

通过name命名，同一个组的单选框便只能勾选一个

checked表示默认，若是<input type="radio" name="gender" checked>女，则表示在gender这一栏中如果不选择，默认选择"女"

以上规则，多选框都同理可以使用

 

4.上传多个文件

 5.按钮

form表单域才能将input的各种type属性连接在一起，在网页操作中，同一个表单域中才能将submit和用户名、密码等连接在一起

 提交按钮默认 “提交”， 重置按钮默认 “重置”， 普通按钮需要有value=“” 才能为按钮赋值，但是提交按钮也可以使用value=“” 为提交按钮修改值

6.button按钮详细操作

 

 7.select标签

 在select中，第一个就是默认选项，但是，如果跟其他的选项加了selected，那就对selected进行默认

 8.textarea文本域标签

 文本域右下角有一个角标，可以通过移动来手动调节文本域大小，但是在后续的学习中要通过CSS把这个功能关掉，否则实际开发中创建出的界面能被用户拖拽，很影响

 

 9.label标签

方法一:通过label标签，使input标签里面id数值和label标签里的for数值相同，即可使得点单选框旁边的汉字也可以勾选操作，提升用户体验。

 方法二:将单选框input标签装入label标签中，label标签中什么都不需要加，便可完成点汉字也能勾选的操作。

 

10.没有语义的布局标签-div和span

不需要换行，独占一行，跟直接输入文字没有区别

 ​​​​​​​

 但是span标签如果不换行，就会显示在同一行，想要换行就用<br>实现

11.有语义的布局标签（了解）

有语义标签主要作为扩展，了解即可，这些标签主要作用主要是用于手机网页的制作

 

 12.字符实体

 实际使用中最常用的字符实体就是  &nbsp;  其作用就是代表空格作用，在普通文字中输入多个空格也只有一个空格的作用，此字符实体就是解决该问题